:root{--bg: #0f1117;--header-bg: #0f1117;--card: #1b1f2a;--text: #ffffff;--muted: #a9b1c7;--accent: #4f7cff;--accent-strong: #3d64d1;--border: #2b3244}.page{width:100%;min-height:100dvh;margin:0;padding:0;display:flex;flex-direction:column;position:relative}.page--loading{align-items:center;justify-content:center;padding:32px 16px}.site-header{position:sticky;top:0;z-index:30;width:100%;margin:0;padding:8px 24px;border-bottom:1px solid transparent;background:var(--header-bg);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:padding .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:100%}.site-header-logo{width:auto;max-width:min(338px,49.5vw);height:94px;object-fit:contain;border-radius:0;background:transparent;padding:0;display:block;box-shadow:none;flex-shrink:0;transition:max-width .28s ease,height .28s ease,padding .28s ease,border-radius .28s ease}.site-header--scrolled{padding:3px 20px;border-bottom-color:color-mix(in srgb,var(--border) 55%,transparent);background:color-mix(in srgb,var(--header-bg) 78%,transparent);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 6px 28px #00000038}.site-header--scrolled .site-header-logo{width:auto;max-width:min(221px,39vw);height:58px;padding:0;border-radius:0;box-shadow:none}.site-header-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--muted);background:transparent;color:var(--muted);text-decoration:none;font-size:.85rem;font-weight:600;line-height:1;padding:10px 14px;white-space:nowrap;transition:background .12s ease-in-out,border-color .12s ease-in-out,color .12s ease-in-out,transform .12s ease-in-out}.site-header-cta:hover{border-color:var(--accent-strong);background:var(--accent-strong);color:var(--text);transform:translateY(-1px)}.content-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 2fr;width:100%}.panel-left{padding:24px 28px calc(40px + 3rem) 32px;display:flex;flex-direction:column;gap:24px;background:color-mix(in srgb,var(--bg) 88%,transparent);border-right:none}.hero-copy{margin:0}.eyebrow{margin:0;color:var(--muted);font-size:.875rem}h1{margin:6px 0 12px;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.2}.hero-subheadline{margin:0;color:var(--text);max-width:none;width:100%;line-height:1.45}.panel-card{background:var(--card);border:none;border-radius:20px;padding:20px 20px 22px;box-shadow:0 1px 2px color-mix(in srgb,#000 28%,transparent),0 10px 36px color-mix(in srgb,#000 38%,transparent)}.campaign-options{margin-bottom:14px}.panel-section-label{margin:0 0 10px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 78%,transparent)}.upload-section{margin-bottom:0}.campaign-options__grid{display:grid;width:100%;gap:10px}.campaign-options__grid[data-option-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-options__grid[data-option-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-options__grid[data-option-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-options__item{min-width:0;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px;border-radius:14px;border:2px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--bg) 42%,var(--card));cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.campaign-options__item:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.campaign-options__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.campaign-options__item--selected{background:color-mix(in srgb,var(--accent-strong) 20%,var(--card));border-color:var(--accent-strong);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-strong) 35%,transparent)}.campaign-options__item:disabled{opacity:.65;cursor:not-allowed}.campaign-options__thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;background:color-mix(in srgb,var(--muted) 35%,transparent)}.campaign-options__caption{font-size:.72rem;line-height:1.25;text-align:center;color:color-mix(in srgb,var(--text) 88%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-card-title{margin:0;font-size:.9rem;font-weight:700;letter-spacing:.02em}.panel-card-tipsline{margin:0 0 16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.panel-card-lead{margin:0}.card--narrow{width:min(100%,520px)}.muted,label{color:var(--muted)}form{display:grid;gap:14px}.dropzone{position:relative;min-height:clamp(360px,58vh,660px);border-radius:14px;border:2px dashed color-mix(in srgb,color-mix(in srgb,var(--border) 85%,var(--accent)) 50%,transparent);background:color-mix(in srgb,var(--card) 55%,transparent);overflow:hidden;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.dropzone--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.dropzone--has-file{border-style:solid;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.dropzone-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;cursor:pointer;color:var(--text)}.preview-stage{position:absolute;inset:0;display:flex;flex-direction:column;padding:0}.preview-stage__image{flex:1;width:100%;min-height:0;object-fit:cover;border-radius:0;border:none;background:#090b12;display:block}.preview-stage__placeholder{flex:1;width:100%;min-height:0;border-radius:0;border:none;background:linear-gradient(110deg,#ffffff0f,#ffffff08,#ffffff0f 70%);background-size:220% 100%;animation:shimmer 1.1s ease-in-out infinite}.preview-stage__toolbar{position:absolute;top:10px;right:10px;z-index:2;display:flex;gap:8px;align-items:center}.preview-stage__generating-fill{position:absolute;inset:0;z-index:0;overflow:hidden;isolation:isolate;animation:gen-fill-fade .4s ease forwards}.preview-stage__progress-ring{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);pointer-events:none}.generation-progress-ring{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:color-mix(in srgb,var(--card) 82%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 22%,transparent),0 8px 28px color-mix(in srgb,var(--bg) 65%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.generation-progress-ring__svg{display:block;grid-area:1 / 1}.generation-progress-ring__track{stroke:color-mix(in srgb,var(--text) 18%,transparent)}.generation-progress-ring__fill{transition:stroke-dashoffset .35s ease}.generation-progress-ring__label{grid-area:1 / 1;font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 8px color-mix(in srgb,var(--bg) 65%,transparent)}.preview-stage__shader{position:absolute;inset:0;width:100%;height:100%}.preview-stage__shader-canvas{display:block;width:100%;height:100%}.gen-fx{position:absolute;inset:0;overflow:hidden;isolation:isolate}.gen-fx__fog{position:absolute;inset:0;background:radial-gradient(ellipse 120% 90% at 50% -10%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 58%),radial-gradient(ellipse 90% 80% at -10% 60%,color-mix(in srgb,var(--accent-strong) 18%,transparent),transparent 55%),radial-gradient(ellipse 85% 70% at 110% 65%,color-mix(in srgb,var(--muted) 25%,transparent),transparent 50%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent),color-mix(in srgb,var(--bg) 12%,transparent));opacity:.92;mix-blend-mode:normal}.gen-fx__aurora{position:absolute;inset:-18%;background-repeat:no-repeat;mix-blend-mode:soft-light;opacity:.62;will-change:background-position}.gen-fx__aurora--a{background-image:linear-gradient(118deg,transparent 18%,color-mix(in srgb,var(--accent) 58%,transparent) 42%,color-mix(in srgb,var(--accent-strong) 48%,transparent) 62%,transparent 88%);background-size:240% 240%;background-position:12% 30%;animation:gen-aurora-drift-a 8s ease-in-out infinite}.gen-fx__aurora--b{opacity:.48;mix-blend-mode:screen;background-image:linear-gradient(-72deg,transparent 28%,color-mix(in srgb,var(--accent) 35%,transparent) 48%,color-mix(in srgb,var(--text) 22%,transparent) 58%,color-mix(in srgb,var(--muted) 30%,transparent) 74%,transparent 94%);background-size:220% 220%;background-position:70% 20%;animation:gen-aurora-drift-b 11s ease-in-out infinite}.gen-fx__sheen{position:absolute;inset:0;background:linear-gradient(102deg,transparent 36%,color-mix(in srgb,#ffffff 55%,var(--accent)) 50%,transparent 64%);background-size:200% 100%;background-position:0 0;opacity:.28;mix-blend-mode:soft-light;animation:gen-sheen 2.4s cubic-bezier(.45,0,.25,1) infinite;will-change:background-position}.gen-fx__bloom{position:absolute;inset:-8%;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 42%,transparent) 0%,transparent 58%);mix-blend-mode:screen;opacity:.5;animation:gen-bloom 3.4s ease-in-out infinite;will-change:opacity,transform}@supports (mix-blend-mode: plus-lighter){.gen-fx__bloom{mix-blend-mode:plus-lighter}}.gen-fx__noise-layer{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:overlay;pointer-events:none}.gen-fx__vignette{position:absolute;inset:0;background:radial-gradient(ellipse 78% 72% at 50% 50%,transparent 32%,color-mix(in srgb,var(--bg) 78%,transparent) 100%);pointer-events:none}@keyframes gen-fill-fade{0%{opacity:0}to{opacity:1}}@keyframes gen-aurora-drift-a{0%,to{background-position:8% 22%}50%{background-position:94% 78%}}@keyframes gen-aurora-drift-b{0%,to{background-position:88% 18%}50%{background-position:12% 82%}}@keyframes gen-sheen{0%{background-position:130% 0}to{background-position:-35% 0}}@keyframes gen-bloom{0%,to{opacity:.38;transform:scale(1)}50%{opacity:.62;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.preview-stage__generating-fill{animation:none;opacity:1}.gen-fx__aurora--a,.gen-fx__aurora--b,.gen-fx__sheen,.gen-fx__bloom{animation:none}.gen-fx__bloom{opacity:.45;transform:none}}button.icon-round-btn{padding:0}.icon-round-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--text);cursor:pointer;box-shadow:0 6px 18px #00000059;transition:background .14s ease,transform .14s ease,border-color .14s ease}label.icon-round-btn{margin:0;color:inherit}.icon-round-btn:hover{background:color-mix(in srgb,var(--card) 92%,transparent);transform:translateY(-1px)}.icon-round-btn:active{transform:translateY(0)}.icon-round-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-round-btn--accent{background:color-mix(in srgb,var(--accent) 88%,#1a1f2e);border-color:transparent;color:#fff}.icon-round-btn--accent:hover{background:var(--accent-strong)}.icon-round-btn--danger{background:color-mix(in srgb,var(--card) 82%,transparent);border-color:color-mix(in srgb,#f87171 55%,var(--border));color:#f87171}.icon-round-btn--danger:hover{background:color-mix(in srgb,#f87171 18%,var(--card));border-color:#f87171;color:#fecaca}.icon-round-btn--ghost{background:color-mix(in srgb,var(--card) 82%,transparent);border-color:var(--border);color:var(--text)}.icon-round-btn--ghost:hover{background:color-mix(in srgb,var(--card) 92%,transparent)}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-40% 0}}.dropzone-title{font-size:1.05rem;font-weight:600;color:var(--text)}.dropzone-hint{font-size:.9rem;color:var(--text)}.dropzone-tipline{margin-top:14px;display:inline-flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px;width:80%;max-width:80%}.dropzone-tip-title{color:var(--text);font-size:.84rem;font-weight:700;letter-spacing:.02em}.dropzone-tip-copy{font-size:.84rem;line-height:1.45;color:var(--text)}.dropzone-tip-icon{color:var(--text);flex:0 0 auto;transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input,button{border-radius:10px;border:1px solid var(--border);background:#131723;color:var(--text);padding:10px 12px;font-size:.95rem}button{cursor:pointer;background:var(--accent);border-color:transparent;transition:background .12s ease-in-out}button:hover{background:var(--accent-strong)}button:disabled{opacity:.55;cursor:not-allowed}.cta-primary{width:100%;padding:12px 16px;font-size:1rem;font-weight:600;border-radius:999px}.cta-primary--shimmer:disabled{opacity:1;cursor:wait;border-color:transparent;background:radial-gradient(circle at 28% 50%,color-mix(in srgb,#ffffff 18%,var(--accent)) 0%,color-mix(in srgb,#ffffff 8%,var(--accent)) 24%,transparent 56%),linear-gradient(130deg,var(--accent-strong) 0%,var(--accent) 54%,var(--accent-strong) 100%);background-size:160% 160%,100% 100%;animation:cta-organic-glow 3.6s ease-in-out infinite;color:#fff;box-shadow:0 0 color-mix(in srgb,var(--accent) 34%,transparent)}@keyframes cta-organic-glow{0%{background-position:18% 50%,0 0;box-shadow:0 0 color-mix(in srgb,var(--accent) 18%,transparent),0 8px 24px color-mix(in srgb,var(--accent-strong) 24%,transparent)}50%{background-position:68% 50%,0 0;box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 0%,transparent),0 10px 30px color-mix(in srgb,var(--accent) 30%,transparent)}to{background-position:36% 50%,0 0;box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent),0 8px 24px color-mix(in srgb,var(--accent-strong) 20%,transparent)}}.status{margin-top:10px;color:var(--muted)}.status.error{color:#ff94a3}.share-modal-backdrop{position:fixed;inset:0;z-index:70;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px}.share-modal{position:relative;width:min(100%,760px);max-height:calc(100dvh - 40px);overflow:auto;border-radius:16px;border:none;background:color-mix(in srgb,var(--card) 94%,#111522);box-shadow:0 18px 70px #00000085;padding:16px;display:grid;gap:14px}.share-modal__close{position:absolute;top:10px;right:10px;z-index:2}.share-modal__image{width:100%;max-height:60dvh;object-fit:contain;border-radius:12px;background:#090b12}.share-modal__copy{border:none;border-radius:12px;padding:12px;background:#fff;color:var(--muted)}.share-modal__copy h3{margin:0 0 8px;font-size:.98rem;color:var(--muted)}.share-modal__copy p{margin:0;white-space:pre-wrap;color:var(--muted);line-height:1.5}.share-modal__actions{display:grid;gap:10px;margin-top:12px}.share-modal__actions .cta-primary{margin:0}button.share-modal__download{border-color:transparent}button.share-modal__copy-post.site-header-cta{width:100%;justify-content:center;padding:12px 16px;font-size:1rem;font-weight:600}.share-modal__socials{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.share-modal__socials button{padding:0;border:0;background:transparent;cursor:pointer}.share-modal__socials button:hover{background:transparent;transform:translateY(-1px)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:90;border:1px solid color-mix(in srgb,#22c55e 58%,#14532d);background:linear-gradient(180deg,#16a34a,#15803d);color:#f0fdf4;padding:10px 14px;border-radius:999px;font-size:.9rem;box-shadow:0 8px 30px #00000059;animation:toast-in .18s ease-out}.toast--warning{border-color:color-mix(in srgb,#f59e0b 55%,#78350f);background:linear-gradient(180deg,#d97706,#b45309);color:#fffbeb}.site-footer{position:absolute;bottom:0;left:0;right:0;z-index:25;width:100%;text-align:left;padding:10px 16px max(12px,env(safe-area-inset-bottom,0px));color:var(--text);font-size:.72rem;letter-spacing:.02em;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.panel-campaign{min-height:100%;background-size:cover;background-position:left center;background-repeat:no-repeat}@media(max-width:840px){.site-header{padding:6px 18px}.site-header-inner{gap:10px}.site-header-logo{max-width:min(254px,37vw);height:71px}.site-header--scrolled{padding:3px 15px}.site-header--scrolled .site-header-logo{max-width:min(166px,29.5vw);height:43px}.site-header-cta{padding:8px 11px;font-size:.8rem}.content-grid{grid-template-columns:1fr;min-height:0}.panel-left{border-right:none;border-bottom:1px solid var(--border)}.panel-campaign{min-height:220px;order:-1}.site-footer{text-align:center}}*{box-sizing:border-box}html,body,#root{min-height:100%;background-color:var(--bg, #0f1117)}body{margin:0;min-height:100dvh;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top,#1a2138 0%,var(--bg) 40%);overscroll-behavior-y:none}