@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Syne:wght@500;600;700;800&display=swap";:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.18s;--duration-base:.32s;--duration-slow:.56s}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body,.glass,.topbar,.sidebar,.mobile-action-bar,.visual-stage,.service-tile,.settings-card,.upload-zone,.generate-button,.chip-grid button,.template-grid button,.option-row button,.theme-grid button{transition:background-color var(--duration-base) var(--ease-smooth), border-color var(--duration-base) var(--ease-smooth), color var(--duration-base) var(--ease-smooth), box-shadow var(--duration-base) var(--ease-smooth), transform var(--duration-fast) var(--ease-out)}.topbar,.workspace,.mobile-action-bar{z-index:1;position:relative}.brand-logo{transition:transform var(--duration-base) var(--ease-spring)}.brand:hover .brand-logo{transform:scale(1.02)}.nav-tabs button,.side-nav button,.mobile-nav button{transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-base) ease, color var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease}.nav-tabs button:active,.side-nav button:active,.chip-grid button:active,.generate-button:active:not(:disabled){transform:scale(.97)}.icon-button{transition:transform var(--duration-fast) var(--ease-spring), background-color var(--duration-base) ease, color var(--duration-base) ease, box-shadow var(--duration-base) ease}.icon-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #0003}.glass{position:relative}.panel-enter-active,.panel-leave-active{transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-slow) var(--ease-out)}.panel-enter-from,.panel-leave-to{opacity:0;transform:translateY(14px)}@keyframes panel-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.title-swap-enter-active,.title-swap-leave-active{transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-slow) var(--ease-out)}.title-swap-enter-from{opacity:0;transform:translateY(12px)}.title-swap-leave-to{opacity:0;transform:translateY(-10px)}.alert-slide-enter-active,.alert-slide-leave-active{transition:opacity var(--duration-base) ease, transform var(--duration-base) var(--ease-spring)}.alert-slide-enter-from,.alert-slide-leave-to{opacity:0;transform:translateY(-8px)scale(.98)}.upload-zone:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));transform:translateY(-1px);box-shadow:0 10px 28px #00000038}.upload-zone.filled img{animation:image-in var(--duration-slow) var(--ease-out)}@keyframes image-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.visual-stage img{transition:transform var(--duration-slow) var(--ease-out), opacity var(--duration-base) ease}.visual-stage:hover img{transform:scale(1.015)}.visual-stage.is-generating img{filter:blur(2px)brightness(.72);transform:scale(1.03)}.visual-stage.result-reveal img{animation:result-flash var(--duration-slow) var(--ease-out)}@keyframes result-flash{0%{opacity:.4;filter:brightness(1.4);transform:scale(1.05)}to{opacity:1;filter:none;transform:scale(1)}}.gen-overlay{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in var(--duration-base) ease;background:#08080c8c;align-content:center;place-items:center;gap:14px;display:grid;position:absolute;inset:0}.gen-overlay p{color:var(--accent);letter-spacing:.06em;margin:0;font-size:12px;font-weight:700;animation:1.6s ease-in-out infinite pulse-text}.gen-scanline{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--accent) 6%, transparent) 48%, color-mix(in srgb, var(--accent) 14%, transparent) 50%, color-mix(in srgb, var(--accent) 6%, transparent) 52%, transparent 100%);background-size:100% 220%;animation:2.2s linear infinite scanline;position:absolute;inset:0}.gen-spinner{color:var(--accent)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes scanline{0%{background-position:0 -120%}to{background-position:0 120%}}@keyframes pulse-text{0%,to{opacity:.65}50%{opacity:1}}.split-line{animation:3.2s ease-in-out infinite split-glow}@keyframes split-glow{0%,to{box-shadow:0 0 14px color-mix(in srgb, var(--accent) 30%, transparent)}50%{box-shadow:0 0 24px color-mix(in srgb, var(--accent) 48%, transparent)}}.generate-button:hover:not(:disabled){box-shadow:0 16px 36px var(--accent-glow,#f3e8d929);transform:translateY(-1px)}.service-tile{transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) ease, box-shadow var(--duration-slow) ease}.service-tile:hover{transform:translateY(-2px)}@keyframes card-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chip-grid button.active,.template-grid button.active,.option-row button.active,.theme-grid button.active{animation:chip-pop var(--duration-base) var(--ease-spring)}@keyframes chip-pop{0%{transform:scale(.94)}to{transform:scale(1)}}.card-pop-enter-active{transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-spring)}.card-pop-leave-active{transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease}.card-pop-enter-from{opacity:0;transform:translateY(18px)scale(.96)}.card-pop-leave-to{opacity:0;transform:scale(.95)}.card-pop-move{transition:transform var(--duration-slow) var(--ease-out)}.result-grid figure:hover,.history-grid figure:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000047}.result-grid figure,.history-grid figure{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease}.result-section figcaption,.history-grid figcaption{transition:opacity var(--duration-base) ease, transform var(--duration-base) var(--ease-out)}.result-grid figure:hover figcaption,.history-grid figure:hover figcaption{transform:translateY(-2px)}.lightbox-fade-enter-active,.lightbox-fade-leave-active{transition:opacity var(--duration-base) ease}.lightbox-fade-enter-active img,.lightbox-fade-leave-active img{transition:transform var(--duration-slow) var(--ease-out), opacity var(--duration-base) ease}.lightbox-fade-enter-from,.lightbox-fade-leave-to{opacity:0}.lightbox-fade-enter-from img,.lightbox-fade-leave-to img{opacity:0;transform:scale(.94)}.lightbox-close{transition:transform var(--duration-fast) var(--ease-spring), background-color var(--duration-base) ease}.lightbox-close:hover{transform:rotate(90deg)scale(1.05)}.settings-card{animation:card-rise var(--duration-slow) var(--ease-out) both}.settings-card:first-child{animation-delay:0s}.settings-card:nth-child(2){animation-delay:80ms}.settings-card:nth-child(3){animation-delay:.16s}input[type=range]::-webkit-slider-thumb{transition:transform var(--duration-fast) var(--ease-spring)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}textarea:focus{transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, transform var(--duration-fast) ease;transform:translateY(-1px)}:root{--studio-radius:var(--radius-lg,16px);--studio-radius-sm:var(--radius-md,12px);--studio-shadow:var(--shadow-soft)}.panel-view{animation:studio-panel-in .48s var(--ease-out,cubic-bezier(.16, 1, .3, 1))}@keyframes studio-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.page-title{letter-spacing:-.025em;margin:0;font-family:Syne,DM Sans,sans-serif;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:600;line-height:1.08}.page-lead{max-width:52ch;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.55}.page-meta{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated,var(--bg-deep));color:var(--muted);flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:600}.topbar{border-bottom-color:var(--line);box-shadow:none}.sidebar{border-right-color:var(--line)}.studio-profile-card{border-color:var(--line);background:var(--bg-elevated,var(--bg-deep))}.studio-profile-card .avatar-dot{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent)}.upgrade{border-color:var(--line);background:var(--bg-elevated,var(--bg-deep));color:var(--text);font-weight:600}.upgrade:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--bg-elevated));color:var(--accent)}.preview-toolbar span,.controls .section-heading p{color:var(--muted);letter-spacing:.04em;text-transform:none;font-size:12px;font-weight:600}.controls .section-heading button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated,transparent);padding:6px 10px;font-size:12px}.template-card.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.settings-card h3,.profile-card-header h3{letter-spacing:-.015em;font-family:Syne,DM Sans,sans-serif;font-weight:600}@media (width<=1080px){.page-head{flex-direction:column;align-items:flex-start}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--bg-deep:#050506;--bg-elevated:#121216;--panel:#121216;--panel-strong:#1a1a20;--line:#ffffff12;--line-strong:#ffffff24;--muted:#8b8794;--text:#f3f0f6;--accent:#ff4d72;--accent-hi:#ff6b89;--accent-lo:#e8365c;--accent-ink:#fff;--accent-dim:#ff4d721c;--accent-glow:#ff4d7242;--primary:var(--accent);--primary-hi:var(--accent-hi);--primary-lo:var(--accent-lo);--primary-ink:var(--accent-ink);--secondary:#6f6b78;--champagne:var(--accent);--accent-grad:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));--focus-ring:#ff4d727a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-soft:0 10px 30px #00000052;--shadow-pop:0 18px 48px #00000070;--topbar-height:52px;--sidebar-width:228px;--page-gutter:24px;--content-max:1320px;--gap:14px;--gap-sm:10px;--mobile-bar-height:0px;--surface:var(--panel)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceaf0;--bg-deep:#e2dfe8;--bg-elevated:#fff;--panel:#fff;--panel-strong:#f6f4fa;--line:#100a1c17;--line-strong:#100a1c29;--muted:#5c5568;--text:#141018;--accent:#e8365c;--accent-hi:#ff4d72;--accent-lo:#c92d50;--accent-ink:#fff;--accent-dim:#e8365c1a;--accent-glow:#e8365c33;--primary:var(--accent);--primary-hi:var(--accent-hi);--primary-lo:var(--accent-lo);--primary-ink:var(--accent-ink);--secondary:#6a6278;--champagne:var(--accent);--accent-grad:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));--focus-ring:#e8365c6b;--shadow-soft:0 10px 30px #140c2314;--shadow-pop:0 18px 48px #140c231f;--surface:var(--panel)}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070c12;--bg-deep:#04080d;--bg-elevated:#0e1520;--panel:#0e1520;--panel-strong:#131c2a;--line:#8cbeeb1f;--line-strong:#8cbeeb38;--muted:#8fa8be;--text:#e6f0f8;--accent:#5eead4;--accent-hi:#7ef0de;--accent-lo:#3dd4bd;--accent-ink:#042018;--accent-dim:#5eead41a;--accent-glow:#5eead438;--primary:var(--accent);--primary-hi:var(--accent-hi);--primary-lo:var(--accent-lo);--primary-ink:var(--accent-ink);--secondary:#6ea8ff;--champagne:var(--accent);--accent-grad:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));--focus-ring:#5eead46b;--shadow-soft:0 10px 30px #02050a6b;--shadow-pop:0 18px 48px #0204098c;--surface:var(--panel)}[data-theme=light] .topbar,[data-theme=light] .sidebar,[data-theme=light] .mobile-action-bar{background:#ffffffdb}[data-theme=light] .glass{background:#ffffffb8}[data-theme=light] .notifications-panel{background:linear-gradient(#fffffff7,#f8f6fcfa);border-color:#0000001a;box-shadow:0 24px 60px #00000024}[data-theme=midnight] .topbar,[data-theme=midnight] .sidebar,[data-theme=midnight] .mobile-action-bar{background:#060b12e6}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:DM Sans,system-ui,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;overflow-x:clip}.desktop-only{display:inline-flex}.mobile-action-bar{display:none}.topbar{z-index:20;min-height:var(--topbar-height);padding:0 var(--page-gutter);background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto 1fr auto;align-items:center;gap:16px 24px;display:grid;position:fixed;inset:0 0 auto}.brand,.nav-tabs button,.side-nav button,.service-tile{color:inherit;background:0 0;border:0}.brand{align-items:center;padding:0;display:inline-flex}.brand-logo{object-fit:contain;width:auto;height:34px;display:block}.nav-tabs{border:1px solid var(--line);scrollbar-width:none;background:#ffffff06;border-radius:999px;justify-self:center;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs button{min-width:104px;color:var(--muted);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .18s}.nav-tabs button.active{color:var(--primary-ink);background:var(--accent-grad)}.top-actions,.preview-toolbar,.preview-toolbar div,.section-heading,.slider-row div,.advisory,.result-section figcaption,.studio-profile{align-items:center;display:flex}.top-actions{gap:12px}.notifications-anchor,.notification-trigger{position:relative}.notification-badge{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);text-align:center;box-shadow:0 0 0 2px var(--bg);border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:4px;right:4px}.notifications-panel{-webkit-backdrop-filter:blur(28px)saturate(1.15);backdrop-filter:blur(28px)saturate(1.15);z-index:40;background:linear-gradient(#18181ef0,#0e0e12f5);border:1px solid #ffffff24;border-radius:20px;width:min(360px,100vw - 24px);padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #0000008c}.notifications-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.notifications-head strong{letter-spacing:.02em;font-family:Syne,DM Sans,sans-serif;font-size:15px}.notifications-list{gap:8px;max-height:320px;padding-right:2px;display:grid;overflow:auto}.notification-item{border:1px solid var(--line);text-align:left;width:100%;color:inherit;background:#ffffff08;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px 12px;transition:border-color .16s,transform .16s,background .16s;display:grid}.notification-item:hover{background:#ffffff0d;border-color:#f3e8d947;transform:translateY(-1px)}.notification-icon{width:30px;height:30px;color:var(--secondary);background:#ffffff0f;border-radius:10px;place-items:center;display:inline-grid}.notification-icon[data-tone=billing]{color:#f2dcc2;background:#f2dcc21f}.notification-icon[data-tone=studio]{color:#b8d9ff;background:#9cc7d124}.notification-copy{gap:2px;min-width:0;display:grid}.notification-copy strong{font-size:13px;font-weight:600}.notification-copy span,.notification-copy em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.45}.notifications-empty{text-align:center;color:var(--muted);margin:0;padding:18px 8px;font-size:13px}.notifications-sync{justify-content:center;gap:8px;width:100%;margin-top:12px}.text-button.compact{border-radius:10px;justify-content:center;width:30px;height:30px;padding:0}.notify-pop-enter-active,.notify-pop-leave-active{transition:opacity .18s,transform .18s}.notify-pop-enter-from,.notify-pop-leave-to{opacity:0;transform:translateY(-6px)scale(.98)}.icon-button,.primary-pill,.generate-button,.upgrade{border:1px solid var(--line);color:var(--text);background:#ffffff0f}.icon-button{border-radius:50%;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button.small{width:32px;height:32px}.primary-pill,.generate-button{background:var(--accent-grad);color:var(--primary-ink);box-shadow:0 14px 36px var(--accent-glow);border-color:#0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;display:inline-flex}.sidebar{top:var(--topbar-height);z-index:30;width:var(--sidebar-width);background:color-mix(in srgb, var(--bg) 94%, transparent);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px 14px;position:fixed;bottom:0;left:0}.studio-profile{gap:11px;margin-bottom:18px}.studio-profile-card{border:1px solid var(--line);text-align:left;background:linear-gradient(#ffffff0b,#ffffff06);border-radius:14px;width:100%;padding:11px}.studio-profile-card:hover{border-color:#f3e8d938}.avatar-dot{border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.avatar-dot img{object-fit:cover;width:100%;height:100%}.avatar-dot.initials{background:linear-gradient(145deg,#f2dcc238,#9cc7d129);place-items:center;display:grid}.avatar-dot.initials span{letter-spacing:.04em;color:var(--primary);font-family:Syne,DM Sans,sans-serif;font-size:15px;font-weight:700}.avatar-dot.large.initials span{font-size:22px}.studio-profile span,.studio-profile strong{display:block}.studio-profile span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.studio-profile strong{color:var(--primary);margin-top:3px;font-size:13px}.avatar-dot.large{width:62px;height:62px}.side-nav{gap:3px;display:grid}.side-nav button{border-radius:var(--radius-sm,11px);color:var(--muted);letter-spacing:.04em;text-align:left;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.side-nav button svg{color:var(--muted);transition:color var(--duration-base,.32s) ease}.side-nav button:hover{color:var(--text);background:#ffffff0a}.side-nav button.active,.side-nav button.active svg{color:var(--primary)}.side-nav button.active{background:linear-gradient(90deg,#f3e8d91a,#0000)}.upgrade{color:var(--secondary);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:16px;left:14px;right:14px}.workspace{padding:calc(var(--topbar-height) + 12px) var(--page-gutter) calc(40px + var(--mobile-bar-height) + env(safe-area-inset-bottom,0px)) calc(var(--sidebar-width) + var(--page-gutter));max-width:calc(var(--content-max) + var(--sidebar-width) + var(--page-gutter) * 2);margin:0 auto}.hero-band{max-width:var(--content-max);justify-content:space-between;align-items:end;gap:24px;margin:0 auto 18px;display:flex}.eyebrow{color:var(--secondary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}h1{letter-spacing:-.03em;margin:0;font-family:Syne,DM Sans,sans-serif;font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.04}.hero-band p:last-child{max-width:680px;color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.6}.profile-badges span{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff08;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero-aside{border-radius:24px;width:min(320px,100%);padding:20px}.hero-aside span,.profile-note{color:var(--muted);font-size:13px;line-height:1.6}.hero-aside strong{margin:10px 0 8px;font-size:22px;font-weight:600;display:block}.hero-aside p{margin:0}.generation-error{max-width:var(--content-max);color:#ffd8d8;background:#78181838;border:1px solid #ff787859;border-radius:18px;margin:0 auto 20px;padding:16px 20px;font-size:14px;line-height:1.6}.generation-error a{color:#fff;margin-top:8px;font-weight:700;display:inline-block}.glass{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.studio-grid{gap:var(--gap);max-width:var(--content-max);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:stretch;margin:0 auto;display:grid}.studio-grid>*{min-width:0}.preview-panel{border-radius:var(--radius-lg);flex-direction:column;height:100%;min-height:0;padding:14px;display:flex}.preview-panel .visual-stage{flex:none;height:auto;min-height:0}.preview-panel .visual-stage:not(.time-machine){height:clamp(220px,28vw,380px);min-height:clamp(220px,28vw,380px)}.template-section--stage{border-top:1px solid var(--line);flex-direction:column;flex:auto;min-height:0;margin-top:12px;padding-top:14px;display:flex}.template-section--stage .template-heading{margin-bottom:10px}.template-section--stage .template-body{flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.preview-panel .template-section--stage .template-card-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.preview-panel .template-section--stage .template-card-name{font-size:12px}.preview-panel .template-section--stage .template-card-hint{font-size:10px}.preview-toolbar{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:700}.preview-toolbar div{gap:8px}.visual-stage{background:var(--bg-deep);border:1px solid #ffffff17;border-radius:18px;width:100%;position:relative;overflow:hidden}.visual-stage>img.full-image,.visual-stage>img.main-avatar,.visual-stage>img.stylist-preview{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.visual-stage.beauty .stylist-preview{object-position:center 28%}.split-image{object-fit:cover;width:50%;height:100%;position:absolute;inset:0 auto 0 0}.split-image.after{object-position:center;inset:0 0 0 auto}.split-line,.face-guide{background:#ffffff6b;width:1px;position:absolute;inset:0 auto 0 50%;box-shadow:0 0 20px #f3e8d947}.image-chip{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.12em;text-transform:uppercase;background:#0006;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700;position:absolute;bottom:18px}.image-chip.left{left:18px}.image-chip.right{right:18px}.avatar-stack{display:flex;position:absolute;bottom:22px;right:22px}.avatar-stack img{border:2px solid var(--bg);object-fit:cover;border-radius:18px;width:78px;height:78px;margin-left:-18px}.face-guide{left:34%}.control-stack{gap:var(--gap-sm);display:grid}.upload-zone{border-radius:var(--radius-lg);min-height:132px;color:var(--muted);text-align:center;border-style:dashed;align-content:center;place-items:center;gap:8px;display:grid;position:relative;overflow:hidden}.upload-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone strong{color:var(--text);font-size:16px}.upload-zone.filled{min-height:168px}.upload-zone.filled img{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.upload-zone.filled span{z-index:1;border:1px solid var(--line);background:#0000006b;border-radius:999px;padding:10px 14px}.controls{border-radius:var(--radius-lg);padding:16px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading p{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.section-heading button,.section-heading span{color:var(--muted);background:0 0;border:0;font-size:13px}.chip-grid{flex-wrap:wrap;gap:10px;display:flex}.style-chips{margin-bottom:4px}.chip-grid button{border:1px solid var(--line);color:var(--muted);background:#ffffff0d;border-radius:999px;padding:11px 14px}.chip-grid button:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff14}.chip-grid button.active{color:var(--primary-ink);background:var(--accent-grad);border-color:#0000}.mode-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.mode-toggle input{width:16px;height:16px;accent-color:var(--primary)}.template-section{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.template-section summary{cursor:pointer;list-style:none}.template-section summary::-webkit-details-marker{display:none}.template-heading{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:11px;font-weight:700;display:flex}.template-chevron{transition:transform .2s}.template-section[open] .template-chevron{transform:rotate(180deg)}.template-body{padding-top:2px}.template-service-hint{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.5}.template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.template-card{border:1px solid var(--line);min-width:0;min-height:0;color:var(--text);text-align:left;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;overflow:hidden}.template-card.active,.template-card:hover{color:var(--primary-ink);background:var(--champagne);border-color:#0000}.template-card-thumb{aspect-ratio:1;object-fit:cover;background:#0003;width:100%;display:block}.template-card-body{flex-direction:column;gap:1px;padding:6px 7px 7px;display:flex}.template-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.25;overflow:hidden}.template-card-hint{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.3;overflow:hidden}.template-card.active .template-card-hint{color:#251d42b8}.template-categories{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.template-categories button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.template-categories button.active,.template-categories button:hover{color:var(--primary-ink);background:var(--secondary)}.template-grid{flex-wrap:wrap;gap:8px;display:flex}.template-grid button{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:12px;padding:9px 12px;font-size:13px}.template-grid button.active,.template-grid button:hover{color:var(--primary-ink);background:var(--champagne);border-color:#0000}.preview-actions{flex-wrap:wrap;gap:8px 14px;margin-bottom:12px;display:flex}.text-button{color:var(--secondary);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover{color:var(--primary)}.upload-clear{z-index:2;border:1px solid var(--line);width:32px;height:32px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.icon-button.active{color:var(--primary-ink);background:var(--primary)}.visual-stage.single-view .split-line,.visual-stage.single-view .image-chip{display:none}.lightbox{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-media{justify-content:center;align-items:center;width:min(94vw,1200px);height:min(88vh,88dvh);display:flex}.lightbox-media img{object-fit:contain;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 24px 80px #00000080}.lightbox-close{border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#ffffff14;border-radius:999px;place-items:center;display:grid;position:absolute;top:20px;right:20px}.lightbox-actions{gap:16px;display:flex;position:absolute;bottom:28px}.lightbox-actions .text-button{border:1px solid var(--line);background:#ffffff14;border-radius:999px;padding:10px 16px}.prompt-box{gap:8px;margin:16px 0;display:grid}.prompt-box span,.slider-row span{color:var(--muted);font-size:13px}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--text);background:#00000038;border-radius:16px;outline:none;padding:14px}textarea:focus{border-color:var(--focus-ring);box-shadow:0 0 0 4px #f3e8d914}.slider-row{gap:7px;margin:12px 0;display:grid}.slider-row div{justify-content:space-between}input[type=range]{width:100%;accent-color:var(--primary)}.generate-button{border-radius:var(--radius-md);width:100%;margin-top:14px;padding:14px;font-weight:700}.generate-button:disabled{opacity:.42;cursor:not-allowed;color:#f5f5f773;box-shadow:none;filter:grayscale(.35);background:#ffffff12}.generate-button.ready:not(:disabled){background:var(--accent-grad);color:var(--primary-ink);box-shadow:0 14px 36px var(--accent-glow)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-section{max-width:var(--content-max);border-radius:var(--radius-lg);margin:0 auto;padding:18px}.result-grid{grid-template-columns:1.15fr repeat(3,1fr);gap:12px;display:grid}.result-grid.gallery-recent{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.result-grid.gallery-recent figure,.result-grid.gallery-recent figure:first-child{grid-row:auto;min-height:220px}.result-grid figure{border:1px solid var(--line);background:var(--bg-deep);border-radius:18px;min-height:230px;margin:0;position:relative;overflow:hidden}.result-grid figure:first-child{grid-row:span 2;min-height:476px}.result-grid img{object-fit:cover;width:100%;height:100%;display:block}.result-section figcaption{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000007a;border-radius:14px;justify-content:space-between;gap:12px;padding:8px 9px 8px 12px;position:absolute;bottom:12px;left:12px;right:12px}.result-section figcaption span{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.result-section figcaption div{gap:6px;display:flex}.advisory{flex-wrap:wrap;gap:10px;margin-top:18px}.advisory span{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:16px;margin:8px 0 0;padding:28px 20px;font-size:14px;line-height:1.6}.history-section{max-width:var(--content-max);border-radius:var(--radius-lg);margin:0 auto;padding:18px}.history-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.history-grid figure{border:1px solid var(--line);background:var(--bg-deep);border-radius:18px;min-height:220px;margin:0;position:relative;overflow:hidden}.history-grid img{object-fit:cover;width:100%;height:100%;min-height:220px;display:block}.history-grid figcaption{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000008c;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.history-meta{gap:2px;min-width:0;display:grid}.history-meta strong{color:var(--primary);font-size:12px}.history-meta span,.history-meta time{color:var(--muted);font-size:11px}.mobile-nav{display:none}.settings-section{max-width:var(--content-max);border-radius:var(--radius-lg);margin:0 auto;padding:18px}.auth-gate{max-width:min(1120px, calc(100vw - var(--sidebar-width) - var(--page-gutter) * 2));margin:0 auto;padding:8px 0 32px}.auth-gate-layout{background:radial-gradient(circle at 18% 12%,#9cc7d124,#0000 34%),radial-gradient(circle at 82% 88%,#f2dcc21f,#0000 30%),#0c0c10d1;border:1px solid #ffffff1a;border-radius:28px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:clamp(520px,72vh,680px);display:grid;overflow:hidden;box-shadow:0 30px 90px #00000057,inset 0 1px #ffffff0f}.auth-gate-hero{align-content:end;padding:34px 34px 38px;display:grid;position:relative;overflow:hidden}.auth-gate-hero:before{content:"";pointer-events:none;background:linear-gradient(#08080c14 0%,#08080cb8 72%,#08080ceb 100%);position:absolute;inset:0}.auth-gate-collage{pointer-events:none;position:absolute;inset:0}.auth-gate-collage img{aspect-ratio:3/4;object-fit:cover;opacity:.92;width:clamp(118px,24%,168px);animation:7s ease-in-out infinite auth-card-float;animation-delay:calc(var(--card-index) * -1.4s);border:1px solid #ffffff24;border-radius:18px;display:block;position:absolute;box-shadow:0 22px 50px #0000006b}.auth-gate-collage img:first-child{--card-rotate:-10deg;top:10%;left:8%;transform:rotate(-10deg)}.auth-gate-collage img:nth-child(2){--card-rotate:8deg;top:6%;right:12%;transform:rotate(8deg)}.auth-gate-collage img:nth-child(3){--card-rotate:-4deg;width:clamp(132px,28%,188px);top:38%;left:24%;transform:rotate(-4deg)}.auth-gate-collage img:nth-child(4){--card-rotate:12deg;top:34%;right:8%;transform:rotate(12deg)}.auth-gate-hero-copy{z-index:1;max-width:34rem;position:relative}.auth-gate-eyebrow{color:var(--secondary);letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.auth-gate-hero h2{letter-spacing:-.03em;margin:0;font-family:Syne,DM Sans,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.05}.auth-gate-lead{max-width:32ch;color:var(--muted);margin:16px 0 0;font-size:15px;line-height:1.65}.auth-gate-perks{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.auth-gate-perks li{color:var(--text);letter-spacing:.04em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.auth-gate-perks svg{color:var(--champagne);flex-shrink:0}.auth-gate-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0d,#ffffff05),#ffffff05;border-left:1px solid #ffffff14;align-content:center;gap:18px;padding:34px 30px;display:grid}.auth-gate-tabs{border:1px solid var(--line);background:#0000002e;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}.auth-gate-tabs button{min-height:44px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:700;transition:all .18s}.auth-gate-tabs button.active{color:var(--primary-ink);background:var(--accent-grad);box-shadow:0 12px 30px #f3e8d92e}.auth-gate-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.auth-gate-form{gap:12px;display:grid}.auth-field{border:1px solid var(--line);background:#0003;border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:0;min-height:52px;transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.auth-field:focus-within{border-color:#f3e8d994;box-shadow:0 0 0 4px #f3e8d914}.auth-field svg{color:var(--muted);justify-self:center}.auth-field input{width:100%;min-height:52px;color:var(--text);background:0 0;border:0;padding:0 16px 0 0}.auth-field input:focus{outline:none}.auth-field input::placeholder{color:#b8b2bfb8}.auth-gate-submit{width:100%;min-height:52px;margin-top:4px}.auth-gate-switch{color:var(--muted);justify-self:center}@keyframes auth-card-float{0%,to{transform:translateY(0) rotate(var(--card-rotate,0deg))}50%{transform:translateY(-10px) rotate(var(--card-rotate,0deg))}}.profile-section{max-width:var(--content-max);border-radius:var(--radius-lg);margin:0 auto;padding:18px}.profile-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.profile-compact{max-width:760px;margin:0 auto;padding:22px 24px 24px}.profile-head-compact{align-items:flex-start}.profile-head-compact .page-title{letter-spacing:-.02em;font-family:Syne,DM Sans,sans-serif;font-size:clamp(1.6rem,3vw,2rem)}.wallet-chip{color:var(--primary);white-space:nowrap;background:linear-gradient(135deg,#f2dcc224,#ffffff0a);border:1px solid #f2dcc238;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.wallet-chip em{color:var(--muted);font-size:12px;font-style:normal;font-weight:500}.billing-section{margin-bottom:18px}.billing-page{border-radius:var(--radius-lg);padding:18px}.billing-page-head{align-items:flex-start;margin-bottom:20px}.billing-guest-callout{border:1px solid var(--line);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.billing-guest-callout p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.wallet-chip-link{cursor:pointer;transition:transform .18s,box-shadow .18s}.wallet-chip-link:hover{transform:translateY(-1px);box-shadow:0 10px 24px #f2dcc21f}.billing-section-head{margin-bottom:16px}.billing-section-head h3{margin:0 0 6px;font-size:15px;font-weight:700}.billing-section-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.billing-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.billing-sync{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.profile-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;display:grid}.profile-identity-card{flex-direction:column;justify-content:space-between;gap:16px;min-height:100%;display:flex}.profile-edit-card .profile-card-header.compact{margin-bottom:10px}.profile-form.inline-form{gap:12px}.generate-button.profile-submit.slim,.profile-submit.slim{min-height:44px;padding-top:10px;padding-bottom:10px}.security-settings-card .profile-form{max-width:420px}.page-title,.page-head h2,.settings-card h3,.profile-card-header h3{font-family:Syne,DM Sans,sans-serif}.profile-card{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#ffffff05),#ffffff05;border-radius:20px;padding:20px}.profile-summary-card{flex-direction:column;gap:18px;display:flex}.profile-summary-head{align-items:center;gap:14px;display:flex}.profile-summary-head strong,.profile-card-header h3{margin:0 0 6px;font-size:18px;display:block}.profile-summary-head span,.profile-card-header p{color:var(--muted);font-size:13px;line-height:1.55}.profile-card-header{margin-bottom:16px}.profile-card-header p{margin:0}.profile-badges{flex-wrap:wrap;gap:8px;display:flex}.profile-form{gap:14px;display:grid}.profile-field{gap:8px;display:grid}.profile-field span{color:var(--muted);font-size:13px}.profile-field input,.profile-field select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#00000029;border-radius:14px;padding:12px 14px}.profile-field input:disabled{opacity:.8;cursor:not-allowed}.profile-field input:focus,.profile-field select:focus,.profile-google:focus-visible,.studio-profile-card:focus-visible{border-color:#f3e8d994;outline:none;box-shadow:0 0 0 4px #f3e8d914}.profile-message{border-radius:14px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}.profile-message.error{color:#ffd8d8;background:#78181829;border:1px solid #ff787840}.profile-message.success{color:#d3ffe7;background:#185b3f29;border:1px solid #99d5bb38}.profile-submit{margin-top:4px}.profile-google{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#ffffff0a;border-radius:14px;margin-top:14px}.billing-card{grid-column:1/-1}.billing-banner{margin-bottom:16px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.plan-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff08;flex-direction:column;gap:14px;min-height:100%;padding:18px 16px;display:flex;position:relative}.plan-card.featured{box-shadow:0 0 0 1px #f3e8d91a, var(--shadow-soft);border-color:#f3e8d952}.plan-badge{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.plan-card-top h4{letter-spacing:-.02em;margin:0 0 12px;font-family:Syne,DM Sans,sans-serif;font-size:22px}.plan-price{align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.plan-price strong{letter-spacing:-.03em;font-size:28px}.plan-price span,.plan-tagline{color:var(--muted);font-size:13px;line-height:1.55}.plan-tagline{margin:0}.plan-features{flex:1;gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan-features li{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.plan-features li svg{color:var(--primary);flex-shrink:0;margin-top:2px}.plan-cta{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;font-weight:600;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.plan-cta:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.plan-cta.featured{color:var(--primary-ink);background:var(--accent-grad);box-shadow:0 12px 28px var(--accent-glow);border-color:#0000}.plan-cta.featured:hover:not(:disabled){background:var(--champagne)}.subscription-history{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.subscription-history h4{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px}.subscription-history ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.subscription-history li{border:1px solid var(--line);background:#ffffff08;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.subscription-history strong{color:var(--primary);font-size:13px}.subscription-history span{color:var(--muted);font-size:12px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff08;padding:18px}.settings-card.wide{grid-column:1/-1}.settings-card h3{margin:0 0 6px;font-size:15px}.settings-card p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.option-row,.theme-grid{flex-wrap:wrap;gap:10px;display:flex}.option-row button,.theme-grid button{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:600}.option-row button:hover,.theme-grid button:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff0f}.option-row button.active,.theme-grid button.active{color:var(--primary-ink);background:var(--accent-grad);border-color:#0000}.theme-swatch{align-items:center;gap:10px;display:inline-flex}.theme-swatch span:first-child{border:1px solid var(--line);border-radius:50%;width:18px;height:18px}.theme-swatch[data-preview=dark] span:first-child{background:linear-gradient(135deg, #09090b, var(--accent))}.theme-swatch[data-preview=light] span:first-child{background:linear-gradient(135deg, #eceaf0, var(--accent))}.theme-swatch[data-preview=midnight] span:first-child{background:linear-gradient(135deg, #070c12, var(--accent))}@media (width<=1280px){:root{--page-gutter:28px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid figure:first-child{grid-row:auto;min-height:320px}}@media (width<=1080px){:root{--sidebar-width:0px}.sidebar{display:none}.studio-grid,.service-bento,.profile-grid,.profile-split,.plan-grid{grid-template-columns:1fr}.auth-gate{max-width:100%;padding-bottom:24px}.auth-gate-layout{grid-template-columns:1fr;min-height:auto}.auth-gate-hero{min-height:320px;padding:28px 22px}.auth-gate-card{border-top:1px solid #ffffff14;border-left:0;padding:24px 20px 28px}.auth-gate-collage img{width:clamp(96px,28vw,132px)}.preview-panel{height:auto}.preview-panel .visual-stage:not(.time-machine){flex:none;height:clamp(220px,56vw,320px);min-height:clamp(220px,56vw,320px)}.preview-panel .template-section--stage .template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-section summary{align-items:center;min-height:44px}.template-categories{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.template-categories::-webkit-scrollbar{display:none}.template-categories button{flex:none}.template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}@media (width<=900px){.topbar:not(.topbar-no-nav){--topbar-height:118px;grid-template-columns:1fr auto;grid-template-areas:"brand actions""nav nav";align-items:center;padding-top:12px;padding-bottom:12px}.topbar:not(.topbar-no-nav) .brand{grid-area:brand}.topbar:not(.topbar-no-nav) .top-actions{grid-area:actions;justify-self:end}.topbar:not(.topbar-no-nav) .nav-tabs{grid-area:nav;justify-self:stretch;width:100%}.nav-tabs button{flex:none;min-width:max-content}.section-heading{flex-wrap:wrap}.section-heading span{width:100%}.image-chip{padding:7px 10px;font-size:10px}.avatar-stack img{width:64px;height:64px}}@media (width<=760px){:root{--page-gutter:16px;--mobile-bar-height:140px}.topbar:not(.topbar-no-nav){--topbar-height:124px}.topbar-no-nav{--topbar-height:52px}.desktop-only{display:none!important}.mobile-action-bar{z-index:30;padding:10px var(--page-gutter) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0e10f0;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.billing-guest-callout{flex-direction:column;align-items:stretch}.billing-guest-callout .generate-button{width:100%}.mobile-nav button{border:1px solid var(--line);min-height:50px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff08;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:10px;font-weight:700;display:flex}.mobile-nav button.active{color:var(--primary-ink);background:var(--primary);border-color:#0000}.mobile-action-bar .generate-button{min-height:52px;margin-top:0}.history-section,.settings-section,.billing-page,.profile-section{border-radius:20px;padding:16px}.plan-grid,.settings-grid{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-grid figure,.history-grid img{min-height:160px}.history-grid figcaption{flex-direction:column;align-items:stretch}.history-meta time{display:none}.result-grid.gallery-recent{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-grid.gallery-recent figure{min-height:180px}.brand-logo{height:36px}.icon-button{width:44px;height:44px}.hero-band{flex-direction:column;align-items:flex-start;margin-bottom:20px}.hero-aside{width:100%}.hero-band p:last-child{font-size:15px;line-height:1.6}h1{font-size:clamp(32px,9vw,48px)}.eyebrow{letter-spacing:.18em;font-size:11px}.preview-panel,.controls,.result-section{border-radius:20px;padding:16px}.preview-panel{padding:14px}.visual-stage.time-machine .image-chip.right{max-width:calc(50% - 16px);left:auto;right:10px}.visual-stage.time-machine .image-chip.left{max-width:calc(50% - 16px);left:10px}.upload-zone{min-height:160px}.upload-zone strong{font-size:18px}.chip-grid button{min-height:44px;padding:12px 14px}.style-chips{margin-bottom:0}.template-section{margin-top:18px;padding-top:16px}.template-grid button{min-height:44px}.service-bento{gap:10px;margin-top:14px}.result-grid{grid-template-columns:1fr;gap:12px}.result-grid figure,.result-grid figure:first-child{min-height:280px}.result-section figcaption{flex-wrap:wrap}.advisory span{width:100%}}@media (width<=480px){.topbar:not(.topbar-no-nav){--topbar-height:118px}.nav-tabs button{padding:10px 14px;font-size:13px}.visual-stage{height:clamp(260px,72vw,380px)}.split-line{display:none}.visual-stage.time-machine{grid-template-columns:1fr 1fr;display:grid}.visual-stage.time-machine .split-image,.visual-stage.time-machine .split-image.after{width:100%;height:100%;position:relative;inset:auto}.avatar-stack{bottom:12px;right:12px}.avatar-stack img{border-radius:14px;width:52px;height:52px;margin-left:-14px}.generation-error{padding:14px 16px;font-size:13px}}@media (width>=761px){.template-section summary{pointer-events:none;cursor:default}.template-chevron{display:none}}@media (width>=1400px){.workspace{padding-left:calc(var(--sidebar-width) + 56px);padding-right:56px}}.app-shell{isolation:isolate;position:relative}.app-shell:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 55% at 50% -10%,#000 20%,#0000 72%);mask-image:radial-gradient(90% 55% at 50% -10%,#000 20%,#0000 72%)}.app-shell:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 80% at 72% 0%, var(--accent-dim), transparent 68%);height:42vh;animation:18s ease-in-out infinite alternate ambient-drift;position:fixed;inset:-20% -10% auto}@keyframes ambient-drift{0%{transform:translate(-2%)scale(1)}to{transform:translate(3%,2%)scale(1.06)}}.topbar{z-index:40}.sidebar{z-index:30}.workspace{z-index:1}.mobile-action-bar{z-index:35}.topbar-no-nav{min-height:var(--topbar-height);grid-template-columns:auto 1fr auto;align-items:center;padding-top:0;padding-bottom:0}.topbar-no-nav .brand{z-index:2;grid-column:1;justify-self:start}.topbar-title{letter-spacing:.28em;text-indent:.28em;color:#f8f6fc;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 10px #ffffffb8, 0 0 22px #ffffff52, 0 0 40px color-mix(in srgb, var(--accent) 28%, transparent), 0 1px 3px #000000d9;grid-column:2;justify-self:center;margin:0;padding:0 8px;font-family:Syne,DM Sans,sans-serif;font-size:clamp(14px,2.2vw,17px);font-weight:700;animation:4.5s ease-in-out infinite alternate title-glow}@keyframes title-glow{0%{text-shadow:0 0 8px #ffffff9e, 0 0 18px #ffffff42, 0 0 32px color-mix(in srgb, var(--accent) 22%, transparent), 0 1px 3px #000000d9}to{text-shadow:0 0 14px #ffffffe0, 0 0 28px #ffffff6b, 0 0 48px color-mix(in srgb, var(--accent) 38%, transparent), 0 1px 3px #000000d9}}.topbar-no-nav .top-actions{z-index:2;grid-column:3;justify-self:end}@media (width<=900px){.topbar-no-nav{min-height:var(--topbar-height);grid-template-columns:auto 1fr auto;grid-template-areas:none;padding-top:0;padding-bottom:0}.topbar-title{letter-spacing:.22em;text-indent:.22em;font-size:13px}}@media (width<=480px){.topbar-title{letter-spacing:.18em;text-indent:.18em;font-size:12px}.brand-logo{height:30px}}@media (prefers-reduced-motion:reduce){.topbar-title{animation:none}}.nav-tabs{box-shadow:inset 0 -1px 0 var(--line);background:0 0;border:0;border-radius:0;gap:2px;padding:0}.nav-tabs button{min-width:0;color:var(--muted);letter-spacing:-.01em;border-radius:0;padding:10px 16px;font-size:13px;font-weight:600;position:relative}.nav-tabs button:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .28s var(--ease-out,cubic-bezier(.16, 1, .3, 1));border-radius:2px 2px 0 0;position:absolute;bottom:0;left:16px;right:16px;transform:scaleX(0)}.nav-tabs button:hover{color:var(--text);background:0 0}.nav-tabs button.active{color:var(--text);box-shadow:none;background:0 0}.nav-tabs button.active:after{transform:scaleX(1)}.hero-dynamic{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 3px 0 0 var(--accent);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 24px;margin:0 auto 12px;padding:16px 20px 18px;display:grid;position:relative;overflow:hidden}.hero-dynamic:before,.hero-dynamic:after{display:none}.hero-accent{background:linear-gradient(105deg, transparent 40%, var(--accent-dim) 100%);pointer-events:none;width:38%;height:100%;animation:9s ease-in-out infinite alternate hero-sheen;position:absolute;top:0;right:0}@keyframes hero-sheen{0%{opacity:.45;transform:translate(4%)}to{opacity:.85;transform:translate(-6%)}}.hero-main{z-index:1;min-width:0;position:relative}.hero-main h1{font-size:clamp(1.75rem,3.2vw,2.65rem);line-height:1.02}.hero-lead{max-width:54ch;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.55}.hero-rail{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:relative}.hero-chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elevated,var(--bg-deep));min-height:40px;color:var(--text);white-space:nowrap;animation:chip-rise .48s var(--ease-out,cubic-bezier(.16, 1, .3, 1)) both;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero-chip:nth-child(2){animation-delay:70ms}.hero-chip svg{color:var(--accent);flex-shrink:0}.hero-chip em{color:var(--muted);font-size:11px;font-style:normal;font-weight:500}@keyframes chip-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.service-bento{max-width:var(--content-max);grid-template-rows:repeat(2,minmax(88px,auto));grid-template-columns:1.35fr 1fr 1fr;gap:10px;margin:16px auto;display:grid}.service-tile{border:1px solid var(--line);border-radius:var(--radius-md);text-align:left;min-height:0;color:inherit;background:var(--surface);transition:border-color .22s ease, transform .22s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), box-shadow .22s ease;padding:14px;position:relative;overflow:hidden}.service-tile.featured{grid-row:span 2;min-height:196px;padding:18px}.service-tile:not(.featured){min-height:92px}.service-tile:before{content:"";background:var(--accent);width:0;transition:width .28s var(--ease-out,cubic-bezier(.16, 1, .3, 1));position:absolute;inset:0 auto 0 0}.service-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.service-tile.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:0 16px 40px #00000047}.service-tile.active:before{width:3px}.service-tile img{object-fit:cover;opacity:.38;width:100%;height:100%;transition:transform .42s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), opacity .28s ease;position:absolute;inset:0}.service-tile:hover img,.service-tile.active img{opacity:.58;transform:scale(1.04)}.service-tile:after{content:"";background:linear-gradient(#00000014 0%,#000000b8 72%,#000000f0 100%);position:absolute;inset:0}.service-tile span,.service-tile strong,.service-tile small{z-index:1;display:block;position:relative}.service-tile span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-top:0;font-size:10px;font-weight:700}.service-tile.featured span{margin-top:auto;padding-top:48px}.service-tile:not(.featured) span{display:none}.service-tile strong{letter-spacing:-.02em;margin:4px 0 0;font-family:Syne,DM Sans,sans-serif;font-size:17px;font-weight:600}.service-tile.featured strong{font-size:22px}.service-tile small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.service-tile:not(.featured) small{-webkit-line-clamp:1}.service-tile{animation:tile-rise .52s var(--ease-out,cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(var(--stagger,0) * 70ms);flex-direction:column;justify-content:flex-end;display:flex}@keyframes tile-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.glass,.preview-panel,.controls,.upload-zone,.result-section,.history-section,.settings-section,.profile-section,.billing-page{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.preview-panel:focus-within,.controls:focus-within{border-color:var(--line-strong)}.side-nav button{position:relative;overflow:hidden}.side-nav button:before{content:"";background:var(--accent);transform-origin:top;width:3px;transition:transform .26s var(--ease-out,cubic-bezier(.16, 1, .3, 1));border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:0;transform:scaleY(0)}.side-nav button.active:before{transform:scaleY(1)}.side-nav button.active{background:var(--bg-elevated,#ffffff0a);color:var(--text);box-shadow:none;border-color:#0000}.generate-button.ready:not(:disabled),.chip-grid button.active,.plan-cta.featured,.auth-gate-tabs button.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px var(--accent-glow)}.generate-button.ready:not(:disabled):hover{background:var(--accent-hi)}.chip-grid button.active{border-color:#0000}.page-head.compact-head{margin-bottom:14px}.page-head.compact-head .page-title{font-size:clamp(1.35rem,2.4vw,1.85rem)}.page-meta{border-radius:var(--radius-sm);letter-spacing:0;font-variant-numeric:tabular-nums}.preview-panel .visual-stage.time-machine{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;outline:none;flex:none;padding:2px}.preview-panel .visual-stage.time-machine.is-generating{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-deep);min-height:220px}.compare-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:420px;margin:0 auto;display:grid}.compare-tile{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-deep);margin:0;position:relative;overflow:hidden}.compare-tile--solo{width:min(100%,280px);margin:0 auto}.compare-tile img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.compare-tile figcaption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);letter-spacing:.04em;text-align:center;background:#0000009e;border-radius:6px;margin:0;padding:5px 8px;font-size:10px;font-weight:700;position:absolute;bottom:8px;left:8px;right:8px}.compare-tile--solo figcaption{color:var(--accent)}@media (width<=480px){.compare-duo{gap:8px;max-width:100%}.compare-tile--solo{width:min(100%,240px)}}.visual-stage:not(.time-machine){border-radius:var(--radius-md);outline:1px solid var(--line);outline-offset:-1px}.visual-stage:not(.time-machine).is-generating{outline-color:color-mix(in srgb, var(--accent) 40%, transparent);animation:1.8s ease-in-out infinite stage-pulse}@keyframes stage-pulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 42%, transparent)}}@media (width<=1080px){.hero-dynamic{grid-template-columns:1fr;align-items:stretch}.hero-rail{justify-content:flex-start}.service-bento{grid-template-rows:auto;grid-template-columns:1fr 1fr}.service-tile.featured{grid-area:auto/1/auto/-1;min-height:168px}.service-tile:not(.featured){min-height:120px}.service-tile:not(.featured) span{margin-top:24px;display:block}}@media (width<=640px){.service-bento{grid-template-columns:1fr}.nav-tabs button{padding:10px 12px;font-size:12px}}.preview-actions{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-deep) 88%, var(--panel));border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:12px;padding:4px;display:grid}.preview-action{min-height:68px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;transition:background .18s,color .18s,transform .18s,opacity .18s;display:flex;position:relative}.preview-action:disabled{opacity:.38;cursor:not-allowed}.preview-action:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:18%;bottom:18%;right:0}.preview-action-icon{width:34px;height:34px;color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:10px;place-items:center;transition:background .18s,color .18s,box-shadow .18s;display:grid}.preview-action-label{letter-spacing:.01em;text-align:center;max-width:100%;color:var(--muted);padding:0 4px;font-size:10px;font-weight:600;line-height:1.25;transition:color .18s}.preview-action:hover:not(:disabled){background:color-mix(in srgb, var(--text) 4%, transparent)}.preview-action:hover:not(:disabled) .preview-action-icon{background:color-mix(in srgb, var(--text) 10%, transparent)}.preview-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.preview-action:active:not(:disabled){transform:scale(.98)}.preview-action--primary .preview-action-icon{color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.preview-action--primary .preview-action-label{color:var(--accent)}.preview-action--primary:hover:not(:disabled) .preview-action-icon{background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 24%, transparent)}.preview-action--danger .preview-action-icon{color:#f87171;background:#f871711a}.preview-action--danger .preview-action-label{color:#f87171}.preview-action--danger:hover:not(:disabled) .preview-action-icon{background:#f8717129}@media (width<=520px){.preview-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px}.preview-action{min-height:62px}.preview-action:after{display:none}}@media (width>=761px){.preview-actions{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:8px;width:auto;padding:0;display:inline-flex}.preview-action{border:1px solid var(--line);background:var(--bg-elevated);border-radius:999px;flex-direction:row;flex:0 auto;gap:8px;min-height:0;padding:8px 14px 8px 10px}.preview-action:not(:last-child):after{display:none}.preview-action-icon{border-radius:8px;width:28px;height:28px}.preview-action-label{white-space:nowrap;padding:0;font-size:12px}.preview-action--primary{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--bg-elevated))}.preview-action--primary:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent) 14%, var(--bg-elevated))}.preview-action--danger{border-color:color-mix(in srgb, #f87171 28%, var(--line));background:color-mix(in srgb, #f87171 6%, var(--bg-elevated))}.preview-action--danger:hover:not(:disabled){border-color:color-mix(in srgb, #f87171 45%, var(--line));background:color-mix(in srgb, #f87171 12%, var(--bg-elevated))}}@media (prefers-reduced-motion:reduce){.app-shell:after,.hero-accent,.visual-stage.is-generating{animation:none}}