:root{--background: #f7f4f1;--foreground: #2b2223;--primary: #b8848f;--primary-strong: #8f5260;--primary-soft: #d9a7ae;--secondary: #cbb7ac;--card: #ffffff;--muted: #ece6e0;--muted-foreground: #8a7e77;--border: #e3d9d2;--danger: #b3261e;--danger-bg: rgba(179, 38, 30, .08);--success: #1f8a5b;--success-strong: #1a7a4f;--muted-foreground-soft: #a99e96;--muted-foreground-faint: #b7aba3;--foreground-secondary: #5a4f4c;--border-hairline: rgba(43, 34, 35, .06);--primary-stronger: #7a4451;--on-primary: #ffffff;--media-bg: #000000;--warning-fg: #8a6d00;--warning-bg: #fff8e1;--warning-border: #e0b000;--radius-lg: 22px;--radius: 16px;--radius-sm: 12px;--radius-2xs: 8px;--radius-xs: 6px;--radius-pill: 999px;--radius-circle: 50%;--shadow: 0 1px 2px rgba(43, 43, 46, .04), 0 10px 28px -14px rgba(143, 82, 96, .2);--shadow-lift: 0 1px 2px rgba(43, 43, 46, .04), 0 18px 34px -18px rgba(143, 82, 96, .3);--focus-ring: 0 0 0 3px rgba(143, 82, 96, .15);--scrim: rgba(43, 43, 46, .55);--scrim-soft: rgba(26, 26, 26, .45);--surface-hover: #fffdfc;--surface-overlay: rgba(255, 255, 255, .92);--primary-soft-tint: rgba(217, 167, 174, .24);--sheen-highlight: rgba(255, 255, 255, .45);--hero-glow: rgba(184, 132, 143, .16);--app-shell-bg: #ece4dc;--surface-app: #fbf8f5;--surface-sidebar: #fcfaf7;--surface-input-muted: #f8f4f0;--primary-tint-nav: #f3e3e6;--primary-tint-badge: #f5e7ea;--gradient-brand: linear-gradient(155deg, #2c1f24 0%, #5e3844 52%, #8f5260 100%);--gradient-hero: linear-gradient(120deg, #2c1f24 0%, #5e3844 58%, #8f5260 100%);--gradient-panel: linear-gradient(150deg, #2c1f24, #5e3844);--gradient-cta: linear-gradient(150deg, #9a5866, #7e4552);--gradient-avatar: linear-gradient(150deg, #c99ba4, #8f5260);--gradient-progress: linear-gradient(90deg, #c99ba4, #8f5260);--shadow-card: 0 1px 2px rgba(58, 42, 48, .03), 0 18px 40px -28px rgba(58, 42, 48, .35);--shadow-cta: 0 8px 20px -8px rgba(143, 82, 96, .5);--shadow-modal: 0 30px 80px -20px rgba(43, 34, 35, .5);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--text-2xs: .72rem;--text-xs: .78rem;--text-sm: .85rem;--text-base: 1rem;--text-md: 1.1rem;--text-lg: 1.25rem;--text-xl: 1.35rem;--text-2xl: 1.6rem;--text-3xl: 2rem;--font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Playfair Display", "Times New Roman", serif;--carousel-transition: .3s ease;--carousel-img-max-width: 320px;--carousel-nav-size: 44px;--modal-backdrop: rgba(43, 43, 46, .82);--modal-img-max-width: min(90vw, 640px);--modal-transition: .2s ease}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-weight:400;background-color:var(--background);background-image:radial-gradient(58rem 30rem at 50% -10rem,var(--hero-glow),transparent 70%);background-repeat:no-repeat;color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:max(16px,1rem)}.app{width:100%;margin:0 auto;padding:32px 16px 64px}@media (min-width: 640px){.app{max-width:880px;padding:56px 24px 80px}}.app-header{margin-bottom:40px}.app-header .eyebrow{margin:0;font-size:.72rem;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-foreground)}.app-header .wordmark{margin:8px 0 12px;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(2.4rem,6vw,3.4rem);line-height:1;letter-spacing:-.01em;color:var(--primary-strong)}.app-header .wordmark .sparkle{font-style:normal;font-size:.4em;vertical-align:.85em;margin-left:.12em;color:var(--primary)}.app-header .subtitle{margin:0;max-width:48ch;color:var(--muted-foreground);font-size:1.02rem}.muted{color:var(--muted-foreground)}.error{color:var(--danger);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}button{font:inherit;cursor:pointer;border-radius:999px;padding:12px 22px;min-height:44px;background:var(--card);color:var(--foreground);border:1px solid var(--border);font-weight:500;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}button:hover:not(:disabled){border-color:var(--primary-soft);background:var(--surface-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary);font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-stronger);border-color:var(--primary-stronger)}.link,a{color:var(--primary-strong);font-weight:500;text-decoration:none}.link{background:none;border:none;border-radius:0;padding:0;min-height:0;border-bottom:1px solid transparent}.link:hover{background:none;border-bottom-color:var(--primary-strong)}:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px;border-radius:8px}.section-eyebrow{margin:0 0 13px;font-size:var(--text-2xs);font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-foreground)}.objective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.objective-card{text-align:left;display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:16px 18px;min-height:0;border-radius:var(--radius);background:var(--card);border:1.5px solid var(--border)}.objective-card:hover:not(:disabled){border-color:var(--primary-soft);background:var(--surface-hover)}.objective-card.is-active{background:var(--primary-tint-nav);border-color:var(--primary-strong)}.objective-card-label{font-size:.94rem;font-weight:600;color:var(--foreground)}.objective-card.is-active .objective-card-label{color:var(--primary-strong)}.objective-card-desc{font-size:var(--text-xs);line-height:1.4;color:var(--muted-foreground)}@media (max-width: 640px){.objective-grid{grid-template-columns:1fr}}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.template-card{text-align:left;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:13px;background:var(--card);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.template-card:hover:not(:disabled){transform:translateY(-4px);background:var(--card);box-shadow:var(--shadow-lift)}.template-card-media{position:relative;display:block;width:100%;aspect-ratio:4 / 5;border-radius:var(--radius-sm);overflow:hidden;background:var(--gradient-brand)}.template-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.template-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 18% 3%,var(--sheen-highlight),transparent 52%),linear-gradient(transparent 42%,var(--scrim))}.template-card-overlay{position:absolute;left:13px;right:13px;bottom:14px;display:flex;flex-direction:column;gap:6px}.template-card-kicker{font-size:.55rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--on-primary);opacity:.8}.template-card-title{font-family:var(--font-display);font-size:1.05rem;line-height:1.1;font-weight:500;color:var(--on-primary)}.template-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px 2px 2px}.template-card-body .tag{margin-bottom:2px}.format-tabs{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.format-tab{min-height:0;padding:10px 20px;font-size:.82rem;font-weight:600;border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--border);color:var(--foreground-secondary)}.format-tab.active,.format-tab[data-state=active]{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary);font-weight:600}.mode-toggle{border:none;padding:0;margin:0 0 18px}.mode-options{display:flex;gap:10px;flex-wrap:wrap}.mode-option{flex:1 1 0;min-width:160px;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.mode-option:hover{border-color:var(--primary-soft)}.mode-option.active{border-color:var(--primary-strong);box-shadow:var(--focus-ring)}.mode-option input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mode-option:has(input:focus-visible){border-color:var(--primary-strong);box-shadow:var(--focus-ring)}.mode-option-title{font-weight:600;font-size:.92rem;color:var(--foreground)}.format-picker{border:none;padding:0;margin:0 0 18px}.format-options{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}.format-option{flex:0 1 118px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;text-align:center}.format-option:hover{border-color:var(--primary-soft)}.format-option.active{border-color:var(--primary-strong);box-shadow:var(--focus-ring)}.format-option input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.format-option:has(input:focus-visible){border-color:var(--primary-strong);box-shadow:var(--focus-ring)}.format-thumb{width:84px;border-radius:6px;background:var(--muted);overflow:hidden;display:block}.format-thumb img{width:100%;height:100%;object-fit:cover;display:block}.format-option-title{font-weight:600;font-size:.85rem;color:var(--foreground)}.format-option-main{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;width:100%}.delivery-toggle{display:flex;gap:4px;width:100%}.delivery-option{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 6px;font-size:.78rem;font-weight:600;color:var(--muted-foreground, var(--foreground));border:1px solid var(--border);border-radius:6px;background:var(--background);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.delivery-option.active{border-color:var(--primary-strong);background:var(--primary-soft);color:var(--foreground)}.delivery-option input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.delivery-option:has(input:focus-visible){border-color:var(--primary-strong);box-shadow:var(--focus-ring)}.feed-still{width:100%;max-width:320px;border-radius:var(--radius);display:block;margin:8px 0 16px;box-shadow:var(--shadow)}.feed-still-grid{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 16px}.feed-still-item{display:flex;flex-direction:column;align-items:center;gap:4px}.feed-still-grid .feed-still{max-width:150px;margin:0}.tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--primary-strong);background:var(--primary-tint-badge);padding:4px 11px;border-radius:var(--radius-pill)}.field{margin-bottom:18px;display:flex;flex-direction:column;gap:7px}.field label{font-weight:500;font-size:.9rem}.field input[type=text],.field textarea{font:inherit;background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;width:100%}.field input[type=text]:focus,.field textarea:focus{outline:none;border-color:var(--primary-strong);box-shadow:var(--focus-ring)}.ui-input,.ui-textarea{font:inherit;background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;width:100%}.ui-input:focus,.ui-textarea:focus{outline:none;border-color:var(--primary-strong);box-shadow:var(--focus-ring)}.ui-textarea{resize:vertical;min-height:72px}.field input[type=file]{font:inherit;font-size:.88rem;color:var(--muted-foreground)}.field input[type=file]::file-selector-button{font:inherit;font-weight:500;margin-right:12px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;transition:border-color .15s ease}.field input[type=file]::file-selector-button:hover{border-color:var(--primary-soft)}.field textarea{resize:vertical;min-height:72px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.slot.filled label:after{content:" ✓";color:var(--primary-strong);font-weight:700}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.checkbox{flex-direction:row;align-items:center}.checkbox input{accent-color:var(--primary-strong);width:17px;height:17px}.section-label{display:block;margin:20px 0 8px;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground)}.frame-group{border-left:2px solid var(--border);padding-left:16px;margin-bottom:18px}.color-field{display:inline-flex;align-items:center;gap:8px;font-size:.88rem}.color-field input[type=color]{width:42px;height:32px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer}.toolbar{display:flex;gap:14px;align-items:center;margin-bottom:22px}.toolbar strong{font-family:var(--font-display);font-size:1.2rem;font-weight:600}details summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.progress{height:8px;background:var(--muted);border-radius:999px;overflow:hidden;margin:16px 0 8px}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-soft),var(--primary-strong));transition:width .25s linear}.progress>span.working{background-image:linear-gradient(90deg,var(--primary-soft),var(--primary-strong)),linear-gradient(100deg,transparent 20%,var(--sheen-highlight) 50%,transparent 80%);background-size:100% 100%,55% 100%;background-repeat:no-repeat,no-repeat;background-position:0 0,-60% 0;animation:progress-sheen 1.3s ease-in-out infinite}@keyframes progress-sheen{to{background-position:0 0,160% 0}}.status{text-transform:capitalize;font-weight:600;color:var(--primary-strong)}.generating{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}.generating-title{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-family:var(--font-display);font-size:1.6rem;font-weight:500;color:var(--foreground)}.generating-orb{position:relative;width:74px;height:74px;margin-bottom:26px}.generating-orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--primary-soft-tint);border-top-color:var(--primary-strong);border-radius:var(--radius-circle);animation:spin .9s linear infinite}.generating-orb-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:1.3rem;font-weight:600;color:var(--primary-strong)}.result-head{display:flex;align-items:center;gap:11px;margin-bottom:24px}.result-check{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-circle);background:var(--success);color:var(--on-primary);box-shadow:0 6px 14px -4px #1f8a5b80}.result-check svg{width:16px;height:16px}.result-title{margin:0;font-family:var(--font-display);font-size:1.6rem;font-weight:500;letter-spacing:-.01em;color:var(--foreground)}.format-result{margin-bottom:18px}.format-result video{max-width:300px;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);margin:4px 0 12px}.result-regen{margin-top:8px}.result-regen-btn{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--foreground-secondary);background:var(--card);border-color:var(--border)}.result-regen-btn:hover:not(:disabled){color:var(--primary-strong);border-color:var(--primary-strong);background:var(--card)}.result-regen-btn svg{width:15px;height:15px}.regen-modal{width:min(92vw,440px);padding:24px}.regen-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.regen-modal-title{margin:0;font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--foreground)}.regen-modal-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:0;border:none;border-radius:var(--radius-circle);background:var(--surface-input-muted);color:var(--foreground-secondary)}.regen-modal-close svg{width:18px;height:18px}.regen-modal-body{display:flex;flex-direction:column;gap:6px}.regen-modal-hint{margin:0 0 6px;font-size:.9rem}.regen-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.regen-modal-error{margin:6px 0 0;font-size:.85rem}.result-name{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;font-size:1rem;font-weight:500;color:var(--foreground)}.result-name-edit{border:0;background:none;padding:0;font-size:.85rem;font-weight:500;color:var(--primary);cursor:pointer}.result-name-edit:hover{text-decoration:underline}.result-name-edit-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.result-name-input{flex:1 1 200px;min-width:0;padding:6px 10px;border:1px solid var(--border);border-radius:8px;font:inherit}.btn-inline{padding:6px 12px;border:1px solid var(--primary);border-radius:var(--radius-2xs);background:var(--primary);color:var(--on-primary);font-size:.85rem;font-weight:600;cursor:pointer}.btn-inline.ghost{background:none;color:var(--muted-foreground);border-color:var(--border)}.btn-inline:disabled{opacity:.5;cursor:default}.generating-meta{margin:6px 0 0;font-size:.9rem}.generating-hint{margin:10px 0 0;max-width:46ch;font-size:.88rem}.gen-id{margin-top:20px;font-size:.78rem}.spinner{flex:none;display:inline-block;width:.85em;height:.85em;border:2px solid var(--primary-soft);border-top-color:var(--primary-strong);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.route-splash{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--background)}.route-splash .spinner{width:2rem;height:2rem;border-width:3px}.auth-split{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--app-shell-bg);padding:14px;gap:14px}.auth-split-brand{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--gradient-brand);color:var(--on-primary);padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:180px}.auth-split-wordmark{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--text-xl);line-height:1;color:var(--on-primary)}.auth-split-wordmark .sparkle{font-style:normal;font-size:.5em;vertical-align:.7em;margin-left:.1em;color:var(--on-primary)}.auth-split-tagline{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.06;letter-spacing:-.02em;max-width:30ch}.auth-split-lead{margin:20px 0 0;max-width:40ch;color:#fffc;line-height:1.65}.auth-split-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 8px}.auth-split-form{width:100%;max-width:392px}.auth-title{margin:0 0 10px;font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem,4vw,2.1rem);line-height:1.08;letter-spacing:-.02em;color:var(--foreground)}.auth-subtitle{margin:0 0 32px;color:var(--muted-foreground)}.auth-form{display:flex;flex-direction:column}.auth-error{margin:0 0 16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);font-size:var(--text-sm);font-weight:500;line-height:1.4}.auth-notice{margin:0 0 16px;color:var(--success-strong);font-size:var(--text-sm);font-weight:500;line-height:1.4}.auth-btn{width:100%;border-radius:var(--radius)}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted-foreground-faint);font-size:var(--text-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}@media (min-width: 720px){.auth-split{flex-direction:row;padding:18px;gap:0}.auth-split-brand{flex:1;padding:52px}.auth-split-panel{flex:1;padding:40px}}.onboarding{min-height:100vh;min-height:100dvh;background:var(--app-shell-bg);padding:44px 24px 80px}.onboarding-head{max-width:660px;margin:0 auto 48px;display:flex;align-items:center;justify-content:space-between;gap:16px}.onboarding-wordmark{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--text-lg);line-height:1;color:var(--primary-strong)}.onboarding-wordmark .sparkle{font-style:normal;font-size:.5em;vertical-align:.7em;margin-left:.1em;color:var(--primary)}.onboarding-progress{display:flex;gap:7px;align-items:center}.onboarding-bar{width:38px;height:5px;border-radius:var(--radius-xs);background:var(--border);transition:background-color .3s ease}.onboarding-bar.filled{background:var(--primary-strong)}.onboarding-step{max-width:660px;margin:0 auto;animation:onboarding-up .4s ease}.onboarding .eyebrow{margin:0;font-size:var(--text-2xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-strong)}.onboarding-title{margin:16px 0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.9rem,4.6vw,2.9rem);line-height:1.12;letter-spacing:-.02em;color:var(--foreground)}.onboarding-lead{margin:0 0 32px;max-width:48ch;color:var(--muted-foreground);line-height:1.65}.onboarding-card{background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card)}.onboarding-extract-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.onboarding-extract-row .field{flex:1;min-width:220px;margin-bottom:0}.onboarding-extract-loading{display:flex;align-items:center;gap:14px;margin-top:24px;padding:20px;background:var(--surface-input-muted);border-radius:var(--radius);color:var(--muted-foreground)}.onboarding-extract-result{margin-top:24px;padding:24px;background:var(--primary-tint-badge);border:1px solid var(--primary-soft-tint);border-radius:var(--radius);animation:onboarding-up .4s ease}.onboarding-extract-kicker{margin:0 0 16px;font-size:var(--text-2xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--primary-strong)}.onboarding-swatches{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:14px;flex-wrap:wrap}.onboarding-swatch{display:flex;align-items:center;gap:7px;font-size:var(--text-xs);color:var(--foreground-secondary)}.onboarding-swatch-chip{width:24px;height:24px;border-radius:var(--radius-xs);border:1px solid var(--border-hairline)}.onboarding-fonts{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:8px;flex-wrap:wrap}.onboarding-fonts li{padding:6px 13px;border-radius:var(--radius-pill);background:var(--card);color:var(--primary-strong);font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.onboarding-extract-desc{margin:0;color:var(--foreground-secondary);font-size:var(--text-sm);line-height:1.65}.onboarding-segments{border:none;margin:0 0 24px;padding:0;display:flex;gap:10px;flex-wrap:wrap}.onboarding-segments legend{font-weight:500;font-size:.9rem;margin-bottom:11px;padding:0}button.onboarding-chip[aria-pressed=true]{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.onboarding-form{display:flex;flex-direction:column}.onboarding-actions{display:flex;gap:12px;margin-top:26px}.onboarding-done{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-done-badge{width:82px;height:82px;border-radius:var(--radius-circle);background:var(--gradient-avatar);color:var(--on-primary);display:flex;align-items:center;justify-content:center;margin-bottom:30px;box-shadow:var(--shadow-cta)}.onboarding-done-badge svg{width:36px;height:36px}@keyframes onboarding-up{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.spinner,.generating-orb-ring,.progress>span.working{animation:none}.slide-carousel-img{transition:none}.slide-modal-backdrop,.slide-modal,.onboarding-step,.onboarding-extract-result{animation:none}.onboarding-bar{transition:none}.home-hero-card-a,.home-hero-card-b{animation:none}.stat-card,.home-hero-cta{transition:none}}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:var(--muted);padding:2px 7px;border-radius:6px;color:var(--muted-foreground);overflow-wrap:anywhere}video{width:100%;max-width:320px;border-radius:var(--radius);background:var(--media-bg);display:block;margin:16px 0;box-shadow:var(--shadow)}.slide-carousel{margin:16px 0}.slide-carousel-stage{display:flex;align-items:center;gap:8px}.slide-carousel-frame{position:relative;flex:1;max-width:var(--carousel-img-max-width);aspect-ratio:auto;overflow:hidden;border-radius:var(--radius-sm);box-shadow:var(--shadow);background:var(--muted)}.slide-carousel-img{display:block;width:100%;height:auto;position:absolute;top:0;left:0;opacity:0;transform:translate(4px);transition:opacity var(--carousel-transition),transform var(--carousel-transition);pointer-events:none}.slide-carousel-img--active{opacity:1;transform:translate(0);position:relative;pointer-events:auto}.slide-carousel-nav{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--carousel-nav-size);height:var(--carousel-nav-size);border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--primary-strong);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:var(--shadow)}.slide-carousel-nav:hover{background:var(--muted);border-color:var(--primary-soft)}.slide-carousel-nav:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.slide-carousel-counter{margin:8px 0 4px;font-size:.82rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.slide-carousel-downloads{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px 16px}.slide-carousel-downloads li{font-size:.85rem}.slide-carousel-actions{margin:10px 0 4px}.slide-carousel-download-all{display:inline-flex;align-items:center;padding:7px 14px;min-height:36px;font-size:.82rem;font-weight:600;color:var(--primary-strong);background:transparent;border:1px solid var(--primary-soft);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer}.slide-carousel-download-all:hover{background:var(--muted)}.slide-carousel-download-all:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.slide-carousel-open-modal{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:zoom-in;display:flex;align-items:flex-end;justify-content:flex-end;padding:8px}.slide-carousel-open-modal-label{display:inline-block;padding:3px 8px;font-size:.75rem;font-weight:600;color:var(--card);background:var(--scrim);border-radius:var(--radius-xs);pointer-events:none}.slide-carousel-open-modal:focus-visible{outline:2px solid var(--primary-strong);outline-offset:-2px}.slide-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;animation:modal-backdrop-in var(--modal-transition) ease}.ui-dialog-content{position:fixed;z-index:201;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;width:var(--modal-img-max-width);max-width:95vw;max-height:95dvh;overflow:auto;display:flex;flex-direction:column;gap:12px;animation:ui-dialog-in var(--modal-transition) ease}@keyframes ui-dialog-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.ui-dialog-content{animation:none}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.slide-modal-toolbar{display:flex;align-items:center;justify-content:space-between}.slide-modal-counter{font-size:.82rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.slide-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:1rem;cursor:pointer}.slide-modal-close:hover{background:var(--muted);color:var(--foreground)}.slide-modal-close:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.slide-modal-stage{display:flex;align-items:center;gap:8px}.slide-modal-frame{flex:1;overflow:hidden;border-radius:var(--radius-sm);background:var(--muted)}.slide-modal-img{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;border-radius:var(--radius-sm)}.slide-modal-nav{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--carousel-nav-size);height:var(--carousel-nav-size);border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--primary-strong);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:var(--shadow)}.slide-modal-nav:hover{background:var(--muted);border-color:var(--primary-soft)}.slide-modal-nav:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.marketing{margin-top:18px;padding:24px;background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius);box-shadow:var(--shadow-card);text-align:left}.marketing-head{justify-content:space-between;align-items:baseline}.marketing-head .section-label{margin:0}.copy-btn{padding:8px 14px;min-height:36px;font-size:.82rem;font-weight:600;color:var(--primary-strong);border-color:var(--primary-soft)}.caption{margin:8px 0 14px;white-space:pre-wrap;line-height:1.5;color:var(--foreground)}.hashtags{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.cta{margin:0;color:var(--foreground)}.cta .section-label{margin:0 0 2px}.nav-brand{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:1.4rem;color:var(--primary-strong);border:none}.nav-brand .sparkle{font-style:normal;font-size:.5em;vertical-align:.7em;margin-left:.1em;color:var(--primary)}.stepper{list-style:none;display:flex;align-items:center;justify-content:center;gap:14px;padding:0;margin:0 0 38px;flex-wrap:wrap}.stepper-step{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);font-weight:600;color:var(--foreground-secondary)}.stepper-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-pill);border:1.5px solid var(--border);font-size:var(--text-sm);background:var(--card);color:var(--muted-foreground);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.stepper-step.active{color:var(--primary-strong)}.stepper-step.active .stepper-num,.stepper-step.done .stepper-num{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.stepper-step+.stepper-step:before{content:"";width:40px;height:1.5px;background:var(--border);margin-right:4px}.swatches{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 14px}.swatch{display:flex;align-items:center;gap:6px;font-size:.78rem}.swatch-chip{width:24px;height:24px;border-radius:var(--radius-xs);border:1px solid var(--border);display:inline-block;box-shadow:0 2px 6px #2b22231f}.brand-header{margin-bottom:30px}.brand-wordmark{margin-top:0}.brand-build-card,.brand-form-card,.brand-ds-card{border-radius:var(--radius-lg);border-color:var(--border-hairline);box-shadow:var(--shadow-card);padding:28px;margin-bottom:22px}.brand-build-card{background:linear-gradient(160deg,var(--card),var(--surface-input-muted));border-color:var(--primary-soft-tint)}.brand-eyebrow{margin:0 0 13px;font-size:var(--text-2xs);font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--primary-strong)}.brand-build-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}.brand-build-row .field{flex:1 1 220px;margin-bottom:0}.brand-build-row button{white-space:nowrap}.brand-form-card .field input,.brand-form-card .field textarea{background:var(--surface-input-muted)}.brand-ds-card .hashtags .tag{text-transform:uppercase;letter-spacing:.04em}.page-title{font-family:var(--font-display);font-size:1.6rem;margin:4px 0 18px}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:8px}.gallery-title{margin:0;font-family:var(--font-display);font-size:2rem;font-weight:500;letter-spacing:-.02em;color:var(--foreground)}.gallery-count{margin:9px 0 0;font-size:.88rem;color:var(--muted-foreground)}.gallery-create{display:inline-flex;align-items:center;padding:13px 24px;border-radius:var(--radius-sm);background:var(--primary-strong);color:var(--on-primary);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-cta);transition:background-color .15s ease}.gallery-create:hover{background:var(--primary-stronger)}.filter-chip-row{display:flex;gap:10px;margin:28px 0;flex-wrap:wrap}.filter-chip{min-height:0;padding:9px 18px;font-size:.82rem;font-weight:600;border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--border);color:var(--foreground-secondary)}.filter-chip.is-active{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary)}.empty{text-align:center;color:var(--muted-foreground);display:flex;flex-direction:column;gap:12px;padding:40px 0}.gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media (max-width: 900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.gallery{grid-template-columns:1fr}}.gallery-card{background:transparent;border:none;border-radius:0;overflow:visible;box-shadow:none;transition:transform .2s ease}.gallery-card:hover{transform:translateY(-5px)}.gallery-thumb{position:relative;display:block;aspect-ratio:9 / 14;border-radius:var(--radius-lg);overflow:hidden;background:var(--gradient-brand);box-shadow:0 14px 34px -14px #3a2a3080}.gallery-thumb img,.gallery-thumb video{width:100%;height:100%;object-fit:cover;margin:0;max-width:none;border-radius:0;box-shadow:none;display:block}.gallery-thumb-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--on-primary);opacity:.5;font-size:2rem}.gallery-thumb-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 18% 3%,var(--sheen-highlight),transparent 52%),linear-gradient(transparent 40%,var(--scrim));pointer-events:none}.gallery-badge{position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:var(--radius-pill);font-size:.6rem;font-weight:600;letter-spacing:.04em;background:var(--surface-overlay);color:var(--foreground)}.gallery-badge.status-succeeded{background:var(--primary-strong);color:var(--on-primary)}.gallery-badge.status-failed{background:var(--danger);color:var(--on-primary)}.gallery-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:46px;height:46px;border-radius:var(--radius-circle);background:#fff3;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:var(--on-primary);pointer-events:none}.gallery-play svg{width:17px;height:17px}.gallery-thumb-title{position:absolute;left:16px;right:16px;bottom:18px;font-family:var(--font-display);font-size:1.05rem;line-height:1.14;font-weight:500;color:var(--on-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;font-size:.78rem;color:var(--muted-foreground)}.gallery-type{font-weight:600;color:var(--foreground)}.gallery-thumb-wrap{position:relative}.gallery-kebab{position:absolute;top:12px;right:12px;width:30px;height:30px;min-height:0;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-circle);background:#ffffff29;color:var(--on-primary);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.gallery-kebab:hover{background:#ffffff47}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim-soft);display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop-hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:transparent}.sheet{position:relative;width:100%;max-width:480px;background:var(--card);border-radius:var(--radius) var(--radius) 0 0;padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:var(--shadow)}@media (min-width: 640px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--radius);margin:0 16px}}.sheet-menu{list-style:none;margin:0;padding:6px 0}.sheet-menu button,.sheet-menu a{display:block;width:100%;text-align:left;font:inherit;font-size:1rem;color:var(--foreground);background:none;border:none;border-radius:0;padding:15px 22px;min-height:44px}.sheet-menu button:hover:not(:disabled),.sheet-menu a:hover{background:var(--muted)}.sheet-menu button:disabled{opacity:.4;cursor:not-allowed}.sheet-menu .danger{color:var(--danger)}.sheet-regen{display:flex;flex-direction:column;gap:12px;padding:18px 22px 22px}.sheet-title{font-family:var(--font-display);font-size:1.25rem;margin:0}.sheet-hint{margin:0;font-size:.9rem}.sheet-regen input{font:inherit;background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;width:100%}.sheet-actions{display:flex;gap:8px;justify-content:flex-end}.sheet-error{margin:0;padding:0 22px 16px;font-size:.85rem}.notice-warn{margin:12px 0;padding:10px 14px;font-size:.85rem;color:var(--warning-fg);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-sm)}.payment-required-modal.ui-dialog-content{width:min(92vw,430px);padding:var(--space-8);gap:var(--space-5)}.payment-required-title{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);color:var(--foreground)}.payment-required-copy{margin:0;color:var(--muted-foreground);line-height:1.55}.payment-required-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.billing{padding:16px;max-width:960px;margin:0 auto}.billing-note{margin:0 0 16px;padding:10px 14px;font-size:.8rem;color:var(--muted-foreground);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm)}.billing-scroll{overflow-x:auto}.billing-table{width:100%;border-collapse:collapse;font-size:.88rem}.billing-table th,.billing-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.billing-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.billing-table .num{text-align:right;font-variant-numeric:tabular-nums}.billing-row{cursor:pointer}.billing-row:hover{background:var(--secondary)}.billing-row.active{background:var(--primary-soft)}.billing-row .tag{margin-left:8px}.billing-detail{margin-top:24px}.billing-render{border-bottom:1px solid var(--border);padding:8px 0}.billing-render>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:12px;align-items:baseline}.billing-render-id{font-family:var(--font-display, monospace);font-weight:600}.billing-render-totals{margin-left:auto;font-variant-numeric:tabular-nums}.billing-steps{margin:12px 0 4px;font-size:.82rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:600;line-height:1;letter-spacing:.04em;white-space:nowrap}.badge-neutral{background:var(--muted);color:var(--foreground-secondary)}.badge-success{background:var(--success);color:var(--on-primary)}.badge-accent{background:var(--primary-tint-badge);color:var(--primary-strong)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg);border:1px solid var(--warning-border)}.ui-progress{position:relative;overflow:hidden;width:100%;height:6px;border-radius:var(--radius-pill);background:var(--muted)}.ui-progress-indicator{width:100%;height:100%;border-radius:var(--radius-pill);background:var(--gradient-progress);transition:transform .3s ease}@media (prefers-reduced-motion: reduce){.ui-progress-indicator{transition:none}}.ui-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--avatar-size, 36px);height:var(--avatar-size, 36px);border-radius:var(--radius-circle);overflow:hidden;-webkit-user-select:none;user-select:none;vertical-align:middle}.ui-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.ui-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--gradient-avatar);color:var(--on-primary);font-family:var(--font-display);font-weight:600;font-size:var(--avatar-initial-size, 1rem);line-height:1}.ui-menu{min-width:200px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-modal);z-index:210}.ui-menu-label{padding:8px 12px 4px;font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.ui-menu-item{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:40px;border-radius:var(--radius-2xs);font-size:var(--text-sm);color:var(--foreground);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.ui-menu-item[data-highlighted]{background:var(--primary-tint-nav);color:var(--primary-strong)}.ui-menu-item[data-disabled]{opacity:.5;pointer-events:none}.ui-menu-item.danger{color:var(--danger)}.ui-menu-item.danger[data-highlighted]{background:var(--warning-bg);color:var(--danger)}.ui-menu-separator{height:1px;margin:6px 4px;background:var(--border)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;min-height:44px;border-radius:var(--radius-2xs);color:var(--foreground-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;border:none;transition:background-color .15s ease,color .15s ease}.nav-item:hover{background:var(--primary-tint-nav);color:var(--primary-strong)}.nav-item.active{background:var(--primary-tint-nav);color:var(--primary-strong);font-weight:600}.nav-item-icon{display:inline-flex;flex:none;width:20px;height:20px;align-items:center;justify-content:center}.nav-item-icon svg{width:100%;height:100%}.nav-item-label{flex:1}.nav-item-badge{margin-left:auto}.credit-meter{display:flex;flex-direction:column;gap:6px}.credit-meter-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.credit-meter-label{font-size:var(--text-xs);color:var(--muted-foreground)}.credit-meter-count{font-size:var(--text-xs);font-weight:600;color:var(--foreground);font-variant-numeric:tabular-nums}.app-shell{display:flex;gap:14px;height:100vh;padding:14px;background:var(--app-shell-bg)}.app-shell-main{flex:1;min-width:0;overflow-y:auto;background:var(--surface-app);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.app-shell-content{max-width:1160px;margin:0 auto;padding:44px 48px 64px}@media (max-width: 860px){.app-shell{flex-direction:column;height:auto;min-height:100vh}.app-shell-main{overflow-y:visible}.sidebar{width:100%}.app-shell-content{padding:28px 20px 48px}}.sidebar{display:flex;flex-direction:column;flex-shrink:0;width:250px;padding:20px 15px;background:var(--surface-sidebar);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.sidebar-brand{padding:8px 10px 24px;font-size:var(--text-xl);line-height:1}button.sidebar-cta.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-bottom:24px;border-radius:var(--radius);background:var(--gradient-cta);border:none;color:var(--on-primary);box-shadow:var(--shadow-cta)}button.sidebar-cta.primary:hover:not(:disabled){transform:translateY(-1px);background:var(--gradient-cta)}.sidebar-eyebrow{margin:0;padding:0 10px 12px;font-size:var(--text-2xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground-faint)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-footer{margin-top:auto;padding-top:20px}.user-credits{position:relative}.user-credits-trigger{display:block;width:100%;padding:10px;text-align:left;background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius);cursor:pointer;transition:border-color .15s ease}.user-credits-trigger:hover,.user-credits-trigger[data-state=open]{border-color:var(--primary-soft)}.user-credits-identity{display:flex;align-items:center;gap:11px}.user-credits-text{flex:1;min-width:0;line-height:1.35}.user-credits-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--foreground)}.user-credits-plan{display:block;font-size:var(--text-xs);color:var(--muted-foreground-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-credits-chevron{flex-shrink:0;color:var(--muted-foreground-faint)}.user-credits-bar{margin-top:11px;height:5px}.user-credits-menu{min-width:220px}.user-credits-menu-head{display:flex;flex-direction:column;gap:2px;padding:8px 12px 10px}.user-credits-menu-name{font-size:var(--text-sm);font-weight:600;color:var(--foreground)}.user-credits-menu-email{font-size:var(--text-xs);color:var(--muted-foreground-soft)}.user-credits-menu-item{gap:11px}.user-credits-menu-icon{display:inline-flex;width:17px;height:17px;flex-shrink:0}.user-credits-menu-icon svg{width:100%;height:100%}.user-credits-menu-item.is-danger{color:var(--danger);font-weight:600}.empty-state{max-width:46ch;margin:40px auto;text-align:center}.empty-state .eyebrow{margin:0 0 10px;font-size:var(--text-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground-soft)}.empty-state-title{margin:0 0 12px;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;letter-spacing:-.01em;color:var(--foreground)}.empty-state-text{margin:0;color:var(--muted-foreground);font-size:var(--text-base);line-height:1.6}.home-greeting-date{font-size:var(--text-2xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground-soft);margin:0 0 10px}.home-greeting{font-family:var(--font-display);font-weight:500;font-size:2.5rem;line-height:1.08;letter-spacing:-.02em;color:var(--foreground);margin:0 0 var(--space-6)}.home-greeting-mark{color:var(--primary-strong)}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-card);transition:transform .18s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-2xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground-soft)}.stat-card-dot{width:7px;height:7px;border-radius:var(--radius-circle);flex-shrink:0}.stat-card-value{font-family:var(--font-display);font-weight:500;font-size:2.1rem;line-height:1;letter-spacing:-.01em}.stat-card-value.tone-foreground{color:var(--foreground)}.stat-card-value.tone-primary{color:var(--primary-strong)}.stat-card-value.tone-accent{color:var(--foreground)}.stat-card-value.tone-success{color:var(--success)}.stat-card-dot.tone-foreground,.stat-card-dot.tone-primary{background:var(--primary-strong)}.stat-card-dot.tone-accent{background:var(--primary)}.stat-card-dot.tone-success{background:var(--success)}.stat-card-delta{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:var(--text-xs);font-weight:500;color:var(--muted-foreground-soft)}.stat-card-delta.is-positive{color:var(--success)}.stat-card-delta-arrow{width:13px;height:13px;flex-shrink:0}.home-hero{position:relative;overflow:hidden;background:var(--gradient-hero);border-radius:var(--radius-lg);padding:44px 46px;margin-bottom:var(--space-10);min-height:230px;color:var(--on-primary)}.home-hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 240px at 88% 8%,rgba(184,132,143,.28),transparent 60%);pointer-events:none}.home-hero-mark{position:absolute;right:24px;bottom:-90px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:260px;line-height:1;color:#ffffff0f;-webkit-user-select:none;user-select:none;pointer-events:none}.home-hero-body{position:relative;z-index:1;max-width:520px}.home-hero-eyebrow{font-size:var(--text-2xs);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#ffffff9e;margin:0 0 var(--space-4)}.home-hero-title{font-family:var(--font-display);font-weight:500;font-size:2rem;line-height:1.16;letter-spacing:-.02em;color:var(--on-primary);margin:0 0 var(--space-3)}.home-hero-text{font-size:var(--text-base);line-height:1.6;color:#fffc;max-width:400px;margin:0 0 var(--space-6)}.home-hero-cta{padding:14px 28px;border:none;border-radius:var(--radius-sm);background:var(--card);color:var(--primary-strong);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);cursor:pointer;box-shadow:0 12px 26px -10px #0006;transition:transform .15s ease}.home-hero-cta:hover{transform:translateY(-2px)}.home-hero-cta:focus-visible{outline:2px solid var(--on-primary);outline-offset:3px}.home-hero-cards{position:absolute;right:46px;top:38px;bottom:38px;display:flex;gap:14px;align-items:center;z-index:1}.home-hero-card{position:relative;width:96px;aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;box-shadow:0 18px 36px -12px #00000080}.home-hero-card-a{background:linear-gradient(155deg,#ede0dc,#c99ba4);animation:home-hero-float-a 6s ease-in-out infinite}.home-hero-card-b{background:linear-gradient(155deg,#241c22,#8f5260);animation:home-hero-float-b 6s ease-in-out infinite}.home-hero-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 20% 5%,rgba(255,255,255,.32),transparent 55%),linear-gradient(transparent 45%,#1e111585)}.home-hero-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:var(--radius-circle);background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:var(--primary-strong)}.home-hero-card-play svg{width:11px;height:11px}.home-hero-card-caption{position:absolute;left:9px;right:9px;bottom:11px;z-index:1}.home-hero-card-kicker{font-size:6px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;margin-bottom:4px}.home-hero-card-title{font-family:var(--font-display);font-weight:500;font-size:12px;line-height:1.05;color:var(--on-primary)}@keyframes home-hero-float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes home-hero-float-b{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media (max-width: 720px){.home-hero-cards{display:none}.home-stats{grid-template-columns:repeat(2,1fr)}}.home-recent-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.home-recent-title{font-family:var(--font-display);font-weight:500;font-size:1.5rem;line-height:1;letter-spacing:-.01em;color:var(--foreground);margin:0}.home-recent-all{font-weight:600;font-size:var(--text-xs);color:var(--primary-strong);text-decoration:none}.home-recent-all:hover{text-decoration:underline}.sg-section{margin:0 0 var(--space-8)}.sg-section>h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 var(--space-3)}.sg-section>h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);margin:var(--space-5) 0 var(--space-3)}.sg-note{color:var(--muted-foreground);font-size:var(--text-sm);margin:0 0 var(--space-4);max-width:60ch}.sg-swatches{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.sg-swatch{display:flex;gap:var(--space-3);align-items:center}.sg-swatch-chip{flex:none;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border)}.sg-swatch-name{font-size:var(--text-sm);font-weight:600}.sg-swatch-role{display:block;font-size:var(--text-2xs);font-weight:400;color:var(--muted-foreground)}.sg-gradients{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.sg-gradient{display:flex;gap:var(--space-3);align-items:center}.sg-gradient-chip{flex:none;width:64px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--border)}.sg-navitems{display:flex;flex-direction:column;gap:var(--space-1);max-width:260px}.sg-type-row{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.sg-type-token{flex:none;width:6rem;font-size:var(--text-2xs);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.sg-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin:0 0 var(--space-3)}.sg-rose{display:flex;flex-wrap:wrap;gap:var(--space-4)}.sg-rose-card{flex:1 1 160px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.sg-rose-fill{height:72px}.sg-rose-body{padding:var(--space-3)}.sg-rose-body strong{display:block;font-size:var(--text-sm)}.sg-rose-body span{font-size:var(--text-2xs);color:var(--muted-foreground)}.plans{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.plans-heading{font-family:var(--font-display);font-weight:500;font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--foreground);margin:0}.plans-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-5)}@media (max-width: 720px){.plans-hero{grid-template-columns:1fr}}.current-plan-card{position:relative;overflow:hidden;background:var(--gradient-panel);border-radius:var(--radius-lg);padding:var(--space-8);color:var(--on-primary)}.current-plan-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 200px at 90% 0%,rgba(184,132,143,.35),transparent 60%);pointer-events:none}.current-plan-card-mark{position:absolute;right:-30px;bottom:-70px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:200px;line-height:1;color:#ffffff0d;pointer-events:none}.current-plan-card-body{position:relative;z-index:1}.current-plan-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.current-plan-card-eyebrow{font-size:var(--text-2xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffa6}.current-plan-card-badge.badge-success{background:#ffffff29;color:var(--on-primary);border:1px solid rgba(255,255,255,.2)}.current-plan-card-name-row{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.current-plan-card-name{font-family:var(--font-display);font-weight:500;font-size:2.4rem;line-height:1;letter-spacing:-.01em}.current-plan-card-price{font-size:var(--text-sm);color:#ffffffbf}.current-plan-card-meta{font-size:var(--text-sm);color:#ffffffb8;margin:0 0 var(--space-6)}.current-plan-card-usage{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--text-sm);color:#fffc;margin-bottom:var(--space-2)}.current-plan-card-usage strong{color:var(--on-primary);font-weight:600}.current-plan-card-bar.ui-progress{height:8px;background:#ffffff2e}.current-plan-card-bar .ui-progress-indicator{background:linear-gradient(90deg,#e7c4cc,#fff)}.plans-stats{display:flex;flex-direction:column;gap:var(--space-4)}.plans-stat{flex:1;display:flex;flex-direction:column;justify-content:center;background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-card)}.plans-stat-label{font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground-soft);margin-bottom:var(--space-3)}.plans-stat-value{display:flex;align-items:baseline;gap:var(--space-2)}.plans-stat-num{font-family:var(--font-display);font-weight:500;font-size:1.9rem;line-height:1;letter-spacing:-.01em;color:var(--foreground)}.plans-stat-num.is-accent{color:var(--primary-strong)}.plans-stat-meta{font-size:var(--text-sm);color:var(--muted-foreground-soft)}.plans-pitch{text-align:center;margin-top:var(--space-4)}.plans-pitch-title{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--foreground);margin:0 0 var(--space-2)}.plans-pitch-sub{font-size:var(--text-base);color:var(--muted-foreground);margin:0}.plans-pitch-sub strong{color:var(--primary-strong);font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media (max-width: 860px){.plans-grid{grid-template-columns:1fr}}.plan-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-card)}.plan-card.is-featured{border-color:var(--primary-strong)}.plan-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card-name{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);letter-spacing:-.01em;color:var(--foreground);margin:0 0 var(--space-2)}.plan-card-desc{font-size:var(--text-xs);line-height:1.5;color:var(--muted-foreground);margin:0 0 var(--space-5);min-height:2.3em}.plan-card-price{display:flex;align-items:flex-start;gap:5px;margin-bottom:var(--space-1)}.plan-card-currency{font-size:var(--text-base);font-weight:600;color:var(--foreground-secondary);margin-top:8px}.plan-card-amount{font-family:var(--font-display);font-weight:500;font-size:2.8rem;line-height:1;letter-spacing:-.03em;color:var(--foreground);font-variant-numeric:lining-nums}.plan-card-period{align-self:flex-end;font-size:var(--text-sm);color:var(--muted-foreground);margin-bottom:7px}.plan-card-credits{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.plan-card-credits-pill{padding:5px 12px;border-radius:var(--radius-pill);background:var(--primary-tint-badge);color:var(--primary-strong);font-size:var(--text-xs);font-weight:600}.plan-card-credits-meta{font-size:var(--text-xs);color:var(--muted-foreground-soft)}.plan-card-cta{width:100%;justify-content:center;margin-bottom:var(--space-6)}.plan-card-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.plan-card-feature{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-xs);line-height:1.4;color:var(--foreground-secondary)}.plan-card-check{flex-shrink:0;margin-top:1px;color:var(--primary-strong)}.plans-credits-row{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-5);align-items:start}@media (max-width: 860px){.plans-credits-row{grid-template-columns:1fr}}.rate-card{background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card)}.rate-card-title{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);letter-spacing:-.01em;color:var(--foreground);margin:0 0 var(--space-1)}.rate-card-sub{font-size:var(--text-xs);color:var(--muted-foreground-soft);margin:0 0 var(--space-4)}.rate-card-list{margin:0}.rate-card-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-top:1px solid var(--border-hairline)}.rate-card-row-text{margin:0}.rate-card-action{display:block;font-size:var(--text-sm);font-weight:600;color:var(--foreground)}.rate-card-detail{display:block;font-size:var(--text-xs);color:var(--muted-foreground)}.rate-card-cost{flex-shrink:0;margin:0 0 0 var(--space-4);padding:5px 12px;border-radius:var(--radius-pill);background:var(--surface-input-muted);font-size:var(--text-xs);font-weight:600;color:var(--primary-strong)}.plans-topups{display:flex;flex-direction:column}.plans-topups-title{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);letter-spacing:-.01em;color:var(--foreground);margin:0 0 var(--space-1)}.plans-topups-sub{font-size:var(--text-xs);color:var(--muted-foreground-soft);margin:0 0 var(--space-4)}.plans-topups-list{display:flex;flex-direction:column;gap:var(--space-3)}.topup{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);box-shadow:var(--shadow-card)}.topup.is-best{border-color:var(--primary-strong)}.topup-info{display:flex;align-items:center;gap:var(--space-3)}.topup-chip{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--gradient-avatar);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--on-primary)}.topup-chip-num{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);line-height:1}.topup-chip-unit{font-size:.5rem;font-weight:600;letter-spacing:.04em;margin-top:1px}.topup-price-row{display:flex;align-items:center;gap:var(--space-2)}.topup-price{font-size:var(--text-sm);font-weight:600;color:var(--foreground)}.topup-flag.badge{padding:2px 8px;font-size:.55rem}.topup-note{font-size:var(--text-xs);color:var(--muted-foreground);margin:2px 0 0}.topup-buy{flex-shrink:0}.usage{background:var(--card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card)}.usage-title{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);letter-spacing:-.01em;color:var(--foreground);margin:0 0 var(--space-5)}.usage-list{list-style:none;margin:0;padding:0}.usage-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border-hairline)}.usage-thumb{width:42px;height:42px;flex-shrink:0;border-radius:var(--radius-xs);background:var(--gradient-avatar)}.usage-text{flex:1;min-width:0}.usage-item-title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--foreground)}.usage-meta{display:block;font-size:var(--text-xs);color:var(--muted-foreground)}.usage-amount{flex-shrink:0;text-align:right}.usage-credits{display:block;font-size:var(--text-sm);font-weight:600;color:var(--primary-strong)}.usage-time{display:block;font-size:var(--text-xs);color:var(--muted-foreground)}.edit-profile.ui-dialog-content{width:520px;max-width:95vw;max-height:90dvh;padding:0;gap:0;background:var(--surface-sidebar);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden}.edit-profile-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8) var(--space-5);background:var(--surface-sidebar);border-bottom:1px solid var(--border-hairline)}.edit-profile-title{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--foreground);margin:0}.edit-profile-close{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-circle);border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;transition:color .15s,border-color .15s}.edit-profile-close:hover{border-color:var(--primary-strong);color:var(--primary-strong)}.edit-profile-close svg{width:16px;height:16px}.edit-profile-body{overflow-y:auto;padding:var(--space-6) var(--space-8) 0}.edit-profile-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.edit-profile-photo-actions{display:flex;gap:var(--space-3)}.edit-profile-photo-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.edit-profile-photo-btn svg{width:16px;height:16px}.edit-profile-photo-btn.is-remove{border-color:transparent;background:transparent;color:var(--danger)}.edit-profile-photo-btn.is-remove:hover{background:var(--danger-bg)}.edit-profile-label{display:inline-flex;align-items:center;gap:var(--space-2)}.edit-profile-label-bio{display:flex;align-items:center;justify-content:space-between;width:100%}.edit-profile-glyph{width:15px;height:15px;flex-shrink:0;color:var(--muted-foreground)}.edit-profile-req{color:var(--danger)}.edit-profile-counter{font-weight:400;font-size:var(--text-xs);color:var(--muted-foreground-faint);font-variant-numeric:tabular-nums}.edit-profile-prefixed{position:relative}.edit-profile-prefix{position:absolute;left:15px;bottom:15px;font-size:var(--text-sm);font-weight:500;color:var(--muted-foreground-faint);pointer-events:none}.edit-profile-input-prefixed{padding-left:34px}.edit-profile-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:var(--space-5) var(--space-8) var(--space-6);background:var(--surface-sidebar);border-top:1px solid var(--border-hairline)}.edit-profile-save{display:inline-flex;align-items:center;gap:var(--space-2)}