html{--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem system-ui;--mat-sys-body-large-font: system-ui;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem system-ui;--mat-sys-body-medium-font: system-ui;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem system-ui;--mat-sys-body-small-font: system-ui;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem system-ui;--mat-sys-display-large-font: system-ui;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem system-ui;--mat-sys-display-medium-font: system-ui;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem system-ui;--mat-sys-display-small-font: system-ui;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem system-ui;--mat-sys-headline-large-font: system-ui;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem system-ui;--mat-sys-headline-medium-font: system-ui;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem system-ui;--mat-sys-headline-small-font: system-ui;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem system-ui;--mat-sys-label-large-font: system-ui;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem system-ui;--mat-sys-label-medium-font: system-ui;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem system-ui;--mat-sys-label-small-font: system-ui;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem system-ui;--mat-sys-title-large-font: system-ui;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem system-ui;--mat-sys-title-medium-font: system-ui;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem system-ui;--mat-sys-title-small-font: system-ui;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--canvas:#f8fafc;--surface:#fff;--primary:#4338ca;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--error:#b91c1c;--radius:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--canvas);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:34px;font-weight:650}h2{font-size:24px;font-weight:650}h3{font-size:19px}p{margin-top:10px}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#73758e}.brand{display:flex;align-items:center;gap:7px;font-size:24px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:450;margin-left:-7px}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:10px;font-size:14px;margin-right:5px;box-shadow:0 4px 10px #4338ca22}.beta-label{font-size:8px;letter-spacing:1px;padding:3px 6px;border:1px solid var(--border);border-radius:5px;margin-left:4px}.pill{font-size:10px;letter-spacing:.6px;font-weight:650;background:#f1f5f9;padding:4px 9px;border-radius:6px;color:#64748b;white-space:nowrap}.pill.success{background:#dcfce7;color:#166534}.status-dot{display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;margin-right:7px}.mdc-button{letter-spacing:0!important;border-radius:9px!important;min-height:44px!important;font-weight:600!important}.mat-mdc-unelevated-button:not(:disabled){background:var(--primary)!important;color:#fff!important}.mat-mdc-outlined-button{border-color:#d8dce5!important}.full-width{width:100%}.text-button{border:0;background:transparent;color:var(--primary);padding:10px;font-weight:600}.fine-print{font-size:12px;color:var(--muted);margin-top:16px}.alert{padding:14px 18px;border:1px solid #c7d2fe;background:#eef2ff;border-radius:10px;margin-bottom:18px;color:#3730a3}.alert.error{background:#fff1f2;border-color:#fecdd3;color:var(--error)}.alert button{float:right;border:0;background:none;color:inherit;font-size:20px}.notice{color:#15803d;font-size:12px;margin-bottom:8px}.error-text{color:var(--error)!important}.preview-banner{font-size:12px;background:#eef2ff;color:#4338ca;padding:10px 16px;border-radius:8px;margin-bottom:20px}label{display:block;font-size:12px;font-weight:600;color:#334155;margin-bottom:18px}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:9px;color:var(--text);padding:12px 14px;font-size:14px;font-weight:400;outline:none;margin-top:7px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4338ca12}input::placeholder,textarea::placeholder{color:#94a3b8}textarea{resize:vertical;min-height:80px}select{height:46px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-heading{font-size:12px;margin-bottom:12px}.checkbox-label{display:flex;align-items:center;gap:10px}input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px}.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.public-nav{height:88px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:var(--canvas)}.public-nav nav{display:flex;gap:32px;align-items:center;font-size:13px}.landing{max-width:1160px;margin:auto;padding:0 40px}.hero{text-align:center;padding:68px 0 48px}.hero .eyebrow{display:inline-block;padding:7px 13px;border:1px solid var(--border);border-radius:20px;font-size:9px;background:#fff}.hero h1{font-size:72px;line-height:1.07;margin:25px 0 20px;letter-spacing:-4px;font-weight:650}.hero em,.auth-art em{font-family:Georgia,serif;font-weight:400;color:var(--primary)}.hero p{font-size:16px;color:var(--muted);line-height:1.8}.hero-actions{display:flex;justify-content:center;gap:27px;align-items:center;margin-top:28px}.hero-note{font-size:11px;color:#8792a2;margin-top:18px}.text-link{font-size:13px;font-weight:600}.showcase{background:#fff;border:1px solid #dce0ea;border-radius:18px;overflow:hidden;box-shadow:0 18px 65px #1e1b4b08;margin:10px 40px 75px}.showcase-top{height:48px;padding:0 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.mini-dots{color:#cbd5e1;letter-spacing:3px}.showcase-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px}.story-cover{min-height:360px;background:#151d46;border-radius:10px;position:relative;overflow:hidden;color:#fff}.sun{width:140px;height:140px;background:#e3b576;border-radius:50%;position:absolute;right:25px;top:30px}.hill{position:absolute;width:500px;height:280px;border-radius:50%;bottom:-140px;left:-140px;transform:rotate(-20deg);background:#505c85}.h2{left:80px;background:#293255;bottom:-130px;transform:rotate(15deg)}.cover-caption{position:absolute;inset:35px;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.cover-caption span{font-size:8px;letter-spacing:2px}.cover-caption h2{font-size:40px;letter-spacing:-1.5px}.showcase-steps{padding:8px 0}.preview-prompt,.ai-response{display:flex;gap:12px;font-size:12px;align-items:flex-start}.preview-prompt{padding:15px;border-radius:10px;background:#f5f5fb}.preview-prompt p{margin:0}.avatar{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:10px;background:#e5e3fb;color:#5046a1;font-size:12px;font-weight:700}.ai-response{margin:24px 0}.ai-response p{color:var(--muted);font-size:11px}.spark{color:var(--primary);font-size:22px}.scene-mini{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--border);font-size:11px}.scene-mini>span{color:var(--muted)}.scene-mini div{flex:1}.scene-mini small{display:block;font-size:10px;color:var(--muted)}.how{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding-bottom:75px}.how h2{margin-top:14px}.how h3{font-size:16px;margin:15px 0 10px}.how p{font-size:12px;color:var(--muted)}.step-number{font-size:11px;color:var(--primary);background:#eef2ff;display:inline-block;padding:5px 10px;border-radius:7px}.public-footer{border-top:1px solid var(--border);padding:25px 5%;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.auth-layout{display:grid;grid-template-columns:45% 55%;min-height:100dvh;background:#fff}.auth-art{background:#eeedf8;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art>div,.auth-art>a,.auth-art>small{z-index:1}.auth-art h1{font-size:60px;letter-spacing:-3px;margin-top:24px}.auth-art p{font-size:15px;color:#6e6c87;margin-top:25px}.auth-art small{font-size:9px;letter-spacing:2px}.auth-orbit{position:absolute!important;width:600px;height:600px;border:1px solid #d8d5ee;border-radius:50%;bottom:-300px;right:-240px;box-shadow:0 0 0 65px #eeedf8,0 0 0 66px #d8d5ee,0 0 0 130px #eeedf8,0 0 0 131px #d8d5ee}.auth-main{padding:30px 8%;display:flex;flex-direction:column;justify-content:space-between}.back-link{font-size:12px;color:var(--muted)}.auth-form{width:100%;max-width:400px;margin:50px auto}.auth-form h2{font-size:34px;margin:12px 0}.auth-form>.muted{font-size:13px;margin-bottom:28px}.google-button{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font-weight:550;display:flex;justify-content:center;align-items:center;gap:14px}.google-g{font-size:20px;font-weight:750;color:#4285f4}.divider{position:relative;border-top:1px solid var(--border);text-align:center;margin:30px 0 25px;height:1px}.divider span{position:relative;top:-12px;background:#fff;padding:0 12px;color:#94a3b8;font-size:11px}.auth-links{display:flex;justify-content:space-between;margin:-2px 0 24px}.auth-links button,.auth-switch button{border:0;background:none;color:var(--primary);font-size:12px;padding:0}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin:25px 0}.auth-form .fine-print{text-align:center}.auth-footer{text-align:center;color:#94a3b8}.password-field{position:relative}.password-field input{padding-right:58px}.password-field button{position:absolute;right:10px;top:12px;background:none;border:0;font-size:11px;color:var(--muted)}.otp-input{letter-spacing:12px;text-align:center;font-size:24px!important}.workspace{display:flex;min-height:100dvh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);padding:28px 20px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{font-size:22px;margin:0 5px 38px}.sidebar-label{font-size:9px;letter-spacing:1.4px;font-weight:650;color:#8c96a8}.sidebar>.sidebar-label{margin:0 12px 12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;font-size:12px;color:#64748b;border-radius:8px}.sidebar nav a.active{background:#efeffb;color:#4338ca;font-weight:650}.nav-icon{font-size:19px;width:20px}.nav-count{margin-left:auto;font-size:9px;background:#fff;border:1px solid #e0dff6;padding:0 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:35px}.credit-card{border:1px solid #e7e5f5;border-radius:10px;padding:15px;background:#faf9ff}.credit-card>span{font-size:10px;color:#726a9c}.credit-card strong{display:block;font-size:24px;margin:5px 0 9px}.credit-card small{font-size:11px;font-weight:400;color:var(--muted)}.credit-card a{font-size:10px;color:var(--primary);font-weight:650}.sidebar-profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--border);padding-top:20px;margin-top:22px}.sidebar-profile b{font-size:11px;display:block}.sidebar-profile small{font-size:9px;color:#94a3b8}.workspace-body{margin-left:234px;width:calc(100% - 234px);display:flex;flex-direction:column}.workspace-top{height:72px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:18px;padding:0 40px}.breadcrumb{font-size:11px;color:#94a3b8}.breadcrumb span{padding:0 10px;color:#cbd5e1}.breadcrumb b{color:#475569;font-weight:500}.top-right{margin-left:auto;font-size:8px;letter-spacing:1px;color:#7b8496}.studio-main{width:100%;max-width:1370px;margin:0 auto;padding:36px 40px 45px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:30px;margin-top:10px}.page-heading p{font-size:12px}.page-heading .mdc-button{font-size:11px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:26px;align-items:start}.editor-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 3px 16px #0f172a03}.editor-top{padding:18px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.title-label{margin:0;flex:1}.title-label span{font-size:8px;letter-spacing:1.5px;color:#94a3b8}.title-label input{margin:0;padding:4px 0;border:none;font-size:14px;font-weight:600;background:transparent;box-shadow:none}.stepper{display:flex;padding:22px 20px 18px;border-bottom:1px solid var(--border);justify-content:space-between}.stepper button{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;color:#94a3b8}.stepper button:not(:last-child):after{content:"";position:absolute;height:1px;background:#e2e8f0;width:calc(100% - 35px);left:calc(50% + 20px);top:13px}.stepper button>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #e2e8f0;border-radius:50%;font-size:10px;z-index:1;background:#fff}.stepper small{font-size:9px}.stepper .current{color:var(--primary);font-weight:650}.stepper .current>span{background:var(--primary);color:#fff;border-color:var(--primary)}.stepper .past>span{background:#eeedfc;color:var(--primary);border-color:#eeedfc}.editor-content{padding:28px}.section-heading{display:flex;gap:13px;align-items:center;margin-bottom:25px}.section-icon{width:38px;height:38px;background:#f0effb;color:var(--primary);border-radius:10px;display:grid;place-items:center;font-size:20px}.section-heading h2{font-size:19px;letter-spacing:-.4px}.section-heading p{font-size:11px;color:var(--muted);margin-top:5px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid var(--border);background:#fff;border-radius:10px;text-align:left}.choice.selected{border-color:#847ee2;background:#f8f7ff}.choice-icon{color:#7770c4;font-size:19px;margin-bottom:7px}.choice b{font-size:12px}.choice small{font-size:10px;color:#7c8495;margin-top:3px}.radio-dot{position:absolute;right:13px;top:15px;width:12px;height:12px;border:1px solid #cbd5e1;border-radius:50%}.choice.selected .radio-dot{border:4px solid var(--primary)}.input-helper{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#94a3b8;margin-top:-12px;margin-bottom:24px}.hint-box{display:flex;gap:12px;padding:14px;background:#f8fafc;border-radius:9px;color:#7b8799}.hint-box>span{color:#8c87bc}.hint-box p{font-size:10px;margin:0}.hint-box b{color:#5e6880;font-weight:550}.editor-footer{padding:17px 27px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.editor-footer>span{font-size:10px;color:#94a3b8}.editor-footer .mdc-button{font-size:11px}.inspiration-panel{border:1px solid #e8e6f2;border-radius:13px;background:#f5f4fa;padding:23px}.tip-illustration{height:130px;position:relative;display:flex;align-items:center;justify-content:center}.tip-illustration b{font-size:70px;line-height:1;color:#7771bb;font-weight:400;transform:rotate(15deg)}.orbit-small{position:absolute;width:125px;height:75px;border:1px solid #d2cfe7;border-radius:50%;transform:rotate(-30deg)}.tip-spark{font-size:25px;color:#b5a5cb;position:absolute;right:20px;top:20px}.inspiration-panel .eyebrow{font-size:8px;letter-spacing:1.2px}.inspiration-panel h3{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:12px 0}.inspiration-panel p{font-size:11px;color:#85819a;line-height:1.8}.tip-divider{height:1px;background:#e4e1ef;margin:24px 0}.inspiration-panel dl{font-size:10px;margin:14px 0 25px}.inspiration-panel dl div{display:flex;justify-content:space-between;margin:10px 0}.inspiration-panel dt{color:#8d879e}.inspiration-panel dd{margin:0;color:#615a77}.inspiration-panel>small{font-size:10px;color:#a39bb3;line-height:1.7;display:block}.workspace-footer{display:flex;justify-content:space-between;padding:18px 40px;border-top:1px solid var(--border);font-size:9px;color:#99a2b3}.mobile-menu{display:none}.reference-card{border:1px solid var(--border);padding:20px;border-radius:12px;background:#fff;margin-bottom:18px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-top>b{font-size:10px;letter-spacing:1px;color:#77728f}.card-top .text-button{font-size:11px;padding:6px}.upload-box{border:1px dashed #c6c3e1;border-radius:8px;padding:12px;color:#6d64a9;background:#faf9ff;cursor:pointer;font-size:11px;margin:0}.upload-box input{font-size:10px;padding:6px;border:none;background:transparent}.sound-options{margin-top:25px}.empty-state{text-align:center;padding:65px 20px;border:1px dashed #d9ddea;border-radius:12px;background:#fff9}.empty-state>span{font-size:42px;color:#a7a1cc;display:block;margin-bottom:18px}.empty-state h3{font-size:19px;color:#535775}.empty-state p{font-size:12px;color:#94a3b8;margin:12px 0 20px}.empty-state.compact{padding:30px 20px;margin-bottom:18px}.review-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f8fafc;border-radius:10px;padding:20px;margin-bottom:24px}.review-summary small{display:block;font-size:8px;color:#94a3b8;letter-spacing:1px}.review-summary b{font-size:17px;display:block;margin-top:5px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quality-card{padding:20px 10px;border:1px solid var(--border);background:#fff;border-radius:10px;text-align:center}.quality-card.selected{border-color:var(--primary);background:#f5f3ff}.quality-card b{display:block;font-size:23px;color:#494078}.quality-card span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.quote-box{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px;background:#f4f3ff;border-radius:10px;margin:20px 0}.quote-box small{font-size:9px;letter-spacing:1px}.quote-box strong{display:block;font-size:24px;color:var(--primary)}.quote-box>span{font-size:10px;color:var(--muted)}.video-player{width:100%;max-height:480px;background:#0f172a;border-radius:12px;margin-bottom:20px}.job-card{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:12px}.job-card>div{flex:1;min-width:130px}.job-card b{font-size:12px}.job-card p{font-size:10px;color:var(--muted);margin-top:4px}.job-symbol{font-size:28px;color:#8a82c8}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.project-card{padding:24px;text-align:left;border:1px solid var(--border);border-radius:12px;background:#fff}.project-card>span{font-size:30px;color:#9b95c7;display:block;margin-bottom:16px}.project-card b,.project-card small{display:block}.project-card small{color:var(--muted);margin-top:6px;font-size:10px}.saved-projects{margin-top:35px}.saved-projects h2,.section-title{font-size:20px}.character-avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:#eeedfc;color:#7065ae;font-size:30px;margin-bottom:16px}.balance-banner{display:flex;justify-content:space-between;align-items:center;background:#efedfc;border:1px solid #dfdcf5;border-radius:15px;padding:30px;margin-bottom:25px}.balance-banner span{font-size:10px;color:#8077a9;letter-spacing:1.5px}.balance-banner>span{font-size:48px}.balance-banner h2{font-size:40px;margin-top:10px}.balance-banner h2 small{font-size:15px;color:#8a82a7;font-weight:400}.price{font-size:30px;display:block;margin:20px 0}.section-title{margin-top:35px;margin-bottom:20px}.history-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#fff;padding:20px;border-bottom:1px solid var(--border);font-size:12px}.profile-card{max-width:600px;border:1px solid var(--border);background:#fff;border-radius:15px;padding:35px}.profile-card hr{border:0;border-top:1px solid var(--border);margin:25px 0}.profile-card p{color:var(--muted);margin-bottom:25px}.profile-card .mdc-button{margin-right:10px}.admin-page{max-width:1100px;margin:40px auto;padding:0 25px}.admin-page h1{margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500}@media(min-width:1500px){.studio-main{padding-top:45px}.editor-content{padding:34px}.studio-grid{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:1150px){.inspiration-panel{display:none}.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-main{padding:30px}.workspace-top{padding:0 30px}.auth-art{padding:35px}.auth-art h1{font-size:48px}.showcase{margin-left:0;margin-right:0}.how{grid-template-columns:1fr 1fr}}@media(max-width:767px){h1{font-size:28px}.public-nav{padding:0 20px;height:72px}.public-nav nav{gap:15px}.public-nav nav>a:first-child{display:none}.public-nav .brand{font-size:20px}.beta-label{display:none}.landing{padding:0 20px}.hero{padding:40px 0}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero p{font-size:14px}.hero p br{display:none}.hero-actions{flex-direction:column;gap:17px}.showcase-content{grid-template-columns:1fr;padding:16px;gap:15px}.story-cover{min-height:260px}.cover-caption h2{font-size:34px}.showcase-top{padding:0 14px}.showcase-top .pill{display:none}.how{gap:25px}.how>div{grid-column:1/-1}.public-footer{flex-wrap:wrap;gap:15px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-main{padding:25px;min-height:100dvh}.auth-form{margin:40px auto}.sidebar{transform:translate(-100%);transition:transform .15s}.sidebar.open{transform:translate(0)}.drawer-scrim{position:fixed;inset:0;background:#0f172a55;border:0;z-index:25}.workspace-body{margin:0;width:100%}.workspace-top{height:62px;padding:0 16px;gap:12px}.mobile-menu{display:block;background:none;border:0;font-size:20px;padding:8px}.top-right{display:none}.workspace-top>.mdc-button{margin-left:auto}.studio-main{padding:22px 16px}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:1px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.page-heading>.mdc-button{min-width:95px;padding:0 10px;font-size:10px}.editor-top{padding:15px 18px}.editor-content{padding:21px 18px}.stepper{padding:18px 10px}.stepper small{font-size:8px}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.choice{padding:14px 12px}.choice small{font-size:9px}.field-row{gap:12px}.editor-footer{padding:15px}.workspace-footer{padding:18px 16px;font-size:8px;gap:10px}.project-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.review-summary{padding:15px;gap:8px}.review-summary b{font-size:14px}.review-summary small{font-size:7px}.quality-grid{gap:8px}.quality-card b{font-size:21px}.quote-box{flex-direction:column;align-items:flex-start}.job-card .mdc-button{font-size:11px}.job-card{padding:13px;gap:10px}}@media(max-width:380px){.public-nav nav>a:nth-child(2){display:none}.hero h1{font-size:43px}.page-heading{flex-wrap:wrap}.field-row{grid-template-columns:1fr;gap:0}.choice-grid{grid-template-columns:1fr}.stepper button:not(.current) small{display:none}.stepper small{font-size:9px}.project-grid{grid-template-columns:1fr}.auth-main{padding:20px}.how{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-icon{flex-shrink:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.chat-panel{margin:24px 0;padding:20px;background:#f5f3ff;border:1px solid #e0e7ff;border-radius:18px}.chat-messages{display:grid;gap:12px;max-height:360px;overflow:auto;margin:16px 0}.chat-bubble{background:#fff;border-radius:14px;padding:12px;max-width:90%;overflow-wrap:anywhere}.chat-bubble small{font-weight:600;color:#4338ca}.chat-bubble p{white-space:pre-wrap;margin:6px 0}.user-message{justify-self:end;background:#e0e7ff}.currency-picker{display:block;font-size:12px;margin:12px 0}.currency-picker select{display:block;width:100%;margin-top:6px;background:#fff;color:#18203a;border:1px solid #d7daea;border-radius:8px;padding:8px}