:root{--font: "Inter Tight", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 17px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 32px;--text-5xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--bg: #0a0a0b;--bg-elevated: #0e0e10;--surface: #111114;--surface-2: #15151a;--surface-3: #1c1c22;--surface-4: #25252d;--surface-press: #0c0c0e;--border: rgba(255, 255, 255, .06);--border-soft: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .12);--border-emphasis: rgba(255, 255, 255, .22);--ink: #f5f5f7;--ink-soft: #c8c8cc;--ink-dim: #8a8a90;--ink-faint: #5a5a60;--accent: #f5f5f7;--accent-strong: #ffffff;--accent-ink: #08080a;--accent-soft: rgba(255, 255, 255, .06);--accent-warm: #e9d9b8;--accent-glow: rgba(233, 217, 184, .1);--danger: #ff7568;--danger-soft: rgba(255, 117, 104, .1);--success: #92e3b3;--success-soft: rgba(146, 227, 179, .1);--warning: #ffc97a;--shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset;--shadow-2: 0 1px 2px rgba(0, 0, 0, .18), 0 0 0 1px rgba(255, 255, 255, .02) inset;--shadow-3: 0 12px 32px -12px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .02) inset;--shadow-4: 0 32px 80px -24px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .03) inset;--ring: 0 0 0 1px var(--bg), 0 0 0 3px rgba(245, 245, 247, .55);--ring-warm: 0 0 0 1px var(--bg), 0 0 0 3px rgba(233, 217, 184, .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-out-soft: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--dur-4: .54s;--radius-lg-legacy: var(--radius-md);--shadow-xs: var(--shadow-1);--shadow-sm: var(--shadow-2);--shadow-md: var(--shadow-3);color-scheme:dark;font-family:var(--font);font-feature-settings:"cv11","ss01","ss03";line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}:root[data-theme=light]{--bg: #f6f5f1;--bg-elevated: #fbfaf6;--surface: #ffffff;--surface-2: #f4f3ee;--surface-3: #ebeae3;--surface-4: #dedcd2;--surface-press: #efeee8;--border: rgba(15, 15, 18, .07);--border-soft: rgba(15, 15, 18, .04);--border-strong: rgba(15, 15, 18, .12);--border-emphasis: rgba(15, 15, 18, .24);--ink: #0e0e10;--ink-soft: #2d2d33;--ink-dim: #6a6a72;--ink-faint: #9a9aa3;--accent: #0e0e10;--accent-strong: #000000;--accent-ink: #ffffff;--accent-soft: rgba(15, 15, 18, .05);--accent-warm: #8b6f3a;--accent-glow: rgba(139, 111, 58, .1);--shadow-1: 0 1px 0 rgba(255, 255, 255, .55) inset;--shadow-2: 0 1px 2px rgba(15, 15, 18, .06), 0 0 0 1px rgba(15, 15, 18, .02) inset;--shadow-3: 0 16px 38px -18px rgba(15, 15, 18, .18), 0 0 0 1px rgba(15, 15, 18, .02) inset;--shadow-4: 0 36px 90px -28px rgba(15, 15, 18, .25), 0 0 0 1px rgba(15, 15, 18, .03) inset;--ring: 0 0 0 1px var(--bg), 0 0 0 3px rgba(15, 15, 18, .4);color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;overflow-x:hidden}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);font-size:var(--text-md);letter-spacing:-.005em;touch-action:manipulation;overscroll-behavior-x:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background-image:radial-gradient(1200px 600px at 80% -10%,color-mix(in srgb,var(--accent-warm) 4%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 30%,color-mix(in srgb,var(--accent-warm) 3%,transparent),transparent 60%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:not-allowed;opacity:.45}img{max-width:100%;display:block}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:620;letter-spacing:-.022em}h1{font-size:clamp(1.85rem,1.25rem + 1.6vw,2.75rem);line-height:1.04;letter-spacing:-.028em}h2{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.2;letter-spacing:-.022em}h3{font-size:var(--text-xl);line-height:1.25;font-weight:600}p{margin:0}code,pre,.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:-.005em}::selection{background:color-mix(in srgb,var(--accent-warm) 35%,transparent);color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes caretBlink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}@keyframes assetReveal{0%{opacity:0;transform:scale(.985) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseSoft{0%,to{opacity:.55}50%{opacity:1}}.pulse{display:inline-flex;animation:pulseSoft 1.6s var(--ease-in-out) infinite}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar,.landing-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) clamp(16px,4vw,44px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4)}.brand-lockup{display:inline-flex;align-items:center;gap:10px;min-height:38px;transition:opacity var(--dur-2) var(--ease-out)}.brand-lockup:hover{opacity:.85}.brand-lockup strong{display:block;font-size:var(--text-md);font-weight:600;letter-spacing:-.015em}.brand-lockup small{display:block;margin-top:1px;font-size:var(--text-xs);color:var(--ink-dim);letter-spacing:0}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:linear-gradient(155deg,var(--ink),color-mix(in srgb,var(--ink) 80%,var(--accent-warm)));color:var(--bg);box-shadow:var(--shadow-1),0 4px 12px -2px color-mix(in srgb,var(--ink) 25%,transparent)}.topbar nav,.landing-nav nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.topbar nav a{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border-radius:var(--radius-xs);font-size:var(--text-base);font-weight:520;color:var(--ink-dim);letter-spacing:-.008em;transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.topbar nav a:hover{color:var(--ink)}.topbar nav a.active{color:var(--ink);background:var(--surface-2)}main{width:min(1280px,100%);margin:0 auto;padding:clamp(20px,4vw,44px) clamp(14px,4vw,40px) clamp(70px,8vw,110px);flex:1}.page-loader{min-height:70vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-dim);font-weight:520}.primary-button,.secondary-button,.ghost-button,.icon-button,.google-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-xs);font-size:var(--text-md);font-weight:560;letter-spacing:-.011em;border:1px solid transparent;transition:transform var(--dur-1) var(--ease-out),background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out);-webkit-user-select:none;user-select:none;position:relative}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible,.google-button:focus-visible{outline:none;box-shadow:var(--ring)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-button:active:not(:disabled){transform:scale(.98)}.primary-button{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:0 1px #ffffff2e inset,0 8px 22px -10px color-mix(in srgb,var(--ink) 50%,transparent)}.primary-button:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 92%,var(--accent-warm));box-shadow:0 1px #ffffff38 inset,0 12px 28px -10px color-mix(in srgb,var(--ink) 55%,transparent)}.secondary-button{background:var(--surface-2);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-1)}.secondary-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.ghost-button{background:transparent;color:var(--ink-soft);border-color:var(--border)}.ghost-button:hover:not(:disabled){color:var(--ink);background:var(--surface-2);border-color:var(--border-strong)}.icon-button{width:36px;min-height:36px;padding:0;background:var(--surface-2);color:var(--ink-soft);border-color:var(--border)}.icon-button:hover{background:var(--surface-3);color:var(--ink);border-color:var(--border-strong)}.compact-nav-button{min-height:32px;padding:0 12px;font-size:var(--text-base)}.big-generate-button{min-height:48px;padding:0 22px;font-size:var(--text-lg);font-weight:580}.full-width{width:100%}.danger-button{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--surface-2))}.danger-button:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--danger) 48%,var(--border))}.panel,.rail-card,.result-card,.pricing-card,.feature-card,.kpi-card,.feedback-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.panel,.result-card{padding:clamp(20px,3vw,28px)}.rail-card,.feature-card,.pricing-card,.feedback-card,.kpi-card{padding:clamp(16px,2.5vw,20px)}.section-heading,.wizard-head,.result-head,.model-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.section-heading.compact{margin-bottom:var(--space-3)}.section-heading.results-heading{margin-bottom:var(--space-4)}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.eyebrow{margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.inline-eyebrow{margin-bottom:10px}.muted-copy{color:var(--ink-dim);font-size:var(--text-base);line-height:1.55;letter-spacing:-.005em}.subtle-copy{font-size:var(--text-sm)}.error-copy{color:var(--danger);font-size:var(--text-base)}.success-copy{color:var(--success);font-size:var(--text-base)}.change-note,.alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-soft)}.change-note{padding:10px 12px;font-size:var(--text-base);margin-bottom:var(--space-3)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;font-size:var(--text-base)}.alert.error{border-color:color-mix(in srgb,var(--danger) 30%,var(--border));background:var(--danger-soft)}.alert.success{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:var(--success-soft)}label{display:flex;flex-direction:column;gap:7px;font-size:var(--text-base);font-weight:540;color:var(--ink-soft);letter-spacing:-.005em}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input:not([type]),select,textarea{width:100%;background:var(--surface-2);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:16px;font-weight:460;line-height:1.4;letter-spacing:-.008em;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}@media(min-width:640px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input:not([type]),select,textarea{font-size:var(--text-md)}}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--border-emphasis);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}textarea{resize:vertical;min-height:112px;line-height:1.5}select{padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-dim) 50%),linear-gradient(135deg,var(--ink-dim) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:0;border:0;min-height:32px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--ink) var(--range-percent, 50%),var(--surface-3) var(--range-percent, 50%));border-radius:var(--radius-pill)}input[type=range]::-moz-range-track{height:4px;background:var(--surface-3);border-radius:var(--radius-pill)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:var(--radius-pill);background:var(--ink);border:2px solid var(--bg);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--ink) 50%,transparent);cursor:pointer;transition:transform var(--dur-1) var(--ease-out)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-pill);background:var(--ink);border:2px solid var(--bg);cursor:pointer}.control-row,.compact-control-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row button,.quick-variations button{min-height:30px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-soft);font-size:var(--text-sm);font-weight:540;letter-spacing:-.005em;transition:all var(--dur-2) var(--ease-out)}.chip-row button:hover:not(:disabled),.quick-variations button:hover:not(:disabled){color:var(--ink);background:var(--surface-3);border-color:var(--border-strong)}.chip-row button.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip-row.suggestions button{white-space:nowrap}.lang-switch{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.lang-switch button{min-height:26px;padding:0 8px;border-radius:6px;color:var(--ink-dim);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;transition:all var(--dur-2) var(--ease-out)}.lang-switch button.selected{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.wizard{display:flex;flex-direction:column;gap:var(--space-5);min-height:min(760px,calc(100dvh - 130px));padding:clamp(22px,4vw,38px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-3);position:relative;overflow:hidden}.wizard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-warm) 22%,transparent),transparent 35%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.wizard-edit{min-height:0}.wizard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.credit-chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-dim);font-size:var(--text-sm);font-weight:540;letter-spacing:-.005em}.credit-chip strong{color:var(--ink);font-weight:620;font-variant-numeric:tabular-nums}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stepper-node{display:flex;flex-direction:column;gap:8px;min-width:0}.stepper-bar{height:2px;border-radius:var(--radius-pill);background:var(--surface-3);transition:background var(--dur-3) var(--ease-out)}.stepper-node.active .stepper-bar{background:var(--ink)}.stepper-node.done .stepper-bar{background:color-mix(in srgb,var(--ink) 65%,transparent)}.stepper-label{font-size:var(--text-sm);color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:520;letter-spacing:-.005em}.stepper-node.active .stepper-label{color:var(--ink)}.wizard-stage{flex:1;display:flex;animation:pageIn var(--dur-3) var(--ease-out)}.step{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.step-intro{max-width:680px;padding-bottom:var(--space-1)}.step-intro h2{margin-bottom:6px}.step-intro p{color:var(--ink-dim);font-size:var(--text-md);line-height:1.55}.wizard-footer{display:flex;align-items:center;gap:10px;padding-top:var(--space-1)}.wizard-credit-error{text-align:right}.wizard-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.pack-builder-grid{align-items:start}.cost-readout{display:inline-flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--ink-dim);font-size:var(--text-xs);font-weight:540;letter-spacing:.02em;text-transform:uppercase}.cost-readout strong{margin-top:1px;color:var(--ink);font-size:var(--text-lg);font-variant-numeric:tabular-nums;letter-spacing:-.015em;text-transform:none}.ghost-textarea-field{position:relative}.ghost-textarea-field textarea{position:relative;z-index:1;background:transparent;min-height:130px}.ghost-placeholder{position:absolute;left:15px;right:15px;top:44px;z-index:0;color:var(--ink-faint);line-height:1.5;letter-spacing:-.008em;font-size:var(--text-md);pointer-events:none;white-space:pre-wrap}.ghost-placeholder:after{content:"";display:inline-block;width:1px;height:1em;margin-left:2px;background:var(--ink-faint);vertical-align:-.15em;animation:caretBlink 1.05s steps(2,start) infinite}.ideas-drawer{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color var(--dur-2) var(--ease-out)}.ideas-drawer[open]{border-color:var(--border-strong)}.ideas-drawer summary{padding:11px 13px;cursor:pointer;color:var(--ink-soft);font-size:var(--text-base);font-weight:540;list-style:none;-webkit-user-select:none;user-select:none}.ideas-drawer summary::-webkit-details-marker{display:none}.ideas-drawer summary:after{content:"+";float:right;color:var(--ink-dim);font-weight:400;transition:transform var(--dur-2) var(--ease-out)}.ideas-drawer[open] summary:after{content:"−"}.ideas-drawer .suggestions{padding:0 13px 13px}.content-mode-control{flex-wrap:wrap;width:fit-content}.pack-review,.locked-facts-panel{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.pack-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.pack-review-head h3{margin-top:3px;font-size:var(--text-2xl)}.pack-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}.pack-group{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.pack-group strong{display:block;margin-bottom:8px;font-size:var(--text-base);font-weight:580}.pack-group ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin:0;padding:0}.pack-group li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:var(--ink-soft);font-size:var(--text-sm)}.pack-group small{flex:0 0 auto;color:var(--ink-dim);font-variant-numeric:tabular-nums}.locked-facts-panel dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:9px;margin:8px 0 0}.locked-facts-panel div{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.locked-facts-panel dt{color:var(--ink-dim);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.locked-facts-panel dd{margin:4px 0 0;color:var(--ink);font-size:var(--text-sm);overflow-wrap:anywhere}.choice-grid{display:grid;gap:10px}.choice-grid.quality{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.choice-grid.styles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.choice-grid.formats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.choice-grid.compact-options{max-height:380px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent}.choice-grid.compact-options::-webkit-scrollbar{width:6px}.choice-grid.compact-options::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--radius-pill)}.choice-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:86px;padding:14px 36px 14px 14px;text-align:left;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:transform var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.choice-card:hover:not(.selected){transform:translateY(-1px);background:var(--surface-3);border-color:var(--border-strong)}.choice-card.selected{background:var(--surface);border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 12px 32px -16px color-mix(in srgb,var(--ink) 40%,transparent)}.choice-card strong{font-size:var(--text-md);font-weight:600;letter-spacing:-.013em}.choice-card small{color:var(--ink-dim);font-size:var(--text-sm);line-height:1.4;letter-spacing:-.005em}.choice-card.selected small{color:var(--ink-soft)}.choice-card .check{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:18px;height:18px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:transparent;background:transparent;transition:all var(--dur-2) var(--ease-out)}.choice-card.selected .check{color:var(--bg);background:var(--ink);border-color:var(--ink)}.choice-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--surface-3);color:var(--ink-dim);transition:all var(--dur-2) var(--ease-out)}.choice-card.selected .choice-icon{background:color-mix(in srgb,var(--ink) 10%,var(--surface));color:var(--ink)}.ratio-glyph{display:inline-flex;align-items:center;height:52px}.ratio-box{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:3px;transition:all var(--dur-2) var(--ease-out)}.choice-card.selected .ratio-box{background:var(--ink);border-color:var(--ink)}.review-card{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:78px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.review-card span,.review-card small{color:var(--ink-dim);font-size:var(--text-sm)}.review-card strong{font-size:26px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:138px;padding:20px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink-soft);cursor:pointer;transition:all var(--dur-2) var(--ease-out)}.upload-zone:hover{background:var(--surface-3);border-color:var(--ink);color:var(--ink)}.upload-zone span{font-size:var(--text-base);font-weight:580;letter-spacing:-.008em}.upload-zone small{color:var(--ink-dim);font-size:var(--text-sm);line-height:1.4}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.toggle-line{display:flex;flex-direction:row;align-items:center;gap:10px}.toggle-line input{width:18px;height:18px;accent-color:var(--ink)}.create-layout,.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-5);align-items:start}.side-rail,.workspace-stack,.results-stack,.admin-page,.admin-section,.model-lab-page{display:flex;flex-direction:column;gap:var(--space-4)}.sticky-tools{position:sticky;top:86px}.credit-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:var(--space-3)}.credit-bucket{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.credit-bucket span{display:block;color:var(--ink-dim);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:540}.credit-bucket strong{display:block;margin-top:4px;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.credit-bucket-premium{border-color:color-mix(in srgb,var(--accent-warm) 32%,var(--border));background:color-mix(in srgb,var(--accent-warm) 5%,var(--surface-2))}.recent-row{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--border);transition:opacity var(--dur-2) var(--ease-out)}.recent-row:hover{opacity:.85}.recent-row:first-of-type{margin-top:var(--space-3)}.recent-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:var(--surface-2);color:var(--ink-dim)}.recent-row strong{display:block;font-size:var(--text-base);font-weight:560}.recent-row small{display:block;color:var(--ink-dim);font-size:var(--text-sm);margin-top:2px}.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(18px,5vw,48px)}.auth-panel{width:min(460px,100%);display:flex;flex-direction:column;gap:var(--space-4);padding:clamp(24px,5vw,36px);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-4)}.auth-subtitle{margin-top:8px}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-switch,.segmented,.admin-tabs{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.auth-switch button,.segmented button,.admin-tabs button{min-height:32px;padding:0 12px;border-radius:7px;color:var(--ink-dim);font-size:var(--text-base);font-weight:540;letter-spacing:-.008em;transition:all var(--dur-2) var(--ease-out)}.auth-switch button:hover:not(.selected),.segmented button:hover:not(.selected),.admin-tabs button:hover:not(.selected){color:var(--ink)}.auth-switch button.selected,.segmented button.selected,.admin-tabs button.selected{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1),0 1px 2px #00000014}.google-button{width:100%;background:var(--surface-2);border-color:var(--border)}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-help-link{align-self:flex-end;color:var(--ink-dim);font-size:var(--text-sm)}.auth-help-link:hover{color:var(--ink)}.password-strength{display:flex;gap:4px;height:4px}.password-strength span{flex:1;border-radius:var(--radius-pill);background:var(--surface-3);transition:background var(--dur-3) var(--ease-out)}.password-strength.weak span:nth-child(1){background:var(--danger)}.password-strength.medium span:nth-child(1),.password-strength.medium span:nth-child(2){background:var(--warning)}.password-strength.strong span{background:var(--success)}.password-strength-label{display:block;margin-top:5px;color:var(--ink-dim);font-size:var(--text-xs)}.landing{width:100%;max-width:none;min-height:100vh;min-height:100dvh;padding:0}.landing-hero,.landing-how,.landing-cta{width:min(900px,100%);margin:0 auto;padding:clamp(56px,9vw,120px) clamp(20px,5vw,60px);text-align:center}.campaign-hero{position:relative;width:100%;min-height:min(760px,calc(100vh - 74px));display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1fr);gap:clamp(24px,5vw,76px);align-items:center;padding:clamp(60px,8vw,110px) clamp(20px,6vw,84px) clamp(38px,5vw,72px);text-align:left;overflow:hidden}.campaign-hero:before{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--border)}.campaign-hero:after{content:"";position:absolute;top:-10%;right:-5%;bottom:60%;left:40%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent-warm) 18%,transparent),transparent 60%);pointer-events:none;z-index:0}.hero-copy{position:relative;z-index:1;max-width:760px}.hero-copy .landing-sub{margin-left:0}.landing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--space-5)}.campaign-mockup{position:relative;z-index:1;display:grid;grid-template-columns:minmax(160px,.72fr) minmax(180px,1fr);gap:12px;align-items:stretch;min-height:470px}.campaign-mockup.compact{min-height:520px;grid-template-columns:1fr}.mock-side{display:grid;grid-template-rows:1fr .74fr auto;gap:12px}.mock-ad{display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-3)}.mock-ad-story{min-height:470px;color:#f5f5f7;background:linear-gradient(180deg,#0000001f,#0000009e),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='960' viewBox='0 0 540 960'%3E%3Crect width='540' height='960' fill='%23101010'/%3E%3Cellipse cx='270' cy='570' rx='205' ry='130' fill='%23d8d0c0'/%3E%3Cellipse cx='270' cy='555' rx='175' ry='104' fill='%23a86a35'/%3E%3Cellipse cx='240' cy='520' rx='36' ry='24' fill='%23f0dfb9'/%3E%3Cellipse cx='315' cy='590' rx='48' ry='28' fill='%23f4e2b8'/%3E%3Cpath d='M90 360 C150 300 210 334 250 282 C285 237 348 255 390 207' stroke='%23f7f4ee' stroke-width='8' stroke-linecap='round' opacity='.55' fill='none'/%3E%3C/svg%3E");background-size:cover;background-position:center}.mock-ad-story span,.mock-ad-story small{width:fit-content;padding:5px 10px;border-radius:var(--radius-pill);background:#00000080;color:#f5f5f7;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mock-ad-story strong{max-width:260px;font-size:clamp(28px,4vw,48px);line-height:.98;letter-spacing:-.025em;font-weight:620}.mock-ad-square,.mock-ad-wide{color:var(--ink);background:linear-gradient(135deg,var(--surface),var(--surface-2))}.mock-ad-square strong,.mock-ad-wide strong{font-size:20px;line-height:1;letter-spacing:-.018em}.mock-chips{display:flex;flex-wrap:wrap;gap:6px}.mock-chips span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-dim);font-size:var(--text-xs);font-weight:580;letter-spacing:.02em}.landing-before-after,.landing-scroll-story,.landing-band,.premium-teaser{width:min(1180px,100%);margin:0 auto;padding:clamp(40px,7vw,92px) clamp(20px,5vw,60px)}.before-after-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:var(--space-5)}.before-after-card{display:grid;grid-template-columns:.86fr 1.12fr;min-height:196px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.before-after-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.before-pane,.after-pane{display:flex;flex-direction:column;justify-content:space-between;padding:16px}.before-pane{background:var(--surface-2);color:var(--ink-dim)}.before-pane span,.after-pane span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.before-pane p{color:var(--ink-soft);font-size:var(--text-base);line-height:1.45}.after-pane{color:#f5f5f7;background:#111114}.after-pane strong{font-size:22px;line-height:1.05;letter-spacing:-.02em;font-weight:620}.after-pane small{font-weight:600}.after-pane.tone-0{background:linear-gradient(140deg,#1a1a1d,#0f0f12)}.after-pane.tone-1{background:linear-gradient(140deg,#f4f1ea,#ebe5d5);color:#111}.after-pane.tone-2{background:linear-gradient(140deg,#21232a,#15171e)}.after-pane.tone-3{background:linear-gradient(140deg,#eef1f2,#dde2e6);color:#111}.after-pane.tone-4{background:linear-gradient(140deg,#1a1715,#100c0a)}.landing-scroll-story{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}.story-phone{position:sticky;top:88px}.story-copy{display:flex;flex-direction:column;gap:var(--space-4)}.story-step{min-height:220px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--border);padding-top:var(--space-5)}.story-step span{color:var(--ink-dim);font-size:var(--text-sm);font-weight:700;letter-spacing:.16em;font-variant-numeric:tabular-nums}.story-step h3{margin-top:10px;font-size:clamp(24px,3vw,42px);line-height:1;letter-spacing:-.025em}.story-step p{max-width:540px;margin-top:12px;color:var(--ink-soft);font-size:var(--text-lg);line-height:1.6}.landing-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.landing-band section,.premium-teaser{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.landing-band section{padding:20px}.landing-band ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:var(--space-4) 0 0}.landing-band li{display:flex;gap:8px;align-items:center;color:var(--ink-soft);font-size:var(--text-md)}.premium-teaser{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.premium-teaser h2{margin-top:4px}.premium-teaser p{max-width:660px;margin-top:10px}.landing-hero h1{font-size:clamp(2.4rem,1.4rem + 4vw,5.4rem);line-height:.98;font-weight:660;letter-spacing:-.035em}.landing-sub{margin:var(--space-5) auto 0;max-width:700px;color:var(--ink-soft);font-size:clamp(16px,1rem + .45vw,20px);line-height:1.55;letter-spacing:-.012em}.landing-features,.landing-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;width:min(1120px,100%);margin:0 auto;padding:0 clamp(20px,5vw,60px) clamp(36px,6vw,70px)}.feature-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);margin-bottom:var(--space-3)}.feature-card h3{margin-bottom:8px}.feature-card p{color:var(--ink-dim);font-size:var(--text-md);line-height:1.5}.landing-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:0;margin:var(--space-5) 0 0;text-align:left}.landing-steps li{padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-soft)}.landing-steps strong{display:block;margin-bottom:8px;color:var(--ink);font-size:var(--text-2xl)}.pricing-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin:var(--space-3) 0 var(--space-4);color:var(--ink-soft);font-size:var(--text-md)}.pricing-card li:before{content:"→";margin-right:8px;color:var(--accent-warm)}.landing-footer{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-5) clamp(20px,5vw,60px);border-top:1px solid var(--border);color:var(--ink-dim);font-size:var(--text-sm)}.landing-footer>div{display:flex;flex-wrap:wrap;gap:10px}.workspace,.results-page{display:flex;flex-direction:column;gap:var(--space-4)}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink-dim);font-size:var(--text-base);width:fit-content;transition:all var(--dur-2) var(--ease-out)}.back-link:hover{color:var(--ink);transform:translate(-2px)}.asset-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.asset-strip figure{flex:0 0 114px;margin:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.asset-strip img{width:100%;height:114px;object-fit:cover}.asset-strip figcaption{display:flex;justify-content:space-between;align-items:center;padding:7px;color:var(--ink-dim);font-size:var(--text-xs)}.asset-upload-form{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:10px;align-items:end}.compact-file-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-2);overflow:hidden;transition:all var(--dur-2) var(--ease-out)}.compact-file-input:hover{background:var(--surface-3);border-color:var(--border-strong)}.compact-file-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.generate-tools{display:flex;flex-direction:column;gap:var(--space-3)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin:var(--space-4) 0 0}.summary-grid div{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.summary-grid dt{color:var(--ink-dim);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.summary-grid dd{margin:5px 0 0;color:var(--ink);font-size:var(--text-md);overflow-wrap:anywhere}.message-copy,.notes{color:var(--ink-soft);line-height:1.55}.result-card{padding:0;overflow:hidden}.result-head{padding:20px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 90%,var(--surface-2)))}.result-meta{margin-top:6px;color:var(--ink-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.result-body{display:flex;flex-direction:column;gap:var(--space-4);padding:20px 22px 22px}.status-pill,.provider-pill,.upload-count,.asset-tag,.watermark-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-dim);font-size:10.5px;font-weight:620;letter-spacing:.08em;text-transform:uppercase}.status-pill.completed,.watermark-badge.premium{color:var(--success);border-color:color-mix(in srgb,var(--success) 32%,var(--border));background:color-mix(in srgb,var(--success) 8%,var(--surface-2))}.status-pill.failed,.watermark-badge.free{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 32%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface-2))}.status-pill.running,.status-pill.generating,.status-pill.preparing,.status-pill.queued,.status-pill.finalizing{color:var(--ink);border-color:var(--border-strong);background:var(--surface-3)}.output-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.output-progress strong{color:var(--ink);font-weight:580}.output-progress small{flex-basis:100%;color:var(--ink-dim);font-variant-numeric:normal}.stage-progress-card{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:var(--space-4);align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.stage-progress-card strong{display:block;margin-top:2px;color:var(--ink);font-size:var(--text-md);font-weight:580}.result-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-4)}.result-gallery.single-output-gallery{grid-template-columns:minmax(240px,min(100%,480px));justify-content:center}.result-groups{display:flex;flex-direction:column;gap:var(--space-5)}.result-format-group{display:flex;flex-direction:column;gap:10px}.result-format-head,.asset-meta-line{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.result-format-head h3{margin-top:2px}.asset-meta-line{padding:0 2px;font-size:var(--text-sm)}.asset-meta-line strong{color:var(--ink);font-weight:580;letter-spacing:-.008em}.asset-meta-line small{color:var(--ink-dim);font-variant-numeric:tabular-nums}.asset-block{display:flex;flex-direction:column;gap:10px;animation:assetReveal var(--dur-4) var(--ease-out-soft)}.asset-stage{position:relative;display:grid;place-items:center;min-height:240px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--surface-3) 60%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface-press));overflow:hidden;transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.asset-stage:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}:root[data-theme=light] .asset-stage{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--surface-3) 60%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface-press))}.single-output-gallery .asset-stage{max-height:620px}.asset-stage img{width:100%;height:100%;max-height:64vh;object-fit:contain;border-radius:8px;animation:assetReveal var(--dur-4) var(--ease-out-soft)}.safe-area-guide{position:absolute;top:7%;right:7%;bottom:7%;left:7%;z-index:1;pointer-events:none;border:1px dashed color-mix(in srgb,var(--ink) 26%,transparent);border-radius:6px;opacity:0;transition:opacity var(--dur-2) var(--ease-out)}.asset-stage:hover .safe-area-guide,.asset-stage:focus-within .safe-area-guide{opacity:.72}.asset-placeholder{display:grid;place-items:center;align-content:center;gap:10px;width:100%;height:100%;min-height:220px;color:var(--ink-dim);text-align:center}.asset-placeholder strong{color:var(--ink);font-weight:580;letter-spacing:-.005em}.asset-placeholder small{max-width:220px;line-height:1.4}.asset-block.status-failed .asset-stage{background:color-mix(in srgb,var(--danger) 6%,var(--surface-press));border-color:color-mix(in srgb,var(--danger) 22%,var(--border))}.asset-tag{position:absolute;top:10px;left:10px;z-index:2;background:#0a0a0bbd;color:#f5f5f7;border-color:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.asset-actions{display:flex;gap:8px;flex-wrap:wrap}.format-story{aspect-ratio:9 / 16}.format-portrait{aspect-ratio:4 / 5}.format-banner{aspect-ratio:16 / 9;min-height:220px}.format-square{aspect-ratio:1 / 1}.editor-drawer{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden;transition:border-color var(--dur-2) var(--ease-out)}.editor-drawer[open]{border-color:var(--border-strong)}.editor-drawer summary{display:flex;align-items:center;gap:8px;padding:13px 14px;cursor:pointer;color:var(--ink-soft);font-weight:580;font-size:var(--text-md);list-style:none}.editor-drawer summary::-webkit-details-marker{display:none}.editor-drawer summary:after{content:"↓";margin-left:auto;color:var(--ink-dim);transition:transform var(--dur-2) var(--ease-out)}.editor-drawer[open] summary:after{transform:rotate(180deg)}.copy-pack{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border)}.export-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:var(--space-3);align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border)}.export-row:last-child{border-bottom:0}.export-row p,.export-row ul{margin:0;color:var(--ink-soft);font-size:var(--text-base);line-height:1.5}.export-label{color:var(--ink-dim);font-size:var(--text-xs);font-weight:620;letter-spacing:.08em;text-transform:uppercase}.export-row .ghost-button{min-height:28px;padding:0 10px;font-size:var(--text-xs)}.mini-drawer summary{padding:10px 12px;font-size:var(--text-sm)}.variation-box{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.variation-form{display:flex;flex-direction:column;gap:var(--space-3)}.quick-variations{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feedback-bar{display:flex;flex-direction:column;gap:10px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.feedback-label{color:var(--ink-dim);font-size:var(--text-xs);font-weight:620;letter-spacing:.08em;text-transform:uppercase}.generation-loading,.empty-state{display:grid;place-items:center;gap:var(--space-3);min-height:200px;padding:var(--space-4);text-align:center;color:var(--ink-dim)}.empty-state h2{color:var(--ink)}.compact-progress-shell{width:min(100%,460px);margin:0 auto;padding:22px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.progress-steps{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}.progress-step{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;color:var(--ink-dim);font-size:var(--text-sm);opacity:.5;transition:all var(--dur-3) var(--ease-out)}.progress-step.active{opacity:1;color:var(--ink);background:var(--surface-3);position:relative}.progress-step.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-warm) 20%,transparent),transparent);background-size:480px 100%;animation:shimmer 1.8s linear infinite;pointer-events:none}.progress-step.done{opacity:.85;color:var(--success)}.progress-dot{width:7px;height:7px;border-radius:50%;border:1px solid currentColor;flex:0 0 auto;transition:all var(--dur-2) var(--ease-out)}.progress-step.done .progress-dot{background:var(--success);border-color:var(--success)}.progress-step.active .progress-dot{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 15%,transparent)}.debug-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:12px}.debug-pre,.debug-dl pre,.model-result-card pre{white-space:pre-wrap;overflow:auto;max-height:320px;margin:8px 0 0;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-press);color:var(--ink-soft);font-family:var(--font-mono);font-size:11.5px;line-height:1.55}.lightbox,.debug-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:20px;background:#000000eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeIn var(--dur-2) var(--ease-out)}.lightbox img{max-width:100%;max-height:92vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-4)}.lightbox-close{position:absolute;top:18px;right:18px;z-index:2}.admin-hero,.model-lab-hero{display:flex;justify-content:space-between;gap:var(--space-5);padding:22px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-2)}.admin-hero-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-dim)}.admin-tabs{overflow-x:auto;width:fit-content;max-width:100%}.admin-tabs button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:var(--space-3)}.kpi-card{position:relative;min-height:120px}.kpi-icon{position:absolute;top:14px;right:14px;color:var(--ink-faint)}.kpi-label{display:block;max-width:calc(100% - 34px);color:var(--ink-dim);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.kpi-value{display:block;margin-top:10px;color:var(--ink);font-size:30px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.028em}.kpi-sub{display:block;margin-top:8px;color:var(--ink-dim);font-size:var(--text-sm)}.kpi-success .kpi-value{color:var(--success)}.kpi-warn .kpi-value{color:var(--danger)}.admin-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:flex;justify-content:space-between;gap:var(--space-3);padding:10px 0;border-bottom:1px solid var(--border)}.rank-list li:last-child{border-bottom:0}.admin-error-list{display:flex;flex-direction:column;gap:10px}.admin-error-row{display:flex;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.admin-error-row small,.admin-error-row p{color:var(--ink-dim);font-size:var(--text-sm)}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.admin-toolbar .search{flex:1;min-width:220px}.admin-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.admin-table th,.admin-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}.admin-table th{color:var(--ink-dim);font-size:var(--text-xs);font-weight:620;letter-spacing:.08em;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:0}.debug-modal-body{width:min(760px,100%);max-height:90vh;overflow:auto;padding:22px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.debug-modal-body header{display:flex;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--border)}.debug-dl{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.debug-dl dt{color:var(--ink-dim);font-size:var(--text-xs);font-weight:620;letter-spacing:.08em;text-transform:uppercase}.debug-dl dd{margin:4px 0 0;color:var(--ink-soft)}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-3)}.feedback-card{display:flex;flex-direction:column;gap:10px}.feedback-card header,.feedback-card footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feedback-card footer{justify-content:space-between;padding-top:10px;border-top:1px solid var(--border)}.feedback-message{color:var(--ink-soft);white-space:pre-wrap;line-height:1.5}.env-list{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-3)}.env-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.env-row span{color:var(--ink-dim);font-size:var(--text-sm)}.model-lab-controls{display:flex;flex-direction:column;gap:var(--space-3)}.model-preset-grid,.model-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-3)}.model-preset-card{padding:var(--space-3);text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:all var(--dur-2) var(--ease-out)}.model-preset-card:hover{background:var(--surface-3)}.model-preset-card.selected{background:var(--surface);color:var(--ink);border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.model-preset-card strong,.model-preset-card span,.model-preset-card small{display:block}.model-preset-card span,.model-preset-card small{margin-top:5px;color:var(--ink-dim);font-size:var(--text-sm)}.model-lab-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px}.model-lab-preview details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.model-lab-preview summary{padding:11px 12px;cursor:pointer;color:var(--ink-soft);font-size:var(--text-base);font-weight:580}.model-lab-preview pre{max-height:360px;margin:0;padding:0 12px 12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-dim);font-size:var(--text-sm)}.model-result-card{display:flex;flex-direction:column;gap:var(--space-3)}.model-result-card dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0}.model-result-card dt{color:var(--ink-dim);font-size:var(--text-xs);text-transform:uppercase;font-weight:620;letter-spacing:.08em}.model-result-card dd{margin:4px 0 0;font-size:var(--text-base)}.model-result-card img{border-radius:var(--radius-sm);border:1px solid var(--border)}.agency-mode-panel,.inspiration-panel,.video-panel,.calendar-plan{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.agency-preview{display:flex;flex-direction:column;gap:10px;margin-top:var(--space-3);color:var(--ink-soft)}.agency-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px}.agency-preview-grid span{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-dim);font-size:var(--text-sm)}.agency-preview-grid strong{color:var(--ink);font-variant-numeric:tabular-nums}.inspiration-panel,.video-panel{display:flex;flex-direction:column;gap:var(--space-3)}.video-job-list{display:flex;flex-direction:column;gap:10px}.video-job{display:flex;flex-direction:column;gap:8px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.video-panel-head,.calendar-hero{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.generated-video{width:100%;max-height:70vh;border:1px solid var(--border);border-radius:var(--radius-md);background:#000;object-fit:contain}.video-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px}.video-options-grid label{display:flex;flex-direction:column;gap:7px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.video-options-grid small{color:var(--ink-dim);font-size:var(--text-sm);line-height:1.4}.video-price-lines{display:block;margin-top:4px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.video-audio-cost{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent-warm) 18%,var(--surface-3)),var(--surface-3));color:var(--ink);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:0;border:1px solid color-mix(in srgb,var(--accent-warm) 28%,var(--border))}.audio-toggle{align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.audio-toggle input{margin-top:3px}.audio-toggle-copy{display:inline-flex;flex-direction:column;gap:4px;flex-wrap:wrap}.audio-toggle-headline{display:inline-flex;align-items:center;gap:8px}.audio-toggle-copy strong{color:var(--ink);font-weight:580;font-size:var(--text-md);letter-spacing:-.008em}.audio-toggle-copy small{color:var(--ink-dim);font-size:var(--text-sm);line-height:1.45}.calendar-page{display:flex;flex-direction:column;gap:var(--space-4)}.calendar-form{display:flex;flex-direction:column;gap:var(--space-3)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-3)}.calendar-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-2)}.calendar-card header{display:flex;justify-content:space-between;gap:8px}.calendar-card dl,.learning-prompts{display:flex;flex-direction:column;gap:8px;margin:0}.calendar-card dt{color:var(--ink-dim);font-size:var(--text-xs);font-weight:620;letter-spacing:.08em;text-transform:uppercase}.calendar-card dd{margin:3px 0 0;color:var(--ink-soft);font-size:var(--text-base);line-height:1.45}.model-learning-panel{display:flex;flex-direction:column;gap:var(--space-3)}.learning-prompts details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.learning-prompts summary{padding:10px 12px;cursor:pointer;color:var(--ink-soft);font-size:var(--text-sm);font-weight:580}.learning-prompts p{padding:0 12px 10px}.learning-prompts pre{margin:0;padding:0 12px 12px;max-height:260px;overflow:auto;white-space:pre-wrap;color:var(--ink-dim);font-size:11.5px;font-family:var(--font-mono)}.history-page,.history-list{display:flex;flex-direction:column;gap:var(--space-4)}.history-hero,.history-card-main,.history-actions,.history-date{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.history-card{display:flex;flex-direction:column;gap:var(--space-4);transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out)}.history-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.history-card-main{align-items:flex-start}.history-date{justify-content:flex-end;color:var(--ink-dim);font-size:var(--text-sm);white-space:nowrap}.history-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px}.history-meta-grid div{min-height:76px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.history-meta-grid span{display:block;color:var(--ink-dim);font-size:var(--text-xs);font-weight:620;letter-spacing:.08em;text-transform:uppercase}.history-meta-grid strong{display:block;margin-top:6px;font-size:var(--text-md);line-height:1.35;font-weight:580}.history-facts{display:flex;flex-wrap:wrap;gap:8px}.history-facts span{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-soft);font-size:var(--text-sm)}.history-actions{justify-content:flex-start;flex-wrap:wrap}.legal-links{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--ink-dim);font-size:var(--text-sm)}.legal-links a{color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.legal-links a:hover{color:var(--ink)}.legal-links.compact{font-size:11.5px}.auth-consents{display:flex;flex-direction:column;gap:10px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.auth-consents a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.safety-ack{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.legal-page,.settings-page,.account-page,.billing-page{display:flex;flex-direction:column;gap:var(--space-4)}.legal-toolbar{display:flex;justify-content:flex-start}.legal-doc{width:min(860px,100%);margin:0 auto;padding:clamp(22px,4vw,38px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-2)}.legal-doc h1{margin-bottom:var(--space-3)}.legal-intro{color:var(--ink-soft);font-size:var(--text-lg);line-height:1.6}.legal-doc section{padding-top:22px;margin-top:22px;border-top:1px solid var(--border)}.legal-doc h2{margin-bottom:10px}.legal-doc ul{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:18px;color:var(--ink-soft);line-height:1.55}.legal-footer{width:min(860px,100%);margin:0 auto}.settings-list{display:flex;flex-direction:column;gap:10px}.settings-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.settings-row strong,.settings-row span{color:var(--ink);font-weight:580}.settings-row small{display:block;margin-top:3px;color:var(--ink-dim);font-size:var(--text-sm)}.settings-row input[type=checkbox],.mini-toggle input{width:18px;height:18px;accent-color:var(--ink)}.danger-zone{border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}.billing-rates,.iap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}.billing-rates div,.iap-card{display:flex;flex-direction:column;gap:6px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:all var(--dur-2) var(--ease-out)}.iap-card:hover{transform:translateY(-1px);border-color:var(--border-strong)}.billing-rates span,.iap-card small{color:var(--ink-dim);font-size:var(--text-sm)}.billing-rates strong,.iap-card strong{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cookie-banner{position:fixed;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:80;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:start;width:min(980px,calc(100% - 32px));margin:0 auto;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow-4);-webkit-backdrop-filter:blur(28px) saturate(1.2);backdrop-filter:blur(28px) saturate(1.2)}.cookie-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-dim)}.cookie-copy{display:flex;flex-direction:column;gap:8px}.cookie-copy p{color:var(--ink-dim);font-size:var(--text-base);line-height:1.45}.cookie-toggles{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--ink-soft);font-size:var(--text-sm)}.mini-toggle{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:var(--text-sm)}.cookie-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cookie-actions .primary-button,.cookie-actions .secondary-button,.cookie-actions .ghost-button{min-height:32px;padding:0 12px;font-size:var(--text-sm)}.cookie-settings-link{flex-basis:100%;color:var(--ink-dim);font-size:var(--text-sm);text-align:right;text-decoration:underline;text-underline-offset:3px}.feedback-fab{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:45;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-soft);box-shadow:var(--shadow-3);font-size:var(--text-sm);font-weight:580;transition:all var(--dur-2) var(--ease-out)}.feedback-fab:hover{background:var(--ink);color:var(--bg);transform:translateY(-1px)}@media(max-width:980px){.create-layout,.workspace-grid,.wizard-finish-grid,.campaign-hero,.landing-scroll-story,.landing-band{grid-template-columns:1fr}.sticky-tools{position:static}.campaign-hero{min-height:auto}.story-phone{position:static}}@media(max-width:720px){main{padding-bottom:110px}.topbar,.landing-nav{padding:10px 14px}.brand-lockup small{display:none}.topbar nav{gap:2px}.topbar nav a{padding:0 9px;font-size:var(--text-sm)}.compact-nav-button span{display:none}.control-row,.compact-control-row,.credit-split,.admin-two-col,.landing-steps,.asset-upload-form,.export-row{grid-template-columns:1fr}.wizard{min-height:calc(100dvh - 94px);padding:18px;border-radius:var(--radius-md)}.wizard-footer{position:sticky;bottom:0;z-index:12;margin:0 -18px -18px;padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.wizard-footer .spacer{display:none}.wizard-footer .primary-button,.wizard-footer .ghost-button{flex:1}.choice-grid.styles,.choice-grid.formats,.choice-grid.quality{grid-template-columns:1fr}.choice-grid.compact-options{max-height:none;overflow:visible;padding-right:0}.campaign-mockup,.campaign-mockup.compact{min-height:0;grid-template-columns:1fr}.mock-ad-story{min-height:420px}.before-after-card{grid-template-columns:1fr}.premium-teaser{align-items:flex-start;flex-direction:column}.result-head,.result-body{padding:16px}.stage-progress-card,.progress-steps{grid-template-columns:1fr}.cookie-banner{grid-template-columns:1fr;left:10px;right:10px;width:calc(100% - 20px)}.cookie-actions{justify-content:stretch}.cookie-actions .primary-button,.cookie-actions .secondary-button,.cookie-actions .ghost-button{flex:1}.cookie-settings-link{text-align:left}.feedback-fab span{display:none}.feedback-fab{width:42px;padding:0;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body{background-image:none}}