*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;display:flex;flex-direction:column}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:inherit}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-primary: #0F1222;--color-primary-light: #1A1E32;--color-primary-dark: #0A0D1A;--color-accent: #c4197f;--color-accent-light: #d93d98;--color-accent-dark: #a01466;--color-accent-subtle: rgba(196, 25, 127, .08);--color-brand-orange: #ea762a;--color-brand-orange-subtle: rgba(234, 118, 42, .08);--color-brand-indigo: #c4197f;--color-brand-violet: #82368c;--color-brand-magenta: #e11b5d;--color-brand-gold: #ffeea4;--color-gradient-brand: linear-gradient(100deg, #c4197f 0%, #e11b5d 60%, #ea762a 100%);--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-dark: #DC2626;--color-error-light: #FEE2E2;--color-info: #2F92F9;--color-info-light: rgba(47, 146, 249, .08);--color-neutral-50: #F7F8FC;--color-neutral-100: #F0F1F8;--color-neutral-200: #E7E9F3;--color-neutral-300: #C8CAD8;--color-neutral-400: #8B90A6;--color-neutral-500: #5B6075;--color-neutral-600: #464B5F;--color-neutral-700: #2E3348;--color-neutral-800: #1A1E32;--color-neutral-900: #0F1222;--color-surface: #FFFFFF;--color-surface-raised: #F7F8FC;--color-surface-overlay: rgba(15, 18, 34, .5);--color-surface-alt: #F3F4F8;--color-surface-muted: #FAFBFE;--color-surface-glass: rgba(255, 255, 255, .7);--font-family-heading: "Sora", "Space Grotesk", system-ui, sans-serif;--font-family-sans: "Inter", "Manrope", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-0: 0;--space-0\.5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--gradient-subtle: linear-gradient(135deg, var(--color-neutral-50) 0%, var(--color-surface) 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-card: linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-alt) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-card: .75rem;--radius-button: .5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 18, 34, .04);--shadow-sm: 0 1px 3px rgba(15, 18, 34, .06), 0 1px 2px rgba(15, 18, 34, .04);--shadow-md: 0 4px 6px rgba(15, 18, 34, .05), 0 2px 4px rgba(15, 18, 34, .04);--shadow-lg: 0 10px 15px rgba(15, 18, 34, .06), 0 4px 6px rgba(15, 18, 34, .03);--shadow-xl: 0 20px 25px rgba(15, 18, 34, .06), 0 8px 10px rgba(15, 18, 34, .03);--shadow-elevated: 0 4px 6px rgba(15, 18, 34, .04), 0 12px 24px rgba(15, 18, 34, .08), 0 24px 48px rgba(15, 18, 34, .06);--shadow-colored: 0 4px 14px rgba(196, 25, 127, .15);--shadow-inner: inset 0 2px 4px rgba(15, 18, 34, .04);--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-entrance: .6s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--easing-smooth: cubic-bezier(.22, 1, .36, 1);--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--card-padding: 1.5rem;--header-logo-height: 3.75rem;--header-height: 5rem}@font-face{font-family:Inter;src:url(/fonts/inter-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-900)}h1{font-size:var(--font-size-3xl);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);letter-spacing:-.01em}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}@media(min-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media(min-width:1024px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}}p{color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}p+p{margin-top:var(--space-4)}a{color:var(--color-accent);transition:color var(--duration-fast) var(--easing-default)}a:not(.btn):hover{color:var(--color-accent-dark)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}code,pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}code{background-color:var(--color-neutral-100);padding:var(--space-0\.5) var(--space-1);border-radius:var(--radius-sm);color:var(--color-accent-dark)}pre{background-color:var(--color-neutral-100);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto}pre code{background:none;padding:0}::selection{background-color:var(--color-accent);color:var(--color-surface)}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}hr{border:none;border-top:1px solid var(--color-neutral-200);margin-block:var(--space-8)}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-6)}}@media(min-width:1024px){.container{padding-inline:var(--space-8)}}.container--narrow{max-width:768px}.container--wide{max-width:1536px}.grid{display:grid;gap:var(--space-6)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media(min-width:640px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.header{position:sticky;top:0;height:var(--header-height);z-index:var(--z-sticky);background-color:var(--color-surface);border-bottom:1px solid var(--color-neutral-200);transition:box-shadow var(--duration-fast) var(--easing-default);flex-shrink:0}.header.is-scrolled{box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;justify-content:space-between;position:relative;height:100%;padding-inline:var(--space-6)}@media(min-width:768px){.header__inner{padding-inline:var(--space-8)}}.header__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);text-decoration:none}.header__logo:hover{color:var(--color-accent)}.header__logo svg{width:var(--space-8);height:var(--space-8)}.header__logo-img{width:160px;height:39px;max-width:100%;object-fit:contain}.nav{display:none;align-items:center;gap:var(--space-1);position:absolute;left:50%;transform:translate(-50%)}@media(min-width:1024px){.nav{display:flex}}.nav__link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.nav__link:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-100)}.nav__link.is-active{color:var(--color-accent)}.nav__dropdown{position:relative}.nav__dropdown-menu{position:absolute;top:100%;right:0;min-width:220px;padding:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(var(--space-2));transition:opacity var(--duration-fast) var(--easing-default),visibility var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.nav__dropdown.is-open .nav__dropdown-menu,.nav__dropdown:hover .nav__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav__dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.nav__dropdown-item:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.nav__dropdown-icon{width:var(--space-5);height:var(--space-5);color:var(--color-accent)}.nav__avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.nav__user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);border-radius:var(--radius-lg);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.nav__user-btn:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-100)}.nav__username{display:none}@media(min-width:768px){.nav__username{display:inline}}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.burger{display:flex;align-items:center;justify-content:center;width:var(--button-height-md);height:var(--button-height-md);color:var(--color-neutral-700);border-radius:var(--radius-md)}.burger:hover{background-color:var(--color-neutral-100)}.burger svg{width:var(--space-6);height:var(--space-6)}@media(min-width:1024px){.burger{display:none}}.mobile-nav{position:fixed;inset:0;top:var(--header-height);z-index:var(--z-overlay);background-color:var(--color-surface);padding:var(--space-4);overflow-y:auto;transform:translate(100%);transition:transform var(--duration-normal) var(--easing-default)}.mobile-nav.is-open{transform:translate(0)}@media(min-width:1024px){.mobile-nav{display:none}}.mobile-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--easing-default)}.mobile-nav__link:hover{background-color:var(--color-neutral-100)}.mobile-nav__divider{border:none;border-top:1px solid var(--color-neutral-200);margin-block:var(--space-3)}.footer{background-color:var(--color-neutral-900);color:var(--color-neutral-400);padding-block:var(--space-12) var(--space-6);padding-inline:var(--space-4);font-size:var(--font-size-sm);flex-shrink:0;margin-top:auto}@media(min-width:768px){.footer{padding-inline:var(--space-8)}}.footer__container{max-width:1280px;margin-inline:auto}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-10)}@media(min-width:640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer__brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer__logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-50);text-decoration:none;max-width:160px}.footer__logo img,.footer__logo-img{display:block;width:160px;height:39px;max-width:100%;object-fit:contain}.footer__logo svg{width:var(--space-8);height:var(--space-8)}.footer__tagline{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-neutral-400);max-width:300px}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);color:var(--color-neutral-400);background-color:#ffffff0d;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.footer .footer__social-link{color:var(--color-neutral-400)}.footer .footer__social-link:hover{color:var(--color-neutral-50);background-color:#ffffff26}.footer__social-link svg{width:var(--space-5);height:var(--space-5)}.footer__column{display:flex;flex-direction:column;gap:var(--space-4)}.footer__heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-50);text-transform:uppercase;letter-spacing:.05em}.footer__links{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0;margin:0}.footer .footer__link{font-size:var(--font-size-sm);color:var(--color-neutral-400);transition:color var(--duration-fast) var(--easing-default)}.footer .footer__link:hover{color:var(--color-neutral-50)}.footer__bottom{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);font-size:var(--font-size-xs)}@media(min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__bottom-links{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);list-style:none;padding:0;margin:0;justify-content:center}@media(min-width:768px){.footer__bottom-links{justify-content:flex-end}}.footer .footer__bottom-link{font-size:var(--font-size-xs);color:var(--color-neutral-500);transition:color var(--duration-fast) var(--easing-default)}.footer .footer__bottom-link:hover{color:var(--color-neutral-300)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--button-height-md);padding-inline:var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--easing-default);white-space:nowrap;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn svg{width:var(--space-4);height:var(--space-4);flex-shrink:0}.btn--primary{background-color:var(--color-accent);color:var(--color-surface)}.btn--primary:hover{background-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active{transform:scale(.98);box-shadow:none}.btn--resubscribe{background:var(--color-gradient-brand);color:var(--color-surface);border:none;box-shadow:0 4px 14px color-mix(in srgb,var(--color-accent, #c4197f) 30%,transparent);font-weight:var(--font-weight-semibold);letter-spacing:-.1px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn--resubscribe:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 6px 20px color-mix(in srgb,var(--color-accent, #c4197f) 40%,transparent);color:var(--color-surface)}.btn--resubscribe:active{transform:scale(.98)}.btn--secondary{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-neutral-200)}.btn--secondary:hover{background-color:var(--color-surface-raised);border-color:var(--color-neutral-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary:active{transform:scale(.98);box-shadow:none}.btn--outline{background-color:transparent;color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn--outline:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--outline:active{transform:scale(.98);box-shadow:none}.btn--ghost{background-color:transparent;color:var(--color-accent)}.btn--ghost:hover{background-color:var(--color-accent-subtle);transform:translateY(-1px)}.btn--ghost:active{transform:scale(.98)}.btn--text{background-color:transparent;color:var(--color-neutral-600);padding-inline:var(--space-2)}.btn--text:hover{color:var(--color-accent)}.btn--text:active{transform:scale(.98)}.btn--danger{background-color:var(--color-error);color:var(--color-surface)}.btn--danger:hover{background-color:var(--color-error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--danger:active{transform:scale(.98);box-shadow:none}.btn--danger-outline{background:transparent;color:var(--color-error);border-color:var(--color-error)}.btn--danger-outline:hover{background:var(--color-error);color:var(--color-surface)}.btn--full{width:100%}.btn--sm{height:var(--button-height-sm);padding-inline:var(--space-3);font-size:var(--font-size-xs)}.btn--lg{height:var(--button-height-lg);padding-inline:var(--space-8);font-size:var(--font-size-base)}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--card-padding);transition:box-shadow var(--duration-normal) var(--easing-default),transform var(--duration-normal) var(--easing-default)}.card--bordered{border:1px solid var(--color-neutral-200)}.card--elevated{box-shadow:var(--shadow-sm)}.card--elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(calc(var(--space-1) * -1))}.card--narrow{max-width:32rem}.card--form{max-width:36rem}.card--highlight{border:2px solid var(--color-accent);position:relative}.card__icon{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-xl);background-color:var(--color-accent-subtle);color:var(--color-accent);margin-inline:auto;margin-bottom:var(--space-4)}.card__icon svg{width:var(--space-6);height:var(--space-6)}.card__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.card__text{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:var(--line-height-relaxed)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:var(--line-height-normal)}.badge--accent{background-color:var(--color-accent-subtle);color:var(--color-accent-dark)}.badge--success{background-color:var(--color-success-light);color:var(--color-success)}.badge--neutral{background-color:var(--color-neutral-100);color:var(--color-neutral-600)}.badge--popular{background-color:var(--color-accent);color:var(--color-surface)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);background-color:var(--color-neutral-100);border-radius:var(--radius-full)}.pill svg{width:var(--space-4);height:var(--space-4);color:var(--color-accent)}.stepper{display:flex;flex-direction:column;gap:var(--space-12)}@media(min-width:768px){.stepper{flex-direction:row;gap:var(--space-8)}}.step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step__number{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-surface);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);flex-shrink:0}.step__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.step__text{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:var(--line-height-relaxed);max-width:300px}@media(min-width:768px){.step:not(:last-child):after{content:"";position:absolute;top:var(--space-6);left:calc(50% + var(--space-8));width:calc(100% - var(--space-16));height:2px;background:linear-gradient(to right,var(--color-accent),var(--color-neutral-200))}}.toggle-group{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-1);background-color:var(--color-neutral-100);border-radius:var(--radius-full)}.toggle-option{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--easing-default);cursor:pointer}.toggle-option.is-active{background-color:var(--color-surface);color:var(--color-neutral-900);box-shadow:var(--shadow-sm)}.toggle-option:hover:not(.is-active){color:var(--color-neutral-700)}.accordion{display:flex;flex-direction:column;gap:var(--space-2)}.accordion__item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.accordion__trigger{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);text-align:left;background:none;transition:background-color var(--duration-fast) var(--easing-default)}.accordion__trigger:hover{background-color:var(--color-neutral-50)}.accordion__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.accordion__chevron{width:var(--space-5);height:var(--space-5);color:var(--color-neutral-400);transition:transform var(--duration-fast) var(--easing-default);flex-shrink:0}.accordion__item.is-open .accordion__chevron{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--easing-default)}.accordion__body{padding:0 var(--space-5) var(--space-5);font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.icon{display:inline-block;flex-shrink:0;color:currentColor}.icon--xs{width:var(--font-size-xs);height:var(--font-size-xs)}.icon--sm{width:var(--font-size-sm);height:var(--font-size-sm)}.icon--md{width:var(--space-5);height:var(--space-5)}.icon--lg{width:var(--space-6);height:var(--space-6)}.icon--xl{width:var(--space-8);height:var(--space-8)}.check-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.check-list__item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.check-list__icon{flex-shrink:0;width:var(--space-5);height:var(--space-5);color:var(--color-success);margin-top:var(--space-0\.5)}.section-header{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:var(--space-12)}.section-header__badge{margin-bottom:var(--space-4)}.section-header__title{font-family:var(--font-family-heading);margin-bottom:var(--space-4)}.section-header__text{font-size:var(--font-size-lg);color:var(--color-neutral-500);line-height:var(--line-height-relaxed)}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(min-width:768px){.metrics{grid-template-columns:repeat(4,1fr)}}.metric{text-align:center;padding:var(--space-4)}.metric__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:var(--line-height-tight)}@media(min-width:768px){.metric__value{font-size:var(--font-size-4xl)}}.metric__label{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:var(--space-1)}.toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);color:var(--color-neutral-700);pointer-events:auto;animation:toast-in var(--duration-normal) var(--easing-out)}.toast.is-leaving{animation:toast-out var(--duration-fast) var(--easing-in) forwards}.toast__text{flex:1}.toast__close{background:none;border:none;font-size:18px;line-height:1;color:var(--color-neutral-400);cursor:pointer;padding:0 0 0 var(--space-2);flex-shrink:0}.toast__close:hover{color:var(--color-neutral-700)}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--info{border-left:3px solid var(--color-accent)}@keyframes toast-in{0%{opacity:0;transform:translate(var(--space-8))}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--space-8))}}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--easing-default),visibility var(--duration-fast) var(--easing-default)}.modal.is-open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background-color:#00000080}.modal__content{position:relative;width:100%;max-width:32rem;background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6);transform:scale(.95);transition:transform var(--duration-fast) var(--easing-out)}.modal.is-open .modal__content{transform:scale(1)}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-md);margin:var(--space-4) auto;max-width:1280px}.alert--success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.alert--error{background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.form{display:flex;flex-direction:column;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.form-label--required:after{content:" *";color:var(--color-error)}.form-input,.form-textarea,.form-select{height:var(--input-height-md);padding-inline:var(--space-3);font-size:var(--font-size-base);color:var(--color-neutral-900);background-color:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.form-textarea{height:auto;min-height:120px;padding:var(--space-3);resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 3.5L11.5 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-neutral-400)}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px var(--color-brand-orange-subtle)}.form-input.is-error,.form-textarea.is-error,.form-select.is-error{border-color:var(--color-error)}.form-input.is-error:focus-visible,.form-textarea.is-error:focus-visible{box-shadow:0 0 0 3px var(--color-error-light)}.form-input.is-success,.form-textarea.is-success{border-color:var(--color-success)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);display:none}.form-group.is-error .form-error{display:block}.form-hint{font-size:var(--font-size-xs);color:var(--color-neutral-400)}.btn.is-loading{position:relative;color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:var(--space-5);height:var(--space-5);border:2px solid var(--color-surface);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-success{display:none;text-align:center;padding:var(--space-8)}.form-success.is-visible{display:block}.form-success__icon{width:var(--space-16);height:var(--space-16);margin-inline:auto;margin-bottom:var(--space-4);color:var(--color-success)}.form-success__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.form-success__text{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.form-inline{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:640px){.form-inline{flex-direction:row}.form-inline .form-input{flex:1}}.form-group--row{flex-direction:row;align-items:center;justify-content:space-between}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-700);cursor:pointer}.form-checkbox input[type=checkbox]{width:var(--space-4);height:var(--space-4);accent-color:var(--color-accent);cursor:pointer}.form-link{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none;font-weight:var(--font-weight-medium)}.form-link:hover{text-decoration:underline}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-1)}.form-section-desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}.form-error-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1)}.form-error-list .form-error{display:block}.form-actions{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-2)}.form-saved-msg{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.form-verification-notice{margin-top:var(--space-2)}.auth-layout{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:var(--color-neutral-50);padding:var(--space-4)}.auth-card{width:100%;max-width:28rem;background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-8);position:relative;overflow:hidden;animation:auth-enter var(--duration-slow) var(--easing-out)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-gradient-brand)}@keyframes auth-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}.auth-card__logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.auth-card__logo img{width:160px;height:39px;max-width:100%;object-fit:contain}.auth-card__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-align:center;margin-bottom:var(--space-2)}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-500);text-align:center;margin-bottom:var(--space-6)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-neutral-400);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-neutral-200)}.auth-social{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.auth-social__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--button-height-md);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default)}.auth-social__btn:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-300)}.auth-links{text-align:center;margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-neutral-500)}.auth-links a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:none}.auth-links a:hover{text-decoration:underline}.dash-billing-alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.dash-billing-alert a{color:inherit;font-weight:var(--font-weight-semibold);text-decoration:underline;margin-left:var(--space-1)}.dashboard{max-width:960px;width:100%;margin-inline:auto;padding:var(--space-4) var(--space-4);display:flex;flex:1;flex-direction:column;justify-content:center;gap:var(--space-6)}.dashboard--has-projects,.dashboard--top{justify-content:flex-start}@media(min-width:768px){.dashboard{padding:var(--space-6) var(--space-6);gap:var(--space-6)}}.dash-hero{text-align:center;padding-block:var(--space-4)}@media(min-width:768px){.dash-hero{padding-block:var(--space-6)}}.dash-hero__content{max-width:640px;margin-inline:auto}.dash-hero__greeting{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}@media(min-width:768px){.dash-hero__greeting{font-size:var(--font-size-4xl)}}.dash-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-neutral-500);margin-bottom:var(--space-5);line-height:var(--line-height-relaxed)}.dash-hero__cta{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-neutral-400);transition:border-color var(--duration-normal) var(--easing-default),box-shadow var(--duration-normal) var(--easing-default),transform var(--duration-normal) var(--easing-default)}.dash-hero__cta:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px);color:var(--color-neutral-500)}.dash-hero__cta-icon{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background-color:var(--color-accent-subtle);color:var(--color-accent);flex-shrink:0}.dash-hero__cta-text{flex:1;text-align:left;font-size:var(--font-size-base);line-height:var(--line-height-normal)}.dash-hero__cta-arrow{display:flex;align-items:center;color:var(--color-neutral-300);transition:color var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.dash-hero__cta:hover .dash-hero__cta-arrow{color:var(--color-accent);transform:translate(var(--space-1))}.dash-quickstart{padding-block:0}.dash-quickstart__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:768px){.dash-quickstart__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}.dash-quickstart__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);text-decoration:none;text-align:center;transition:border-color var(--duration-normal) var(--easing-default),box-shadow var(--duration-normal) var(--easing-default),transform var(--duration-normal) var(--easing-default)}.dash-quickstart__card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-quickstart__icon{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);margin-bottom:var(--space-1)}.dash-quickstart__icon--site{background-color:var(--color-info-light);color:var(--color-info)}.dash-quickstart__icon--blog{background-color:var(--color-success-light);color:var(--color-success)}.dash-quickstart__icon--ecommerce{background-color:var(--color-warning-light);color:var(--color-warning)}.dash-quickstart__icon--portfolio{background-color:var(--color-accent-subtle);color:var(--color-accent)}.dash-quickstart__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.dash-quickstart__desc{font-size:var(--font-size-xs);color:var(--color-neutral-500);line-height:var(--line-height-normal)}.dash-stats{padding-block:0}.dash-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:768px){.dash-stats__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}.dash-stats__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background-color:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-100)}.dash-stats__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);line-height:var(--line-height-tight)}.dash-stats__item--live .dash-stats__value{color:var(--color-success)}.dash-stats__item--draft .dash-stats__value{color:var(--color-neutral-500)}.dash-stats__item--generating .dash-stats__value{color:var(--color-warning)}.dash-stats__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em}.dash-projects__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.dash-projects__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.dash-projects__see-all{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);text-decoration:none;transition:color var(--duration-fast) var(--easing-default)}.dash-projects__see-all:hover{color:var(--color-accent)}.dash-projects__see-all svg{transition:transform var(--duration-fast) var(--easing-default)}.dash-projects__see-all:hover svg{transform:translate(var(--space-1))}.dash-projects__list{display:flex;flex-direction:column;gap:var(--space-2)}.dash-project-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.dash-project-card--with-delete{grid-template-columns:auto minmax(0,1fr) auto auto auto}.dash-project-card:hover{border-color:var(--color-neutral-300);box-shadow:var(--shadow-sm);background-color:var(--color-surface-raised)}.dash-project-card__icon{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background-color:var(--color-neutral-100);color:var(--color-neutral-600);flex-shrink:0}.dash-project-card__favicon{border-radius:var(--radius-sm);object-fit:contain}.dash-project-card:hover .dash-project-card__icon{background-color:var(--color-accent-subtle);color:var(--color-accent)}.dash-project-card__body{min-width:0}.dash-project-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-project-card__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-0\.5);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.dash-project-card__domain{color:var(--color-accent)}.dash-project-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.dash-project-card__date{font-size:var(--font-size-xs);color:var(--color-neutral-400)}.dash-project-card__delete{display:flex;align-items:center;z-index:1}.dash-project-card__delete .btn{color:var(--color-neutral-400);transition:color var(--duration-fast) var(--easing-default)}.dash-project-card__delete .btn:hover{color:var(--color-error)}.dash-project-card__arrow{display:flex;align-items:center;color:var(--color-neutral-300);transition:color var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.dash-project-card:hover .dash-project-card__arrow{color:var(--color-accent);transform:translate(var(--space-0\.5))}@media(max-width:639px){.dash-project-card{grid-template-columns:auto 1fr auto;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.dash-project-card--with-delete{grid-template-columns:auto 1fr auto}.dash-project-card__right,.dash-project-card__arrow{display:none}}.dash-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0\.5) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);white-space:nowrap}.dash-status__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.dash-status--draft{background-color:var(--color-neutral-100);color:var(--color-neutral-600)}.dash-status--draft .dash-status__dot{background-color:var(--color-neutral-400)}.dash-status--live{background-color:var(--color-success-light);color:var(--color-success)}.dash-status--live .dash-status__dot{background-color:var(--color-success)}.dash-status--ready_for_preview{background-color:var(--color-info-light);color:var(--color-info)}.dash-status--ready_for_preview .dash-status__dot{background-color:var(--color-info)}.dash-status--review_failed{background-color:var(--color-error-light);color:var(--color-error)}.dash-status--review_failed .dash-status__dot{background-color:var(--color-error)}.dash-status--generating{background-color:var(--color-warning-light);color:var(--color-warning)}.dash-status--generating .dash-status__dot{background-color:var(--color-warning);animation:dash-pulse 1.5s ease-in-out infinite}.dash-status--offline{background-color:var(--color-neutral-100);color:var(--color-neutral-500)}.dash-status--offline .dash-status__dot{background-color:var(--color-neutral-400)}.dash-status--error{background-color:var(--color-error-light);color:var(--color-error)}.dash-status--error .dash-status__dot{background-color:var(--color-error)}@keyframes dash-pulse{0%,to{opacity:1}50%{opacity:.4}}.dash-quota-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);background-color:var(--color-warning-50, var(--color-neutral-50));border:1px solid var(--color-warning-200, var(--color-neutral-200));border-radius:var(--radius-md)}.dash-quota-notice__icon{flex-shrink:0;color:var(--color-warning-600, var(--color-accent));margin-top:var(--space-1)}.dash-quota-notice__body{flex:1}.dash-quota-notice__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-1)}.dash-quota-notice__text{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0;line-height:var(--line-height-relaxed)}.dash-empty{text-align:center;padding:var(--space-12) var(--space-4)}.dash-empty__visual{display:flex;align-items:center;justify-content:center;width:var(--space-32);height:var(--space-32);margin-inline:auto;margin-bottom:var(--space-6);border-radius:var(--radius-full);background-color:var(--color-neutral-100);color:var(--color-neutral-400)}.dash-empty__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.dash-empty__text{font-size:var(--font-size-base);color:var(--color-neutral-500);max-width:400px;margin-inline:auto;margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}button.dash-quickstart__card{border:1px solid var(--color-neutral-200);background:none;cursor:pointer;font:inherit;color:inherit}.dash-quickstart__card.is-selected{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-quickstart__card--disabled{position:relative;opacity:.5;cursor:not-allowed;pointer-events:none}.dash-quickstart__card--disabled:hover{border-color:var(--color-neutral-200);box-shadow:none;transform:none}.dash-quickstart__badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-0\.5) var(--space-2);background-color:var(--color-neutral-100);color:var(--color-neutral-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:var(--line-height-normal);white-space:nowrap}.dash-hero__form{display:none;flex-wrap:wrap;align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--easing-default),box-shadow var(--duration-normal) var(--easing-default)}.dash-hero__form.is-visible{display:flex;animation:dash-form-reveal var(--duration-normal) var(--easing-out) both}@keyframes dash-form-reveal{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}to{opacity:1;transform:translateY(0)}}.dash-hero__form:focus-within{border-color:var(--color-brand-orange);box-shadow:0 0 0 3px var(--color-brand-orange-subtle)}.dash-hero__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-base);color:var(--color-neutral-900);line-height:var(--line-height-normal)}.dash-hero__input::placeholder{color:var(--color-neutral-400)}.dash-hero__submit{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border:none;border-radius:var(--radius-lg);background-color:var(--color-accent);color:var(--color-surface);cursor:pointer;flex-shrink:0;transition:opacity var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.dash-hero__submit:disabled{opacity:.4;cursor:not-allowed}.dash-hero__submit:not(:disabled):hover{background-color:var(--color-accent-dark)}.dash-hero__submit.is-loading{opacity:.6;cursor:wait}.dash-hero__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dash-hero__attach{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);border:none;border-radius:var(--radius-lg);background-color:transparent;color:var(--color-neutral-400);cursor:pointer;flex-shrink:0;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.dash-hero__attach:hover{color:var(--color-accent);background-color:var(--color-accent-subtle)}.dash-file-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;order:10}.dash-file-chips:empty{display:none}.dash-file-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-neutral-700);line-height:var(--line-height-normal);animation:dash-chip-in var(--duration-fast) var(--easing-out) both}@keyframes dash-chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.dash-file-chip__thumb{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.dash-file-chip__name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-file-chip__remove{display:flex;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-neutral-400);cursor:pointer;font-size:var(--font-size-sm);line-height:1;padding:0;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.dash-file-chip__remove:hover{color:var(--color-error);background-color:var(--color-error-light)}.dash-existing-site{width:100%;order:11;display:flex;flex-direction:column;gap:var(--space-2)}.dash-existing-site__toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.dash-existing-site__label{font-size:var(--font-size-sm);color:var(--color-neutral-500);font-weight:var(--font-weight-medium)}.dash-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.dash-switch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dash-switch__track{position:relative;display:inline-block;width:var(--space-10);height:var(--space-5);background-color:var(--color-neutral-200);border-radius:var(--radius-full);transition:background-color var(--duration-normal) var(--easing-default);cursor:pointer}.dash-switch input:checked+.dash-switch__track{background-color:var(--color-accent)}.dash-switch input:focus-visible+.dash-switch__track{outline:2px solid var(--color-accent);outline-offset:2px}.dash-switch__thumb{position:absolute;top:2px;left:2px;width:calc(var(--space-5) - 4px);height:calc(var(--space-5) - 4px);background-color:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--easing-default)}.dash-switch input:checked+.dash-switch__track .dash-switch__thumb{transform:translate(calc(var(--space-10) - var(--space-5)))}.dash-existing-site__url{display:none;animation:dash-form-reveal var(--duration-normal) var(--easing-out) both}.dash-existing-site__url.is-visible{display:block}.dash-existing-site__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-neutral-900);line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.dash-existing-site__input::placeholder{color:var(--color-neutral-400)}.dash-existing-site__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.dash-page-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);line-height:var(--line-height-tight)}.dash-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.profile-page{max-width:1100px}.profile-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-avatar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-neutral-200)}.profile-avatar__img{width:var(--space-20);height:var(--space-20);border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-neutral-200)}.profile-avatar__actions{display:flex;flex-direction:column;gap:var(--space-2)}.profile-avatar__form{display:inline}.profile-avatar__label{cursor:pointer}.dash-worker-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-warning-light, #FEF3C7);border:1px solid var(--color-warning, #F59E0B);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-neutral-700);margin-bottom:var(--space-4)}.dash-worker-banner__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-warning);flex-shrink:0;animation:ws-dot-pulse 2s ease infinite}.dash-quickstart__card.is-worker-busy{opacity:.5;pointer-events:none;cursor:not-allowed}.chat{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - var(--space-8));background-color:var(--color-surface);border:1px solid var(--color-neutral-200);overflow:hidden}.chat__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat__message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);word-break:break-word}.chat__message--user{align-self:flex-end;max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-accent);color:var(--color-surface);border-bottom-right-radius:var(--radius-sm)}.chat__message--assistant{align-self:flex-start;padding:var(--space-3) var(--space-2);color:var(--color-primary);width:100%}.chat__message--assistant .chat__content{width:100%;min-width:0}.chat__message--system{align-self:center;text-align:center;font-size:var(--font-size-xs);color:var(--color-neutral-400);font-style:italic;padding:var(--space-1) var(--space-4)}.chat__retry-btn{display:inline-block;margin-top:var(--space-3)}.chat__choices-form{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);display:flex;flex-direction:column;gap:var(--space-3)}.chat__choices-group{display:flex;flex-direction:column;gap:var(--space-2)}.chat__choices-group+.chat__choices-group{padding-top:var(--space-3);border-top:1px solid var(--color-neutral-200)}.chat__choices-question{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.chat__choices-hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-neutral-400);font-style:italic}.chat__choices-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chat__choice-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-accent);background:var(--color-surface);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.chat__choice-btn:hover{background:var(--color-accent);color:var(--color-surface)}.chat__choice-btn:disabled{cursor:default;opacity:.5}.chat__choice-btn.is-selected{background:var(--color-accent);color:var(--color-surface);opacity:1}.chat__choices-group[data-selection-type=multiple] .chat__choice-btn:before{content:"";display:inline-block;width:var(--space-3);height:var(--space-3);border:1.5px solid currentColor;border-radius:var(--radius-sm);margin-right:var(--space-2);vertical-align:middle;flex-shrink:0}.chat__choices-group[data-selection-type=multiple] .chat__choice-btn.is-selected:before{background:currentColor;box-shadow:inset 0 0 0 2px var(--color-accent)}.chat__choices-free-text{display:flex;gap:var(--space-2)}.chat__choices-input{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-neutral-900);font-size:var(--font-size-sm);font-family:var(--font-family-sans);outline:none;transition:border-color var(--duration-fast) var(--easing-default)}.chat__choices-input:focus{border-color:var(--color-accent)}.chat__choices-input:disabled{opacity:.5;cursor:default}.chat__choices-actions{display:flex;align-items:center;justify-content:space-between}.chat__choices-dismiss{background:none;border:none;font-size:var(--font-size-xs);font-family:var(--font-family-sans);color:var(--color-neutral-400);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--easing-default)}.chat__choices-dismiss:hover{color:var(--color-neutral-600)}.chat__choices-submit{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:none;background:var(--color-accent);color:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);cursor:pointer;transition:opacity var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.chat__choices-submit:hover{opacity:.85;transform:scale(1.02)}.chat__choices-submit:disabled{opacity:.5;cursor:default;transform:none}.chat__choices-group.is-unanswered{outline:2px solid var(--color-error);outline-offset:var(--space-1);border-radius:var(--radius-md)}.chat__choices-form.is-dismissed{opacity:.35;pointer-events:none}.chat__choices-form.is-answered .chat__choice-btn:not(.is-selected){opacity:.35}.chat__choices-form.is-answered .chat__choices-actions{display:none}.chat__choices-form.is-answered .chat__choices-free-text{opacity:.5;pointer-events:none}.chat__choices-loading{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200)}.chat__choices-loading-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-accent);animation:chat-bounce 1.4s infinite ease-in-out both}.chat__choices-loading-dot:nth-child(1){animation-delay:0s}.chat__choices-loading-dot:nth-child(2){animation-delay:.16s}.chat__choices-loading-dot:nth-child(3){animation-delay:.32s}.chat__choices-loading-label{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-weight:var(--font-weight-medium)}.chat__message--error{align-self:center;background-color:var(--color-error-light);color:var(--color-error);font-size:var(--font-size-xs)}.chat__typing{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.chat__typing.is-visible{display:flex}.chat__typing-live-frame{color:var(--color-accent)}.chat__typing-live-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.chat__typing-wave-char{display:inline-block}.wf-loader{--wf-loader-size: .18em;--wf-loader-step: .32em;--wf-loader-dim: color-mix(in srgb, currentColor 20%, transparent);position:relative;display:inline-block;vertical-align:middle;flex:0 0 auto;width:var(--wf-loader-size);height:var(--wf-loader-size);margin-right:calc(var(--wf-loader-step) * 2);font-size:1em;line-height:1;text-indent:-9999px;overflow:visible;border-radius:.05em;background:currentColor;box-shadow:0 var(--wf-loader-step) currentColor,0 calc(var(--wf-loader-step) * -1) currentColor;box-sizing:border-box;animation:wf-loader 1.5s ease-in-out infinite}.wf-loader:before,.wf-loader:after{content:"";position:absolute;top:0;width:var(--wf-loader-size);height:var(--wf-loader-size);border-radius:.05em;background:currentColor;box-shadow:0 var(--wf-loader-step) currentColor,0 calc(var(--wf-loader-step) * -1) currentColor;box-sizing:border-box}.wf-loader:before{left:var(--wf-loader-step);animation:wf-loader 1.5s .5s ease-in-out infinite}.wf-loader:after{left:calc(var(--wf-loader-step) * 2);animation:wf-loader 1.5s 1s ease-in-out infinite}.wf-loader--sm{--wf-loader-size: .15em;--wf-loader-step: .27em}@keyframes wf-loader{0%,to{background-color:currentColor;box-shadow:0 var(--wf-loader-step) currentColor,0 calc(var(--wf-loader-step) * -1) currentColor}50%{background-color:var(--wf-loader-dim);box-shadow:0 var(--wf-loader-step) var(--wf-loader-dim),0 calc(var(--wf-loader-step) * -1) var(--wf-loader-dim)}}@keyframes chat-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat__input-area{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50)}.chat__input-wrapper{display:flex;align-items:flex-end;gap:0;border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-xl);background-color:var(--color-surface);padding:var(--space-1);transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.chat__input-wrapper:focus-within{border-color:var(--color-brand-orange);box-shadow:0 0 0 3px var(--color-brand-orange-subtle)}.chat__upload-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:none;border:none;color:var(--color-neutral-400);flex-shrink:0;cursor:pointer;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.chat__upload-btn:hover{color:var(--color-neutral-600);background-color:var(--color-neutral-100)}.chat__upload-btn:active{background-color:var(--color-neutral-200)}.chat__upload-btn svg{width:var(--space-5);height:var(--space-5)}.chat__input{flex:1;resize:none;border:none;background:transparent;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-family-sans);color:var(--color-primary);line-height:var(--line-height-normal);min-height:var(--space-8);max-height:8rem;box-sizing:border-box}.chat__input:focus{outline:none}.chat__input::placeholder{color:var(--color-neutral-400)}.chat__send-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background-color:var(--color-accent);color:var(--color-surface);border:none;flex-shrink:0;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.chat__send-btn:hover{background-color:var(--color-accent-dark);transform:scale(1.05)}.chat__send-btn:active{transform:scale(.95)}.chat__send-btn svg{width:var(--space-4);height:var(--space-4)}.chat__input-wrapper:has(.chat__upload-strip){flex-wrap:wrap}.chat__upload-strip{display:flex;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-neutral-100)}.chat__upload-item{position:relative;flex-shrink:0}.chat__upload-thumb{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-neutral-200);display:block}.chat__upload-item-remove{position:absolute;top:calc(var(--space-1) * -1);right:calc(var(--space-1) * -1);display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);background-color:var(--color-neutral-700);border:none;color:var(--color-surface);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--easing-default)}.chat__upload-item:hover .chat__upload-item-remove{opacity:1}.chat__upload-item-remove:hover{background-color:var(--color-error)}.chat__upload-btn.is-at-max{opacity:.3;pointer-events:none}.chat__input-actions{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2)}.chat__mode-badge--eco{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning, #b45309);background-color:#b4530914;padding:var(--space-0\.5) var(--space-2);border-radius:var(--radius-full);line-height:var(--line-height-normal)}.chat__agent-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-neutral-400);font-weight:var(--font-weight-medium)}.chat__agent-badge svg{width:var(--space-3);height:var(--space-3)}.chat__input-area.is-disabled .chat__input-wrapper{background-color:var(--color-neutral-100);opacity:.6;pointer-events:none}.chat__input:disabled{background:transparent;cursor:not-allowed}.chat__upload-btn:disabled{color:var(--color-neutral-300);cursor:not-allowed}.chat__upload-btn:disabled:hover{background:none;color:var(--color-neutral-300)}.chat__attachments{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);border-top:1px solid rgba(255,255,255,.2);padding-top:var(--space-2)}.chat__attachment-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:#ffffff26;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-surface);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default);width:fit-content;border:none;font-family:var(--font-family-sans);text-align:left}.chat__attachment-chip:hover,.chat__attachment-chip.is-open{background-color:#ffffff40}.chat__attachment-icon{flex-shrink:0;opacity:.8}.chat__attachment-chevron{flex-shrink:0;opacity:.6;transition:transform var(--duration-fast) var(--easing-default)}.chat__attachment-chip.is-open .chat__attachment-chevron{transform:rotate(180deg)}.chat__attachment-panel{display:none;align-self:flex-end;max-width:80%;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-neutral-50)}.chat__attachment-panel.is-open{display:block}.chat__attachment-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background-color:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);overflow:hidden}.chat__attachment-panel-name{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.chat__attachment-panel-name svg{color:var(--color-neutral-400);flex-shrink:0}.chat__attachment-panel-close{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border:none;background:none;color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--easing-default)}.chat__attachment-panel-close:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-600)}.chat__attachment-pre{margin:0;padding:var(--space-3);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-neutral-800);background-color:var(--color-surface);white-space:pre-wrap;word-break:break-word;max-height:16rem;overflow-y:auto}.chat__attachment-img{display:block;max-width:100%;max-height:20rem;padding:var(--space-3);object-fit:contain;background-color:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.chat__tool-block{align-self:stretch;display:flex;flex-direction:column;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden;animation:tool-block-enter var(--duration-normal) var(--easing-out) both;margin:var(--space-2) 0;flex-shrink:0}.chat__tool-block .chat__avatar{display:none}.chat__tool-content{flex:1;min-width:0}.chat__tool-header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;background-color:var(--color-neutral-50);text-align:left;font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-neutral-700)}button.chat__tool-header{cursor:pointer}button.chat__tool-header:hover{background-color:var(--color-neutral-100)}.chat__tool-block--active .chat__tool-header,.chat__tool-block--completed .chat__tool-header{color:var(--color-neutral-700)}.chat__tool-block--error .chat__tool-header{color:var(--color-error)}.chat__tool-icon{display:flex;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);flex-shrink:0;color:var(--color-neutral-500)}.chat__tool-block--active .chat__tool-icon,.chat__tool-block--completed .chat__tool-icon{color:var(--color-neutral-500)}.chat__tool-block--error .chat__tool-icon{color:var(--color-error)}.chat__tool-icon--spinner{animation:spin 1s linear infinite}.chat__tool-label{flex:1;line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.chat__tool-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-neutral-400);font-weight:var(--font-weight-normal);min-width:0;margin-left:auto}.chat__tool-live{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--color-neutral-500)}.chat__tool-live-frame{display:inline-flex;align-items:center;justify-content:center;min-width:1ch;font-weight:var(--font-weight-semibold);color:var(--color-accent)}.chat__tool-live-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__tool-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-1\.5);border-radius:var(--radius-full);background-color:var(--color-accent-subtle, rgba(196, 25, 127, .1));color:var(--color-accent);font-size:11px;font-weight:var(--font-weight-medium);line-height:1}.chat__tool-chevron{color:var(--color-neutral-400);transition:transform var(--duration-fast) var(--easing-default);flex-shrink:0}.chat__tool-block.is-expanded .chat__tool-chevron{transform:rotate(180deg)}.chat__tool-detail{display:block}.chat__tool-detail:empty{display:none}.chat__tool-result{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);line-height:var(--line-height-normal);padding:var(--space-2) var(--space-3);color:var(--color-success)}.chat__tool-result--error{color:var(--color-error)}.chat__tool-block--correction{border-color:var(--color-accent-subtle, rgba(196, 25, 127, .2))}.chat__tool-block--correction .chat__tool-label,.chat__tool-block--correction .chat__tool-result{color:var(--color-accent)}.chat__tool-calls{display:flex;flex-direction:column;padding:var(--space-1) var(--space-4) var(--space-2)}.chat__tool-call{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);line-height:1.4;padding:var(--space-2) 0;animation:tool-call-enter var(--duration-normal) var(--easing-out) both;flex-shrink:0;position:relative}.chat__tool-call .chat__tool-call-icon{position:relative;z-index:1}.chat__tool-call:not(:last-child) .chat__tool-call-icon:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:calc(var(--space-4) + 2px);background-color:var(--color-neutral-200);transform:translate(-50%)}.chat__tool-call-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-4);height:var(--space-4);color:var(--color-neutral-400)}.chat__tool-call--calling .chat__tool-call-icon,.chat__tool-call--completed .chat__tool-call-icon{color:var(--color-neutral-400)}.chat__tool-call--check .chat__tool-call-icon,.chat__tool-call--check .chat__tool-call-label,.chat__tool-call--check .chat__tool-call-status{color:var(--color-warning, #b45309)}.chat__tool-call--error .chat__tool-call-icon{color:var(--color-error)}.chat__tool-call-label{font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);white-space:nowrap}.chat__tool-call--calling .chat__tool-call-label{color:var(--color-neutral-700)}.chat__tool-call--error .chat__tool-call-label{color:var(--color-error)}.chat__tool-call--check .chat__tool-call-args{color:var(--color-neutral-500)}.chat__tool-call-args{flex:1;min-width:0;color:var(--color-neutral-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__tool-call-args:before{content:"· ";color:var(--color-neutral-300)}.chat__tool-call-args:empty:before{content:none}.chat__tool-call-status{display:none;align-items:center;gap:var(--space-1);flex-shrink:0;color:var(--color-neutral-400);white-space:nowrap}.chat__tool-call--completed .chat__tool-call-status{color:var(--color-success)}.chat__tool-call--check.chat__tool-call--completed .chat__tool-call-status{color:var(--color-warning, #b45309)}.chat__tool-call--error .chat__tool-call-status{color:var(--color-error)}.chat__tool-call-spinner{animation:spin 1s linear infinite}.chat__file-preview{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background-color:var(--color-neutral-50);margin:var(--space-1) 0;overflow:hidden;animation:tool-call-enter var(--duration-normal) var(--easing-out) both}.chat__file-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-3);background-color:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200)}.chat__file-preview-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.chat__file-preview-actions{display:flex;align-items:center;gap:var(--space-1)}.chat__file-preview-popup,.chat__file-preview-close{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border:none;background:none;color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--easing-default)}.chat__file-preview-popup:hover,.chat__file-preview-close:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-600)}.chat__file-preview-code{margin:0;padding:var(--space-3);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-neutral-800);background-color:var(--color-surface);white-space:pre-wrap;word-break:break-word;max-height:20rem;overflow-y:auto}.chat__file-preview-img{display:block;max-width:100%;max-height:20rem;margin:var(--space-2) auto;object-fit:contain}.file-popup{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background-color:#0009;animation:file-popup-in var(--duration-normal) var(--easing-out) both}@keyframes file-popup-in{0%{opacity:0}to{opacity:1}}.file-popup__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:var(--color-neutral-900);color:var(--color-neutral-100);flex-shrink:0}.file-popup__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.file-popup__close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:none;background:none;color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--easing-default)}.file-popup__close:hover{color:var(--color-surface)}.file-popup__body{flex:1;overflow:hidden;background-color:var(--color-surface)}.file-popup__iframe{width:100%;height:100%;border:none}.file-popup__code{margin:0;padding:var(--space-4);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-neutral-100);background-color:var(--color-neutral-900);white-space:pre-wrap;word-break:break-word;height:100%;overflow-y:auto}@keyframes tool-call-enter{0%{opacity:0;transform:translate(calc(-1 * var(--space-2)))}to{opacity:1;transform:translate(0)}}@keyframes tool-block-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat__diff-view{margin:0;padding:var(--space-3);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);background-color:var(--color-surface);max-height:20rem;overflow-y:auto;overflow-x:auto}.chat__diff-line{white-space:pre-wrap;word-break:break-word;padding:0 var(--space-2)}.chat__diff-line--removed{background-color:var(--color-error-light);color:var(--color-error)}.chat__diff-line--added{background-color:var(--color-success-light);color:var(--color-success)}.chat__diff-prefix{display:inline-block;width:var(--space-4);font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none;flex-shrink:0}.chat__message--assistant .md-p{margin-bottom:var(--space-2)}.chat__message--assistant .md-p:last-child{margin-bottom:0}.chat__message--assistant .md-strong{font-weight:var(--font-weight-semibold)}.chat__message--assistant .md-em{font-style:italic}.chat__message--assistant .md-inline-code{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);background-color:var(--color-neutral-100);padding:var(--space-0\.5) var(--space-1);border-radius:var(--radius-sm)}.chat__message--assistant .md-pre{margin:var(--space-2) 0;padding:var(--space-3);background-color:var(--color-neutral-800);color:var(--color-neutral-100);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.chat__message--assistant .md-pre .md-code{font-family:var(--font-family-mono, monospace)}.chat__message--assistant .chat__tool-call--inline{margin:var(--space-2) 0;padding:var(--space-1) var(--space-2);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background-color:var(--color-neutral-50)}.chat__message--assistant .md-ul,.chat__message--assistant .md-ol{margin:var(--space-2) 0;padding-left:var(--space-5)}.chat__message--assistant .md-ul{list-style-type:disc}.chat__message--assistant .md-ul .md-ul{list-style-type:circle;margin:var(--space-1) 0}.chat__message--assistant .md-ol{list-style-type:decimal}.chat__message--assistant .md-li{margin-bottom:var(--space-1)}.chat__message--assistant .md-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:var(--space-0\.5)}.chat__message--assistant .md-link:hover{color:var(--color-accent-dark)}.chat__message--assistant .md-table{width:100%;border-collapse:collapse;margin:var(--space-2) 0;font-size:var(--font-size-sm)}.chat__message--assistant .md-th{text-align:left;font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--color-neutral-300);color:var(--color-neutral-700);background-color:var(--color-neutral-50)}.chat__message--assistant .md-td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-neutral-200);color:var(--color-neutral-600)}.chat__message--assistant .md-blockquote{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-neutral-300);color:var(--color-neutral-600);font-style:italic}.chat__message--assistant .md-h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.chat__message--assistant .md-h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.chat__message--assistant .md-h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.chat__input-area.is-disabled{opacity:.6;pointer-events:none}.chat__input:disabled{background-color:var(--color-neutral-100);cursor:not-allowed}.chat__send-btn:disabled{background-color:var(--color-neutral-300);cursor:not-allowed}.chat__send-btn:disabled:hover{transform:none}.site-analysis-progress{background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);max-width:100%}.site-analysis-progress__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.site-analysis-progress__icon{color:var(--color-primary);flex-shrink:0;animation:site-analysis-pulse 1.5s ease-in-out infinite}@keyframes site-analysis-pulse{0%,to{opacity:1}50%{opacity:.4}}.site-analysis-progress__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.site-analysis-progress__bar-container{width:100%;height:var(--space-1);background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.site-analysis-progress__bar{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--easing-default)}.site-analysis-progress__message{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.site-analysis-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;transition:box-shadow var(--duration-normal) ease;width:100%}.site-analysis-card:hover{box-shadow:var(--shadow-sm)}.site-analysis-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);cursor:pointer;-webkit-user-select:none;user-select:none}.site-analysis-card__header:hover{background:var(--color-neutral-100)}.site-analysis-card__icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.site-analysis-card__icon svg{width:16px;height:16px}.site-analysis-card__meta{flex:1;min-width:0}.site-analysis-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:var(--line-height-tight)}.site-analysis-card__subtitle{font-size:var(--font-size-xs);color:var(--color-neutral-400);line-height:var(--line-height-normal);margin-top:var(--space-0\.5)}.site-analysis-card__toggle{width:20px;height:20px;color:var(--color-neutral-400);flex-shrink:0;transition:transform var(--duration-fast) ease}.site-analysis-card.is-expanded .site-analysis-card__toggle{transform:rotate(180deg)}.site-analysis-card__stats{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-neutral-100)}.site-analysis-card__stat{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-neutral-500);padding:var(--space-0\.5) var(--space-2);background:var(--color-neutral-50);border-radius:var(--radius-full)}.site-analysis-card__stat--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.site-analysis-card__stat-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;opacity:.5}.site-analysis-card__body{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) ease}.site-analysis-card.is-expanded .site-analysis-card__body{max-height:2000px}.site-analysis-card__body-inner{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.site-analysis-card__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.site-analysis-card__pages{display:flex;flex-direction:column;gap:var(--space-1)}.site-analysis-card__page{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-snug);min-width:0}.site-analysis-card__page-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-analysis-card__page-slug{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-neutral-300);flex-shrink:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}@media(min-width:640px){.site-analysis-card__page-slug{display:block}}.site-analysis-card__page-type{font-size:.625rem;font-weight:var(--font-weight-medium);padding:1px var(--space-1);border-radius:var(--radius-sm);background:var(--color-neutral-100);color:var(--color-neutral-500);flex-shrink:0;white-space:nowrap}.site-analysis-card__page-type--service{background:var(--color-accent-subtle);color:var(--color-accent)}.site-analysis-card__page-type--case_study{background:#10b98114;color:var(--color-success)}.site-analysis-card__services{display:flex;flex-wrap:wrap;gap:var(--space-1)}.site-analysis-card__service-tag{font-size:var(--font-size-xs);padding:var(--space-0\.5) var(--space-2);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-600)}.site-analysis-card__info{display:flex;flex-direction:column;gap:var(--space-2)}.site-analysis-card__info-row{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-sm)}.site-analysis-card__info-label{font-weight:var(--font-weight-medium);color:var(--color-neutral-500);flex-shrink:0;min-width:100px}.site-analysis-card__info-value{color:var(--color-primary)}.site-analysis-card__excluded{font-size:var(--font-size-xs);color:var(--color-neutral-400);padding:var(--space-2) var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-md);line-height:var(--line-height-relaxed)}.site-analysis-card--rejected{border-color:var(--color-error-light)}.site-analysis-card--rejected .site-analysis-card__header{background:var(--color-error-light);cursor:default}.site-analysis-card--rejected .site-analysis-card__icon{background:#ef44441a;color:var(--color-error)}.site-analysis-card--rejected .site-analysis-card__title{color:var(--color-error-dark)}.site-analysis-card--rejected .site-analysis-card__stats{border-color:var(--color-error-light)}.site-analysis-card--rejected .site-analysis-card__stat{background:var(--color-error-light);color:var(--color-error-dark)}.image-lab{width:min(100%,96rem);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12);display:flex;flex-direction:column;gap:var(--space-6)}.image-lab__hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.9fr);gap:var(--space-4);align-items:stretch}.image-lab__hero-copy{padding:var(--space-8);border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);background:radial-gradient(circle at top right,var(--color-accent-subtle),transparent 45%),linear-gradient(135deg,var(--color-surface) 0%,var(--color-neutral-50) 100%);box-shadow:var(--shadow-sm)}.image-lab__title{margin-top:var(--space-3);font-family:var(--font-family-heading);font-size:clamp(var(--font-size-3xl),3.5vw,var(--font-size-5xl));line-height:var(--line-height-tight);color:var(--color-primary)}.image-lab__subtitle{margin-top:var(--space-3);max-width:44rem;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-neutral-600)}.image-lab__session{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-neutral-50) 100%)}.image-lab__session-label,.image-lab__eyebrow{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-500)}.image-lab__session-id{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-surface);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.image-lab__session-help{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-neutral-500)}.image-lab__tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.image-lab__tool-card,.image-lab__panel,.image-lab__source{box-shadow:var(--shadow-sm)}.image-lab__tool-header,.image-lab__panel-head,.image-lab__source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.image-lab__tool-title,.image-lab__panel-title,.image-lab__source-title{margin:var(--space-2) 0 0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--color-primary)}.image-lab__tool-meta,.image-lab__meta-grid,.image-lab__model-grid{display:grid;gap:var(--space-3)}.image-lab__tool-meta{margin:var(--space-5) 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}.image-lab__tool-meta div,.image-lab__meta-grid div,.image-lab__model-grid div{padding:var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-neutral-50)}.image-lab__tool-meta dt,.image-lab__meta-grid dt,.image-lab__model-grid dt{margin-bottom:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-neutral-500)}.image-lab__tool-meta dd,.image-lab__meta-grid dd,.image-lab__model-grid dd{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-primary);overflow-wrap:anywhere}.image-lab__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(20rem,.9fr);gap:var(--space-4);align-items:start}.image-lab__forms,.image-lab__results{display:flex;flex-direction:column;gap:var(--space-4)}.image-lab__form{margin-top:var(--space-5)}.image-lab__actions{justify-content:flex-start}.image-lab__source{padding:var(--space-4);background:linear-gradient(180deg,var(--color-neutral-50) 0%,var(--color-surface) 100%)}.image-lab__source-text{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-neutral-600)}.image-lab__notice{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.image-lab__notice--info{background-color:var(--color-info-light);color:var(--color-info);border-color:transparent}.image-lab__notice--success{background-color:var(--color-success-light);color:var(--color-success);border-color:transparent}.image-lab__notice--error{background-color:var(--color-error-light);color:var(--color-error-dark);border-color:transparent}.image-lab__preview-empty{display:grid;place-items:center;gap:var(--space-3);margin-top:var(--space-5);min-height:20rem;padding:var(--space-6);text-align:center;border:1px dashed var(--color-neutral-300);border-radius:var(--radius-xl);color:var(--color-neutral-500);background-color:var(--color-neutral-50)}.image-lab__preview-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-neutral-400)}.image-lab__preview-empty-icon svg{width:var(--space-8);height:var(--space-8)}.image-lab__preview{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.image-lab__preview-stage{display:grid;place-items:center;min-height:20rem;padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);background:var(--color-surface)}.image-lab__preview-image{max-width:100%;max-height:32rem;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background-color:var(--color-surface)}.image-lab__preview-link{width:fit-content;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none}.image-lab__preview-link:hover{text-decoration:underline}.image-lab__meta-grid,.image-lab__model-grid{margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.image-lab__history-empty{margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-neutral-500)}.image-lab__history{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.image-lab__history-item{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background-color:var(--color-neutral-50)}.image-lab__history-thumb{display:grid;place-items:center;min-height:4.5rem;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:var(--color-surface)}.image-lab__history-thumb img{width:100%;height:100%;object-fit:cover}.image-lab__history-copy{min-width:0}.image-lab__history-copy p{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-neutral-600);overflow-wrap:anywhere}.image-lab__history-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary)}.image-lab__history-topline strong{overflow-wrap:anywhere}.image-lab__raw{margin-top:var(--space-5);border-top:1px solid var(--color-neutral-200);padding-top:var(--space-4)}.image-lab__raw summary{cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.image-lab__raw-output{margin:var(--space-3) 0 0;padding:var(--space-4);overflow:auto;border-radius:var(--radius-lg);background-color:var(--color-neutral-900);color:var(--color-neutral-100);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.image-lab__panel--sticky{position:sticky;top:calc(var(--header-height) + var(--space-4))}.image-lab__badge--error{background-color:var(--color-error-light);color:var(--color-error-dark)}.image-lab input[type=file].form-input{height:auto;padding-block:var(--space-3)}@media(max-width:1100px){.image-lab__hero,.image-lab__layout{grid-template-columns:1fr}.image-lab__panel--sticky{position:static}}@media(max-width:720px){.image-lab{padding-inline:var(--space-3)}.image-lab__hero-copy,.image-lab__session{padding:var(--space-5)}.image-lab__tool-grid,.image-lab__tool-meta,.image-lab__meta-grid,.image-lab__model-grid{grid-template-columns:1fr}.image-lab__panel-head,.image-lab__source-head,.image-lab__history-topline{flex-direction:column;align-items:flex-start}.image-lab__preview-stage,.image-lab__preview-empty{min-height:16rem}}.workspace{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));overflow:hidden}.workspace__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-200);background-color:var(--color-surface);flex-shrink:0}.workspace__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace__meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:var(--line-height-normal)}.status-badge--draft{background-color:var(--color-neutral-100);color:var(--color-neutral-600)}.status-badge--generating{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge--live{background-color:var(--color-success-light);color:var(--color-success)}.btn--synced{background-color:color-mix(in srgb,var(--color-success, #22c55e) 12%,var(--color-surface, #fff));color:var(--color-success, #22c55e);border:1px solid color-mix(in srgb,var(--color-success, #22c55e) 25%,transparent);cursor:default;opacity:.85}.btn--synced:disabled{opacity:.85}.deploy-rocket-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1b2138;animation:rocket-overlay-in .4s ease-out;overflow:hidden}.deploy-rocket-overlay__obj{position:absolute;inset:0;width:100%;height:100%;border:none;pointer-events:none}@keyframes rocket-overlay-in{0%{opacity:0}to{opacity:1}}.status-badge--ready_for_preview{background-color:var(--color-info-light);color:var(--color-info)}.status-badge--review_failed{background-color:var(--color-error-light);color:var(--color-error)}.status-badge--awaiting_legal{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge--error{background-color:var(--color-error-light);color:var(--color-error)}.workspace__tabs{display:flex;border-bottom:1px solid var(--color-neutral-200);background-color:var(--color-surface);flex-shrink:0}.workspace__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default)}.workspace__tab:hover{color:var(--color-neutral-700)}.workspace__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.workspace__tab svg{width:var(--space-4);height:var(--space-4)}@media(min-width:1024px){.workspace__tabs{display:none}}.workspace__body{display:flex;flex-direction:column;flex:1;overflow:hidden}@media(min-width:1024px){.workspace__body{flex-direction:row}}.workspace__chat{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.workspace__chat.is-hidden{display:none}@media(min-width:1024px){.workspace__chat{display:flex!important;width:400px;min-width:320px;max-width:480px;flex:none;border-right:1px solid var(--color-neutral-200)}}.workspace__preview{display:none;flex-direction:column;flex:1;min-height:0;overflow:hidden;background-color:var(--color-neutral-100)}.workspace__preview.is-visible{display:flex}@media(min-width:1024px){.workspace__preview{display:flex!important}}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-neutral-200);background-color:var(--color-surface);flex-shrink:0}.preview-toolbar__left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.preview-toolbar__modes{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-neutral-100);border-radius:var(--radius-md);flex-shrink:0}.preview-toolbar__btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--easing-default)}.preview-toolbar__btn:hover{color:var(--color-neutral-700)}.preview-toolbar__btn.is-active{background-color:var(--color-surface);color:var(--color-neutral-900);box-shadow:var(--shadow-xs)}.preview-toolbar__btn svg{width:var(--space-4);height:var(--space-4)}.preview-toolbar__url{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--color-neutral-100);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-neutral-500);min-width:0;overflow:hidden}.preview-toolbar__url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-toolbar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.btn--icon{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);color:var(--color-neutral-500);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.btn--icon:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-100)}.btn--icon svg{width:var(--space-4);height:var(--space-4)}.preview__container{flex:1;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:var(--space-4)}.preview__frame-wrapper{position:relative;width:100%;max-width:100%;height:100%;background-color:var(--color-surface);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);overflow:hidden;margin:0 auto;transition:max-width var(--duration-normal) var(--easing-default)}.preview__frame-wrapper[data-mode=mobile]{max-width:375px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.preview__iframe{width:100%;height:100%;border:none;display:block}.preview__placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.preview__placeholder-icon{width:var(--space-16);height:var(--space-16);color:var(--color-neutral-300)}.preview__placeholder-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.preview__placeholder-text{font-size:var(--font-size-sm);color:var(--color-neutral-500);max-width:320px;line-height:var(--line-height-relaxed)}.preview__loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8)}.preview__loading-percent,.stream-viewer__percent{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-400)}.preview__mini-progress,.stream-viewer__mini-progress{width:min(18rem,42vw);height:4px;border-radius:var(--radius-full);background:#94a3b82e;overflow:hidden}.preview__mini-progress-bar,.stream-viewer__mini-progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#818cf8,#a5b4fc);transition:width var(--duration-normal) var(--easing-default)}.preview__skeleton{width:100%;max-width:600px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.preview__skeleton-nav{height:var(--space-3);width:60%;background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.preview__skeleton-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0}.preview__skeleton-title{height:var(--space-5);width:70%;background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.preview__skeleton-subtitle{height:var(--space-3);width:50%;background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;animation-delay:.2s;border-radius:var(--radius-sm)}.preview__skeleton-btn{height:var(--space-8);width:var(--space-20);background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;animation-delay:.4s;border-radius:var(--radius-md)}.preview__skeleton-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.preview__skeleton-card{height:var(--space-20);background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.preview__skeleton-card:nth-child(2){animation-delay:.2s}.preview__skeleton-card:nth-child(3){animation-delay:.4s}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview__loading-status{display:inline-flex;align-items:center;gap:var(--space-2)}.preview__loading-frame{color:var(--color-accent)}.preview__loading-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.preview__error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.preview__error-icon{color:var(--color-error)}.preview__error-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-error)}.preview__error-text{font-size:var(--font-size-sm);color:var(--color-neutral-700);max-width:400px;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium)}.preview__error-hint{font-size:var(--font-size-xs);color:var(--color-neutral-500);max-width:320px;line-height:var(--line-height-relaxed)}.preview__error-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.progress{flex-shrink:0;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-neutral-200)}.progress.is-hidden{display:none}.progress__label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.progress__step{color:var(--color-neutral-700)}.progress__percent{color:var(--color-accent)}.progress__track{width:100%;height:var(--space-2);background-color:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress__fill{height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--easing-default);width:0}.progress__fill[data-complete]{background-color:var(--color-success)}.versions-panel{display:none;flex-direction:column;width:280px;flex-shrink:0;border-left:1px solid var(--color-neutral-200);background-color:var(--color-surface);overflow:hidden}.versions-panel.is-visible{display:flex}.versions-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.versions-panel__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.versions-panel__close{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);color:var(--color-neutral-400);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--easing-default)}.versions-panel__close:hover{color:var(--color-neutral-700)}.versions-panel__close svg{width:var(--space-4);height:var(--space-4)}.versions-panel__list{flex:1;overflow-y:auto;padding:var(--space-2)}.versions-panel__empty{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-neutral-500)}.share-modal .modal__backdrop{border:0;cursor:pointer}.share-modal__content{max-width:34rem}.share-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.share-modal__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 var(--space-1)}.share-modal__subtitle{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-neutral-500);margin:0}.share-modal__close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);flex-shrink:0;color:var(--color-neutral-500);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.share-modal__close:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.share-modal__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.share-modal__field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.share-modal__field--full{grid-column:1 / -1}.share-modal__field small{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-neutral-500)}.share-modal__toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.share-modal__toggle input{width:1rem;height:1rem;margin:0;accent-color:var(--color-primary)}.share-modal__input,.share-modal__url{width:100%;min-width:0;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-neutral-900);font-size:var(--font-size-sm)}.share-modal__input{height:var(--button-height-md);padding:0 var(--space-3)}.share-modal__input:disabled{color:var(--color-neutral-400);background-color:var(--color-neutral-100);cursor:not-allowed}.share-modal__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5)}.share-modal__result{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-neutral-200)}.share-modal__result-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-500);text-transform:uppercase}.share-modal__url-row{display:flex;gap:var(--space-2)}.share-modal__url{height:var(--button-height-sm);padding:0 var(--space-3)}.share-modal__status{min-height:1.25rem;margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-neutral-500)}@media(max-width:640px){.share-modal__form,.share-modal__url-row{grid-template-columns:1fr;flex-direction:column}.share-modal__actions{align-items:stretch;flex-direction:column}}.version-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--easing-default)}.version-item:hover{background-color:var(--color-neutral-50)}.version-item.is-current{background-color:var(--color-accent-subtle)}.version-item__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background-color:var(--color-neutral-300);margin-top:var(--space-2);flex-shrink:0}.version-item.is-current .version-item__dot{background-color:var(--color-accent)}.version-item__info{flex:1;min-width:0}.version-item__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.version-item__meta{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-top:var(--space-0\.5)}.version-item__actions{flex-shrink:0}.version-item__rollback{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-medium);opacity:0;transition:opacity var(--duration-fast) var(--easing-default)}.version-item:hover .version-item__rollback{opacity:1}.browser-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);flex-shrink:0;min-height:40px}.browser-bar__nav{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.browser-bar__icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-neutral-500);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.browser-bar__icon-btn:hover{color:var(--color-neutral-800);background-color:var(--color-neutral-200)}.browser-bar__device-toggle{display:flex;align-items:center;background-color:var(--color-neutral-200);border-radius:var(--radius-md);padding:2px}.browser-bar__device-btn{display:flex;align-items:center;justify-content:center;width:26px;height:24px;color:var(--color-neutral-400);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--easing-default)}.browser-bar__device-btn:hover{color:var(--color-neutral-600)}.browser-bar__device-btn.is-active{background-color:var(--color-surface);color:var(--color-neutral-800);box-shadow:0 1px 2px #00000014}.browser-bar__address{display:flex;align-items:center;flex:1;min-width:0;height:30px;padding:0 var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);gap:var(--space-1);transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.browser-bar__address:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.browser-bar__lock-icon{flex-shrink:0;color:var(--color-neutral-400)}.browser-bar__favicon{flex-shrink:0;width:14px;height:14px;border-radius:var(--radius-sm);object-fit:contain}.browser-bar__host{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-neutral-400);-webkit-user-select:none;user-select:none}.browser-bar__page-picker{position:relative;display:flex;align-items:center;flex:1;min-width:0}.browser-bar__page-input{width:100%;border:none;background:transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);outline:none;padding:0;font-family:var(--font-family-mono, monospace)}.browser-bar__page-input::placeholder{color:var(--color-neutral-400)}.browser-bar__chevron{flex-shrink:0;color:var(--color-neutral-400);cursor:pointer;transition:transform var(--duration-fast) var(--easing-default)}.browser-bar__page-picker.is-open .browser-bar__chevron{transform:rotate(180deg)}.browser-bar__dropdown{position:absolute;top:calc(100% + var(--space-2));left:calc(-1 * var(--space-4));right:calc(-1 * var(--space-4));min-width:200px;max-height:240px;overflow-y:auto;background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-1)}.browser-bar__dropdown.is-hidden{display:none}.browser-bar__dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-family:var(--font-family-mono, monospace);color:var(--color-neutral-600);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default)}.browser-bar__dropdown-item:hover,.browser-bar__dropdown-item.is-highlighted{background-color:var(--color-accent-subtle);color:var(--color-accent)}.browser-bar__dropdown-item.is-active{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.browser-bar__dropdown-label{color:var(--color-neutral-400);font-family:var(--font-family-sans, sans-serif);font-size:var(--font-size-xs);margin-left:auto;flex-shrink:0}.browser-bar__tabs{display:flex;align-items:center;gap:0;flex-shrink:0;position:relative;top:5px}.browser-bar__tab{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);white-space:nowrap;border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid transparent;border-bottom:none;margin-bottom:-1px;position:relative;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.browser-bar__tab:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-100)}.browser-bar__tab.is-active{color:var(--color-accent);background-color:var(--color-surface);border-color:var(--color-neutral-200);font-weight:var(--font-weight-semibold)}.browser-bar__tab.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.browser-bar__tab svg{flex-shrink:0}.preview-tab-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.preview-tab-content.is-hidden{display:none}.code-panel{display:flex;flex:1;min-height:0;overflow:hidden}.code-panel__sidebar{display:flex;flex-direction:column;width:240px;flex-shrink:0;border-right:1px solid var(--color-neutral-200);background-color:var(--color-surface);overflow:hidden}.code-panel__sidebar-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}.code-panel__sidebar-header svg{flex-shrink:0;color:var(--color-neutral-400)}.code-panel__tree{flex:1;overflow-y:auto;padding:var(--space-1)}.code-panel__tree-empty{padding:var(--space-3);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.code-panel__export{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);border-top:1px solid var(--color-neutral-200);flex-shrink:0;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.code-panel__export:hover{color:var(--color-accent);background-color:var(--color-neutral-50)}.code-panel__export svg{flex-shrink:0}.code-panel__main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.code-panel__toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-700);flex-shrink:0}.code-panel__breadcrumb-text{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-neutral-300);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.code-panel__toolbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}.code-panel__status{display:inline-flex;align-items:center;padding:var(--space-0\.5) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);flex-shrink:0;transition:all var(--duration-fast) var(--easing-default)}.code-panel__status:empty{display:none}.code-panel__status.is-hidden{display:none}.code-panel__status--modified{color:var(--color-warning);background-color:#ff980026}.code-panel__status--saved{color:var(--color-success);background-color:#4caf5026}.code-panel__status--error{color:var(--color-error);background-color:#f4433626}.code-panel__save-btn,.code-panel__regen-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.code-panel__save-btn{color:var(--color-surface);background-color:var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--duration-fast) var(--easing-default)}.code-panel__save-btn:hover:not(:disabled){opacity:.9}.code-panel__save-btn:disabled{opacity:.4;cursor:not-allowed}.code-panel__regen-btn{color:var(--color-neutral-700);background-color:var(--color-neutral-100);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.code-panel__regen-btn:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-200)}.code-panel__regen-btn.is-hidden,.code-panel__save-btn.is-hidden{display:none}.code-panel__save-btn svg,.code-panel__regen-btn svg{flex-shrink:0}.code-panel__editor{flex:1;min-height:0;overflow:hidden}.code-panel__editor.is-hidden{display:none}.code-panel__image-viewer{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--space-6);background-color:var(--color-neutral-100);background-image:linear-gradient(45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(-45deg,var(--color-neutral-200) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-neutral-200) 75%),linear-gradient(-45deg,transparent 75%,var(--color-neutral-200) 75%);background-size:var(--space-5) var(--space-5);background-position:0 0,0 10px,10px -10px,-10px 0}.code-panel__image-viewer.is-hidden{display:none}.code-panel__image-viewer img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.code-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--space-3);padding:var(--space-8);color:var(--color-neutral-400);text-align:center;background-color:var(--color-neutral-900)}.code-panel__empty.is-hidden{display:none}.code-panel__empty p{font-size:var(--font-size-sm);max-width:280px}.edit-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}.edit-toolbar__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);background-color:var(--color-neutral-100);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.edit-toolbar__btn:hover{color:var(--color-accent);background-color:var(--color-accent-subtle)}.edit-toolbar__btn svg{flex-shrink:0}.edit-toolbar__btn--toggle.is-active{color:var(--color-accent);background-color:var(--color-accent-subtle, rgba(196, 25, 127, .08))}.edit-toolbar__hint{font-size:var(--font-size-xs);color:var(--color-neutral-400)}.preview-page-select--edit{flex-shrink:0}.edit-iframe-container{flex:1;min-height:0;overflow:hidden;position:relative;background:var(--gradient-subtle);transition:padding var(--duration-normal) var(--easing-default)}.edit-iframe{width:100%;height:100%;border:none;display:block;transition:max-width var(--duration-normal) var(--easing-default);margin:0 auto}.edit-iframe-container[data-mode=mobile]{padding:var(--space-4);overflow:auto}.edit-iframe-container[data-mode=mobile] .edit-iframe{max-width:375px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.edit-popup{position:fixed;z-index:var(--z-modal);display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;max-width:320px;overflow:hidden;transition:max-width var(--duration-fast) var(--easing-default)}.edit-popup.is-prompt-mode{min-width:340px;max-width:400px}.edit-popup.is-hidden{display:none}.edit-popup__actions{display:flex;flex-direction:column;padding:var(--space-1)}.edit-popup__actions.is-hidden{display:none}.edit-popup__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);border-radius:var(--radius-md);text-align:left;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.edit-popup__item:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.edit-popup__item svg{flex-shrink:0;color:var(--color-neutral-400);transition:color var(--duration-fast) var(--easing-default)}.edit-popup__item:hover svg{color:var(--color-neutral-600)}.edit-popup__item--primary{color:var(--color-accent)}.edit-popup__item--primary svg{color:var(--color-accent)}.edit-popup__item--primary:hover{background-color:var(--color-accent-subtle);color:var(--color-accent)}.edit-popup__item--primary:hover svg{color:var(--color-accent)}.edit-popup__item--ai svg{color:var(--color-neutral-400)}.edit-popup__item--ai:hover svg{color:var(--color-accent)}.edit-popup__item--ai:hover{color:var(--color-accent);background-color:var(--color-accent-subtle)}.edit-popup__item--primary+.edit-popup__item--ai{border-top:1px solid var(--color-neutral-100);margin-top:var(--space-1);padding-top:calc(var(--space-2) + var(--space-0\.5))}.edit-popup__prompt{padding:var(--space-4)}.edit-popup__prompt.is-hidden{display:none}.edit-popup__prompt-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin-bottom:var(--space-3)}.edit-popup__prompt-input{width:100%;padding:var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family-sans);line-height:var(--line-height-relaxed);color:var(--color-neutral-800);background-color:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);resize:vertical;min-height:var(--space-20)}.edit-popup__prompt-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.edit-popup__prompt-input::placeholder{color:var(--color-neutral-400)}.edit-popup__prompt-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.edit-popup__prompt-cancel{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);border-radius:var(--radius-md);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.edit-popup__prompt-cancel:hover{color:var(--color-neutral-800);background-color:var(--color-neutral-100)}.edit-popup__prompt-send{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-surface);background-color:var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.edit-popup__prompt-send:hover{opacity:.9;box-shadow:var(--shadow-md)}.edit-popup__prompt-send svg{flex-shrink:0}.edit-popup__item.is-hidden{display:none}.edit-popup__item svg{flex-shrink:0;color:var(--color-neutral-400)}.edit-popup__item:hover svg{color:var(--color-accent)}.edit-ctx{position:fixed;z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:240px;max-width:340px;overflow:hidden}.edit-ctx.is-hidden,.edit-ctx .is-hidden{display:none}.edit-ctx__section{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-neutral-100)}.edit-ctx__section.is-hidden{display:none}.edit-ctx__url-row{display:flex;align-items:center;gap:var(--space-2)}.edit-ctx__url-icon{flex-shrink:0;color:var(--color-neutral-400)}.edit-ctx__url-input{flex:1;min-width:0;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-family:ui-monospace,SFMono-Regular,monospace;color:var(--color-neutral-800);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--easing-default)}.edit-ctx__url-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.edit-ctx__url-save{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-accent);transition:background-color var(--duration-fast) var(--easing-default)}.edit-ctx__url-save:hover{background-color:var(--color-accent-subtle)}.edit-ctx__img-preview{width:100%;height:64px;border-radius:var(--radius-md);background-size:cover;background-position:center;background-color:var(--color-neutral-100)}.edit-ctx__actions{display:flex;flex-direction:column;padding:var(--space-1)}.edit-ctx__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);border-radius:var(--radius-md);text-align:left;transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.edit-ctx__item:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.edit-ctx__item svg{flex-shrink:0;color:var(--color-neutral-400);transition:color var(--duration-fast) var(--easing-default)}.edit-ctx__item:hover svg{color:var(--color-neutral-600)}.edit-ctx__item.is-hidden{display:none}.edit-ctx__item--ai:hover{color:var(--color-accent);background-color:var(--color-accent-subtle)}.edit-ctx__item--ai:hover svg{color:var(--color-accent)}.edit-ctx__prompt{padding:var(--space-3);border-top:1px solid var(--color-neutral-100)}.edit-ctx__prompt.is-hidden{display:none}.edit-ctx__prompt-input{width:100%;padding:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-800);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);resize:vertical;outline:none;font-family:inherit;min-height:60px}.edit-ctx__prompt-input:focus{border-color:var(--color-accent)}.edit-ctx__prompt-footer{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.edit-ctx__prompt-cancel{font-size:var(--font-size-sm);color:var(--color-neutral-500);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md)}.edit-ctx__prompt-cancel:hover{color:var(--color-neutral-700);background-color:var(--color-neutral-100)}.edit-ctx__prompt-send{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-surface);background-color:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md)}.edit-ctx__prompt-send:hover{opacity:.9}.edit-ctx__ref-upload{margin-top:var(--space-2)}.edit-ctx__ref-upload.is-hidden{display:none}.edit-ctx__ref-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-neutral-500);cursor:pointer;padding:var(--space-1) 0}.edit-ctx__ref-label:hover{color:var(--color-accent)}.edit-ctx__ref-label.is-hidden{display:none}.edit-ctx__ref-preview{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.edit-ctx__ref-preview.is-hidden{display:none}.edit-ctx__ref-preview img{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm)}.edit-ctx__ref-remove{font-size:var(--font-size-sm);color:var(--color-neutral-400);line-height:1;padding:var(--space-1);border-radius:var(--radius-sm)}.edit-ctx__ref-remove:hover{color:var(--color-error);background-color:var(--color-error-subtle, rgba(239, 68, 68, .1))}@media(max-width:1023px){.code-panel{flex-direction:column}.code-panel__sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid var(--color-neutral-200)}}.file-tree__folder-header{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default)}.file-tree__folder-header:hover{background-color:var(--color-neutral-100)}.file-tree__chevron{flex-shrink:0;color:var(--color-neutral-400);transition:transform var(--duration-fast) var(--easing-default)}.file-tree__folder.is-open>.file-tree__folder-header .file-tree__chevron{transform:rotate(90deg)}.file-tree__folder-icon{flex-shrink:0;color:var(--color-neutral-400)}.file-tree__folder.is-open>.file-tree__folder-header .file-tree__folder-icon{color:var(--color-accent)}.file-tree__count{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-neutral-400);font-weight:var(--font-weight-normal)}.file-tree__folder-children{display:none}.file-tree__folder.is-open>.file-tree__folder-children{display:block}.file-tree__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-neutral-700);transition:background-color var(--duration-fast) var(--easing-default);text-align:left;cursor:pointer}.file-tree__item:hover{background-color:var(--color-neutral-100)}.file-tree__item.is-active{background-color:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-weight-medium)}.file-tree__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-neutral-400)}.file-tree__item.is-active .file-tree__icon{color:var(--color-accent)}.file-tree__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree__row{display:flex;align-items:center}.file-tree__row .file-tree__item{flex:1;min-width:0}.file-tree__item--unused{color:var(--color-neutral-400)}.file-tree__item--unused:hover{color:var(--color-warning)}.file-tree__item--unused .file-tree__icon{color:var(--color-warning);opacity:.7}.file-tree__item--unused:hover .file-tree__icon{opacity:1}.file-tree__unused-badge{font-size:.625rem;color:var(--color-warning);background-color:var(--color-warning-light);padding:0 var(--space-1);border-radius:var(--radius-sm);flex-shrink:0;line-height:1.4}.file-tree__delete{display:flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);flex-shrink:0;color:var(--color-neutral-400);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.file-tree__row:hover .file-tree__delete{opacity:1}.file-tree__delete:hover{color:var(--color-error);background-color:var(--color-error-light)}.workspace__preview{position:relative}.preview__container.is-hidden,.preview__placeholder.is-hidden{display:none}.fullscreen-preview{display:none;position:fixed;inset:0;z-index:var(--z-modal);flex-direction:column;background-color:var(--color-neutral-100)}.fullscreen-preview.is-visible{display:flex}.fullscreen-preview__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}.fullscreen-preview__modes{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-neutral-100);border-radius:var(--radius-md)}.fullscreen-preview__mode-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);color:var(--color-neutral-500);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--easing-default)}.fullscreen-preview__mode-btn:hover{color:var(--color-neutral-700)}.fullscreen-preview__mode-btn.is-active{background-color:var(--color-surface);color:var(--color-neutral-900);box-shadow:var(--shadow-xs)}.fullscreen-preview__mode-btn svg{width:var(--space-4);height:var(--space-4)}.fullscreen-preview__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-preview__close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);color:var(--color-neutral-500);transition:color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.fullscreen-preview__close:hover{color:var(--color-neutral-900);background-color:var(--color-neutral-100)}.fullscreen-preview__body{flex:1;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:var(--space-4)}.fullscreen-preview__frame-wrapper{position:relative;width:100%;max-width:100%;height:100%;background-color:var(--color-surface);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);overflow:hidden;margin:0 auto;transition:max-width var(--duration-normal) var(--easing-default)}.fullscreen-preview__frame-wrapper[data-mode=mobile]{max-width:375px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.fullscreen-preview__iframe{width:100%;height:100%;border:none;display:block}.devtools-guard{position:absolute;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-normal) var(--easing-default),visibility var(--duration-normal) var(--easing-default);overflow:hidden}.devtools-guard.is-visible{opacity:1;visibility:visible;pointer-events:auto}.workspace.is-screenshot-mode .devtools-guard{display:none!important}.devtools-guard__backdrop{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(196,25,127,.18),transparent 42%),radial-gradient(circle at bottom right,rgba(234,118,42,.18),transparent 38%),linear-gradient(180deg,#f7f8fcf5,#f0f1f8fc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.devtools-guard__content{position:relative;z-index:1;width:min(100%,40rem);min-height:min(100%,28rem);padding:clamp(var(--space-6),4vw,var(--space-10));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;box-sizing:border-box}.devtools-guard__content:before{content:"";position:absolute;top:-72px;right:-56px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#c4197f1f,#c4197f00 70%);pointer-events:none}.devtools-guard__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#c4197f14;color:var(--color-accent-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.devtools-guard__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-gradient-brand);box-shadow:0 0 0 6px #c4197f1a}.devtools-guard__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;color:var(--color-surface);background:var(--color-gradient-brand);box-shadow:var(--shadow-colored)}.devtools-guard__title{margin:0;font-family:var(--font-family-heading);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-neutral-900)}.devtools-guard__text{margin:0;max-width:28rem;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-neutral-600)}.devtools-guard__hint{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-500)}.chat__ws-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.chat__ws-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.chat__ws-dot--connected{background-color:var(--color-success)}.chat__ws-dot--disconnected{background-color:var(--color-warning)}.chat__ws-dot--loading{background-color:var(--color-neutral-400);animation:ws-dot-pulse 1.5s ease infinite}.chat__ws-dot--unavailable{background-color:var(--color-warning);animation:ws-dot-pulse 2s ease infinite}@keyframes ws-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.chat__ws-label--unavailable{color:var(--color-warning)}.stream-viewer{position:relative;flex:1;min-height:0;overflow:hidden;background-color:var(--color-neutral-900)}.stream-viewer.is-hidden{display:none}.stream-viewer__body{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none}.stream-viewer__body::-webkit-scrollbar{display:none}.stream-viewer__code{margin:0;padding:var(--space-4);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-neutral-500);white-space:pre-wrap;word-break:break-word;min-height:100%;box-sizing:border-box;background-color:var(--color-neutral-900)}.stream-viewer__code code{display:block;min-height:100%}.stream-viewer__code .sh-tag{color:var(--color-brand-orange)}.stream-viewer__code .sh-attr{color:var(--color-brand-gold)}.stream-viewer__code .sh-str{color:var(--color-success)}.stream-viewer__code .sh-cmt{color:var(--color-neutral-600)}.stream-viewer__code .sh-prop{color:var(--color-brand-violet)}.stream-viewer__code .sh-val{color:var(--color-brand-magenta)}.stream-viewer__code .sh-kw{color:var(--color-brand-indigo)}.stream-viewer__code .sh-num{color:var(--color-brand-gold)}.stream-viewer__code .sh-punct{color:var(--color-neutral-400)}.stream-viewer:before,.stream-viewer:after{content:"";position:absolute;left:0;right:0;height:25%;z-index:2;pointer-events:none}.stream-viewer:before{top:0;background:linear-gradient(to bottom,var(--color-neutral-900),transparent)}.stream-viewer:after{bottom:0;background:linear-gradient(to top,var(--color-neutral-900),transparent)}.stream-viewer__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;gap:var(--space-3);color:var(--color-surface);font-size:var(--font-size-sm);pointer-events:none;background:radial-gradient(ellipse at center,#0f1222d9,#0f122299)}.preview__skeleton,.preview__loading-percent,.preview__mini-progress,.preview__loading-status,.stream-viewer__percent,.stream-viewer__mini-progress,.stream-viewer__status{margin:0}.stream-viewer__status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#080c187a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stream-viewer__frame{color:var(--color-accent)}.loading-wave-char{display:inline-block}@keyframes stream-icon-pulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(calc(var(--space-1) * -1))}}.stream-viewer__label{font-weight:var(--font-weight-medium);letter-spacing:.02em}.stream-viewer__progress{width:min(60%,var(--space-20));height:var(--space-1);background-color:var(--color-neutral-700);border-radius:var(--radius-full);overflow:hidden}.stream-viewer__progress-bar{height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);width:0%;transition:width var(--duration-normal) var(--easing-default)}.stream-viewer.is-fading{opacity:0;transition:opacity var(--duration-normal) var(--easing-default)}@media(max-width:900px){.preview-tabs{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.preview-tabs__center{width:100%;justify-content:center}.preview-tabs__actions{position:static;width:100%;justify-content:flex-end;flex-wrap:wrap}.preview-page-select{flex:1 1 180px}.preview-page-select__control{min-width:0;width:100%;max-width:none}.edit-toolbar__hint{width:100%}}@media(max-width:767px){.browser-bar{flex-wrap:wrap;row-gap:var(--space-2);padding:var(--space-2);min-height:0}.browser-bar__nav{order:1;gap:var(--space-1)}.browser-bar__address{order:2;flex:1 1 0;min-width:0;height:32px}.browser-bar__host{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-bar__tabs{order:3;width:100%;top:0;gap:var(--space-1);padding:2px;background-color:var(--color-neutral-200);border-radius:var(--radius-md)}.browser-bar__tab{flex:1;justify-content:center;padding:var(--space-2);border-radius:var(--radius-sm);border:none;margin-bottom:0;font-size:var(--font-size-xs)}.browser-bar__tab.is-active{background-color:var(--color-surface);border:none;box-shadow:0 1px 2px #00000014}}.editor-tutorial-modal__content{width:auto;max-width:min(1400px,95vw);max-height:95vh;padding:var(--space-6) var(--space-6) var(--space-5);display:flex;flex-direction:column}.editor-tutorial-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;cursor:pointer;color:var(--color-neutral-700);padding:var(--space-1);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--easing-default)}.editor-tutorial-modal__close:hover{background-color:var(--color-surface-alt)}.editor-tutorial-modal__title{margin:0 0 var(--space-2);font-size:var(--font-size-xl);color:var(--color-neutral-900)}.editor-tutorial-modal__intro{margin:0 0 var(--space-4);color:var(--color-neutral-700);font-size:var(--font-size-sm);line-height:1.5}.editor-tutorial-modal__video{--tutorial-chrome-h: 14rem;--tutorial-padding-x: calc(var(--space-6) * 2);position:relative;width:min(calc(95vw - var(--tutorial-padding-x)),calc((95vh - var(--tutorial-chrome-h)) * 16 / 9));aspect-ratio:16 / 9;margin-inline:auto;margin-bottom:var(--space-4);background-color:var(--color-neutral-900);border-radius:var(--radius-lg);overflow:hidden}@media(max-width:640px){.editor-tutorial-modal__content{padding:var(--space-4) var(--space-4) var(--space-3);max-width:96vw;max-height:96vh}.editor-tutorial-modal__video{--tutorial-chrome-h: 12rem;--tutorial-padding-x: calc(var(--space-4) * 2)}.editor-tutorial-modal__title{font-size:var(--font-size-lg)}.editor-tutorial-modal__intro{margin-bottom:var(--space-3)}}.editor-tutorial-modal__video-frame,.editor-tutorial-modal__video-frame iframe,.editor-tutorial-modal__video-placeholder{position:absolute;inset:0;width:100%;height:100%;border:0}.editor-tutorial-modal__video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-surface);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);text-align:center;padding:var(--space-4)}.editor-tutorial-modal__video-placeholder p{margin:0;font-size:var(--font-size-sm);opacity:.85}.editor-tutorial-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.stest{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));overflow:hidden}.stest__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}.stest__control-group{display:flex;align-items:center;gap:var(--space-2)}.stest__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);white-space:nowrap}.stest__slider{width:7rem;accent-color:var(--color-accent);cursor:pointer}.stest__slider-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);min-width:var(--space-8);text-align:center}.stest__actions{display:flex;gap:var(--space-2);margin-left:auto}.stest__btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background-color:var(--color-surface);color:var(--color-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default)}.stest__btn:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-300)}.stest__btn--primary{background-color:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.stest__btn--primary:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.stest__status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-0\.5) var(--space-2);border-radius:var(--radius-full)}.stest__status--active{background-color:var(--color-accent-light);color:var(--color-accent)}.stest__status--done{background-color:var(--color-neutral-100);color:var(--color-neutral-500)}.stest__panels{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden;min-height:0}.stest__panel{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--color-neutral-200)}.stest__panel:last-child{border-right:none}.stest__panel-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}.stest__panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.stest__panel-badge{font-size:var(--font-size-xs);padding:var(--space-0\.5) var(--space-2);border-radius:var(--radius-full);background-color:var(--color-accent-light);color:var(--color-accent);font-weight:var(--font-weight-medium)}.stest__panel-badge--old{background-color:var(--color-neutral-100);color:var(--color-neutral-500)}.stest__chat-area{display:flex;gap:var(--space-4);flex:1;overflow:hidden;padding:var(--space-4)}.stest__chat-column{flex:1;min-width:0;display:flex;flex-direction:column}.stest__chat-column--old{display:none;border-left:1px solid var(--color-neutral-200);padding-left:var(--space-4)}.stest__chat-column--old.is-visible{display:flex}.stest__chat-column-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);flex-shrink:0}.stest__bubble{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-primary)}.stest__code-body{flex:1;overflow-y:auto;padding:var(--space-4);background-color:var(--color-neutral-900);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-neutral-100);white-space:pre-wrap;word-break:break-word}.stream-cursor:after{content:"";display:inline-block;width:2px;height:1em;background-color:var(--color-accent);margin-left:1px;vertical-align:text-bottom;animation:stream-blink .6s steps(2) infinite}@keyframes stream-blink{0%,to{opacity:1}50%{opacity:0}}.stest__bubble .md-p{margin-bottom:var(--space-2)}.stest__bubble .md-p:last-child{margin-bottom:0}.stest__bubble .md-strong{font-weight:var(--font-weight-semibold)}.stest__bubble .md-em{font-style:italic}.stest__bubble .md-inline-code{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);background-color:var(--color-neutral-100);padding:var(--space-0\.5) var(--space-1);border-radius:var(--radius-sm)}.stest__bubble .md-pre{margin:var(--space-2) 0;padding:var(--space-3);background-color:var(--color-neutral-800);color:var(--color-neutral-100);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.stest__bubble .md-pre .md-code{font-family:var(--font-family-mono, monospace)}.stest__bubble .md-ul,.stest__bubble .md-ol{margin:var(--space-2) 0;padding-left:var(--space-5)}.stest__bubble .md-ul{list-style-type:disc}.stest__bubble .md-ol{list-style-type:decimal}.stest__bubble .md-li{margin-bottom:var(--space-1)}.stest__bubble .md-blockquote{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-neutral-300);color:var(--color-neutral-600);font-style:italic}.stest__bubble .md-h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.stest__bubble .md-h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.stest__bubble .md-h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.stest__bubble .md-link{color:var(--color-accent);text-decoration:underline}@media(max-width:768px){.stest__panels{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.stest__panel{border-right:none;border-bottom:1px solid var(--color-neutral-200)}.stest__controls{gap:var(--space-2);padding:var(--space-2)}.stest__slider{width:5rem}}.launch-lab{min-height:calc(100vh - var(--header-height));padding:clamp(var(--space-4),3vw,var(--space-8));background:radial-gradient(circle at top left,rgba(196,25,127,.08),transparent 28%),radial-gradient(circle at bottom right,rgba(234,118,42,.1),transparent 32%),var(--gradient-subtle)}.launch-lab__shell{width:min(1320px,100%);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.launch-lab__hero{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);padding:clamp(var(--space-5),3vw,var(--space-8));border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);background:linear-gradient(180deg,#fffffff0,#f7f8fcf5);box-shadow:var(--shadow-lg)}.launch-lab__hero-copy{max-width:46rem}.launch-lab__eyebrow{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.launch-lab__title{margin:0 0 var(--space-3);font-family:var(--font-family-heading);font-size:clamp(1.9rem,3vw,3.2rem);line-height:var(--line-height-tight);color:var(--color-neutral-900)}.launch-lab__text{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-neutral-600)}.launch-lab__hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.launch-lab__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.launch-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:28px;border:1px solid rgba(196,25,127,.08);background:linear-gradient(180deg,#ffffffdb,#f7f8fcf0);box-shadow:var(--shadow-lg);overflow:hidden}.launch-card__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.launch-card__family{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-full);background:#0f12220d;color:var(--color-neutral-500);font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.launch-card__title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);line-height:var(--line-height-tight);color:var(--color-neutral-900)}.launch-card__description{margin:0;max-width:34rem;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-neutral-600)}.launch-card__stage{position:relative;min-height:260px;border-radius:22px;overflow:hidden;background:#fff;border:none}.launch-scene{position:relative;width:100%;height:260px}.launch-loading{display:flex;align-items:center;justify-content:center;width:100%;height:260px;animation:launch-loading-in .4s var(--easing-smooth) both}.launch-loading__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:60%;max-width:200px}.launch-loading__bar{width:100%;height:4px;border-radius:999px;background:#c4197f1a;overflow:hidden}.launch-loading__progress{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#c4197f99,#ea762ab3);animation:launch-progress-fill 3s var(--easing-default) both}.launch-loading__row{display:flex;align-items:center;gap:var(--space-2)}.launch-loading__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500)}.launch-loading__spinner{width:14px;height:14px;border:2px solid rgba(196,25,127,.15);border-top-color:#c4197fa6;border-radius:50%;animation:launch-spin .7s linear infinite}@keyframes launch-spin{to{transform:rotate(360deg)}}@keyframes launch-progress-fill{0%{width:0}15%{width:12%}40%{width:38%}65%{width:62%}85%{width:88%}to{width:100%}}@keyframes launch-loading-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.launch-svg{width:100%;height:100%;display:block}.launch-svg *{vector-effect:non-scaling-stroke}.launch-svg--cloud-upload .launch-svg__site-card{filter:drop-shadow(0 14px 26px rgba(15,18,34,.08));transform-origin:180px 163px;animation:launch-cloud-card 2.6s var(--easing-smooth) infinite}.launch-svg--cloud-upload .launch-svg__site-card rect:first-child{fill:#ffffffeb;stroke:#c4197f29;stroke-width:2}.launch-svg--cloud-upload .launch-svg__site-card rect:not(:first-child){fill:#c4197f1f;stroke:none}.launch-svg--cloud-upload .launch-svg__favicon{border-radius:5px}.launch-svg--cloud-upload .launch-svg__site-name{font-family:system-ui,sans-serif;font-size:9px;font-weight:600;fill:#0f122280}.launch-svg--cloud-upload .launch-svg__cloud{filter:drop-shadow(0 4px 10px rgba(15,18,34,.08)) drop-shadow(0 14px 32px rgba(15,18,34,.1))}.launch-svg--cloud-upload .launch-svg__cloud path{fill:#ffffffeb;stroke:#c4197f24;stroke-width:2}.launch-svg--cloud-upload .launch-svg__badge circle{fill:url(#launchGradientA);opacity:0;transform-origin:180px 178px;animation:launch-badge-pop 2.6s var(--easing-bounce) infinite}.launch-svg--cloud-upload .launch-svg__badge path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26;animation:launch-check-draw 2.6s var(--easing-default) infinite}.launch-svg__spark{fill:#ea762a8c;opacity:0}.launch-svg__spark--1{animation:launch-spark-pop 2.6s ease-out infinite}.launch-svg__spark--2{animation:launch-spark-pop 2.6s ease-out .12s infinite}.launch-svg--domain-link .launch-svg__browser rect,.launch-svg--domain-link .launch-svg__domain rect{fill:#ffffffd1;stroke:#c4197f29;stroke-width:2}.launch-svg--domain-link .launch-svg__domain circle,.launch-svg--domain-link .launch-svg__domain path{fill:none;stroke:#5b6075b8;stroke-width:2;stroke-linecap:round}.launch-svg--domain-link .launch-svg__browser{animation:launch-browser-slide 2.8s var(--easing-smooth) infinite}.launch-svg--domain-link .launch-svg__network line{fill:none;stroke:#c4197f24;stroke-width:4;stroke-linecap:round}.launch-svg--domain-link .launch-svg__network-fill{stroke:url(#launchGradientB);stroke-dasharray:124;stroke-dashoffset:124;animation:launch-dash-in 2.8s var(--easing-default) infinite}.launch-svg--domain-link .launch-svg__network-dot{fill:#fff;stroke:#c4197f;stroke-width:3;animation:launch-domain-dot 2.8s var(--easing-smooth) infinite}.launch-svg--domain-link .launch-svg__live-pill{opacity:0;transform:translateY(8px);animation:launch-live-pill-in 2.8s var(--easing-bounce) infinite}.launch-svg--domain-link .launch-svg__live-pill rect:first-child{fill:#10b9811f}.launch-svg--domain-link .launch-svg__live-pill circle{fill:#10b981}.launch-svg--domain-link .launch-svg__live-pill rect:last-child{fill:#10b98170}.launch-svg--rocket-trace .launch-svg__arc{fill:none;stroke:#c4197f3d;stroke-width:3;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:launch-arc-draw 2.7s var(--easing-default) infinite}.launch-svg--rocket-trace .launch-svg__rocket-clouds path{fill:#fffc;stroke:#c4197f1f;stroke-width:2}.launch-svg--rocket-trace .launch-svg__rocket{fill:#ffffffdb;stroke:#5b6075b3;stroke-width:2;transform-origin:0 0;animation:launch-rocket-flight 2.7s var(--easing-smooth) infinite}.launch-svg--rocket-trace .launch-svg__flame{fill:url(#launchGradientC);stroke:none;transform-origin:8px 30px;animation:launch-flame-flicker .26s ease-in-out infinite alternate}.launch-svg--rocket-trace .launch-svg__halo circle{fill:none;stroke:#c4197f33;stroke-width:2;opacity:0;animation:launch-halo-ring 2.7s ease-out infinite}.launch-svg--rocket-trace .launch-svg__halo circle:last-child{animation-delay:.14s}.launch-scene--cloud-stack .dom-cloud-stack__mist{position:absolute;inset:auto 10% 12%;height:110px;border-radius:999px;background:radial-gradient(circle,#ffffffbf,#fff0 72%);filter:blur(10px);opacity:.8}.launch-scene--cloud-stack .dom-cloud-stack__mist--top{inset:18% 16% auto;height:90px}.launch-scene--cloud-stack .dom-cloud-stack__cloud{position:absolute;height:42px;border-radius:999px;background:#ffffffeb;box-shadow:0 4px 12px #0f122214,0 16px 40px #0f12221a}.launch-scene--cloud-stack .dom-cloud-stack__cloud:before,.launch-scene--cloud-stack .dom-cloud-stack__cloud:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.launch-scene--cloud-stack .dom-cloud-stack__cloud:before{width:44px;height:44px;left:10px}.launch-scene--cloud-stack .dom-cloud-stack__cloud:after{width:58px;height:58px;right:18px;bottom:8px}.dom-cloud-stack__cloud--left{left:12%;top:118px;width:112px;animation:launch-cloud-drift 4.8s ease-in-out infinite}.dom-cloud-stack__cloud--right{right:10%;top:102px;width:124px;animation:launch-cloud-drift 4.8s ease-in-out -1.2s infinite}.dom-cloud-stack__cloud--center{left:50%;top:78px;width:138px;transform:translate(-50%);animation:launch-cloud-drift 4.8s ease-in-out -2s infinite}.dom-cloud-stack__site{position:absolute;left:50%;top:68px;width:140px;padding:6px;border-radius:20px;background:linear-gradient(180deg,#ffffffe0,#f4f6faf0);border:1px solid rgba(196,25,127,.12);box-shadow:0 18px 36px #0f122214;transform:translate(-50%);animation:launch-site-rise 2.8s var(--easing-smooth) infinite}.dom-cloud-stack__window{display:grid;gap:5px;padding:7px;border-radius:16px;background:linear-gradient(180deg,#fffffffa,#f7f8fcf5);border:1px solid rgba(196,25,127,.08);overflow:hidden}.dom-cloud-stack__toolbar{display:flex;gap:4px;align-items:center}.dom-cloud-stack__toolbar span{width:6px;height:6px;border-radius:50%;background:#c4197f24}.dom-cloud-stack__toolbar span:nth-child(2){background:#e11b5d2e}.dom-cloud-stack__toolbar span:nth-child(3){background:#ea762a38}.dom-cloud-stack__identity{display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:6px;background:#c4197f0d}.dom-cloud-stack__identity img{width:14px;height:14px;border-radius:3px;flex-shrink:0;display:block}.dom-cloud-stack__identity span{font-size:7px;font-weight:600;color:#0f12228c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.dom-cloud-stack__hero{height:26px;border-radius:10px;background:linear-gradient(135deg,#c4197f2e,#e11b5d1f 55%,#ea762a2e),linear-gradient(180deg,#ffffffb8,#fff3)}.dom-cloud-stack__headline{width:72%;height:7px;border-radius:999px;background:#0f12221f}.dom-cloud-stack__subline{width:88%;height:5px;border-radius:999px;background:#5b60751f}.dom-cloud-stack__cta{width:48px;height:12px;border-radius:999px;background:linear-gradient(100deg,#c4197fc7,#ea762ac7)}.dom-cloud-stack__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.dom-cloud-stack__cards span{display:block;height:20px;border-radius:8px;background:linear-gradient(180deg,#c4197f14,#ea762a24)}.dom-cloud-stack__live{position:absolute;left:50%;top:18px;padding:8px 16px;border-radius:999px;background:linear-gradient(100deg,#c4197f1f,#ea762a29);color:var(--color-accent-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;transform:translate(-50%);opacity:0;animation:launch-live-banner 2.8s var(--easing-bounce) infinite}.launch-scene--live-pill{display:grid;place-items:center;gap:var(--space-4)}.dom-live-pill__draft,.dom-live-pill__state{position:absolute;top:104px;padding:12px 18px;border-radius:999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap}.dom-live-pill__draft{left:28px;background:#ffffffdb;border:1px solid rgba(196,25,127,.14);color:var(--color-neutral-700);animation:launch-pill-soften 2.8s var(--easing-default) infinite}.dom-live-pill__track{position:absolute;left:118px;right:118px;top:121px;height:6px;border-radius:999px;background:#c4197f14;overflow:hidden}.dom-live-pill__beam{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(196,25,127,.5) 36%,rgba(234,118,42,.55) 100%);transform:scaleX(0);transform-origin:left center;animation:launch-beam-fill 2.8s var(--easing-default) infinite}.dom-live-pill__dot{position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid var(--color-accent);opacity:0}.dom-live-pill__dot--1{left:18%;animation:launch-line-dot 2.8s ease-out .5s infinite}.dom-live-pill__dot--2{left:48%;animation:launch-line-dot 2.8s ease-out .82s infinite}.dom-live-pill__dot--3{left:78%;animation:launch-line-dot 2.8s ease-out 1.14s infinite}.dom-live-pill__state{right:28px;display:inline-flex;align-items:center;gap:10px;background:#ffffffe6;border:1px solid rgba(16,185,129,.16);color:#0f766e;opacity:0;transform:translateY(8px);animation:launch-state-in 2.8s var(--easing-bounce) infinite}.dom-live-pill__pulse{width:10px;height:10px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b98159;animation:launch-pulse-ring 1.2s ease-out infinite}.launch-scene--constellation{overflow:hidden}.dom-constellation__ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(196,25,127,.12);transform:translate(-50%,-50%)}.dom-constellation__ring--one{width:138px;height:138px;animation:launch-ring-breathe 3.2s ease-in-out infinite}.dom-constellation__ring--two{width:186px;height:186px;animation:launch-ring-breathe 3.2s ease-in-out -1s infinite}.dom-constellation__site{position:absolute;left:50%;top:50%;width:116px;height:74px;padding:14px;display:grid;gap:8px;border-radius:20px;background:#ffffffe6;border:1px solid rgba(196,25,127,.16);box-shadow:var(--shadow-md);transform:translate(-50%,-50%)}.dom-constellation__site span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,#c4197f2e,#ea762a3d)}.dom-constellation__site span:last-child{width:72%}.dom-constellation__line{position:absolute;left:50%;top:50%;height:2px;border-radius:999px;background:linear-gradient(90deg,#c4197f29,#ea762a33);transform-origin:left center;--line-x: 0px;--line-y: 0px;--line-r: 0deg;opacity:0;animation:launch-line-reveal 3s ease-out infinite}.dom-constellation__line--a{width:86px;--line-x: 18px;--line-y: -34px;--line-r: -26deg;transform:translate(var(--line-x),var(--line-y)) rotate(var(--line-r));animation-delay:.34s}.dom-constellation__line--b{width:94px;--line-x: -84px;--line-y: -10px;--line-r: 194deg;transform:translate(var(--line-x),var(--line-y)) rotate(var(--line-r));animation-delay:.56s}.dom-constellation__line--c{width:92px;--line-x: -12px;--line-y: 42px;--line-r: 72deg;transform:translate(var(--line-x),var(--line-y)) rotate(var(--line-r));animation-delay:.8s}.dom-constellation__node{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--color-accent);box-shadow:0 0 0 8px #c4197f0f;opacity:0;animation:launch-node-pulse 3s ease-out infinite}.dom-constellation__node--a{left:calc(50% + 92px);top:calc(50% - 68px);animation-delay:.34s}.dom-constellation__node--b{left:calc(50% - 110px);top:calc(50% - 30px);animation-delay:.56s}.dom-constellation__node--c{left:calc(50% - 8px);top:calc(50% + 98px);animation-delay:.8s}.dom-constellation__node--d{left:calc(50% + 110px);top:calc(50% + 24px);animation-delay:1.02s}.dom-constellation__badge{position:absolute;left:50%;top:28px;padding:8px 16px;border-radius:999px;background:linear-gradient(100deg,#c4197f1f,#ea762a2e);color:var(--color-accent-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;transform:translate(-50%);opacity:0;animation:launch-badge-fade 3s var(--easing-bounce) infinite}@keyframes launch-dash-in{0%,14%{stroke-dashoffset:124;opacity:.4}56%,84%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:.15}}@keyframes launch-cloud-card{0%,12%{transform:translateY(0) scale(1);opacity:.9}48%,64%{transform:translateY(-42px) scale(.98);opacity:1}to{transform:translateY(-42px) scale(.98);opacity:.88}}@keyframes launch-badge-pop{0%,52%{opacity:0;transform:scale(.72)}68%,to{opacity:1;transform:scale(1)}}@keyframes launch-check-draw{0%,60%{stroke-dashoffset:26;opacity:0}74%,to{stroke-dashoffset:0;opacity:1}}@keyframes launch-spark-pop{0%,58%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes launch-browser-slide{0%,16%{transform:translate(0);opacity:1}50%,70%{transform:translate(58px);opacity:.94}to{transform:translate(58px);opacity:.84}}@keyframes launch-domain-dot{0%,18%{transform:translate(0);opacity:0}52%{transform:translate(78px);opacity:1}78%,to{transform:translate(102px);opacity:.35}}@keyframes launch-live-pill-in{0%,62%{opacity:0;transform:translateY(8px)}78%,to{opacity:1;transform:translateY(0)}}@keyframes launch-arc-draw{0%,8%{stroke-dashoffset:220;opacity:.3}60%,to{stroke-dashoffset:0;opacity:1}}@keyframes launch-rocket-flight{0%,10%{transform:translate(88px,160px) rotate(-22deg) scale(.92);opacity:0}18%{opacity:1}68%,to{transform:translate(278px,54px) rotate(-22deg) scale(.92);opacity:1}}@keyframes launch-flame-flicker{0%{transform:scaleY(1) scaleX(1);opacity:.9}to{transform:scaleY(1.18) scaleX(.9);opacity:1}}@keyframes launch-halo-ring{0%,64%{opacity:0;transform:scale(.8);transform-origin:297px 59px}82%{opacity:.7;transform:scale(1);transform-origin:297px 59px}to{opacity:0;transform:scale(1.18);transform-origin:297px 59px}}@keyframes launch-cloud-drift{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-6px) translate(4px)}}@keyframes launch-site-rise{0%,16%{transform:translate(-50%) translateY(24px) scale(.96);opacity:.18}54%,to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes launch-live-banner{0%,58%{opacity:0;transform:translate(-50%) translateY(8px)}74%,to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes launch-pill-soften{0%,62%{opacity:1}to{opacity:.55}}@keyframes launch-beam-fill{0%,10%{transform:scaleX(0)}60%,to{transform:scaleX(1)}}@keyframes launch-line-dot{0%,10%{opacity:0;transform:scale(.5)}30%,58%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes launch-state-in{0%,64%{opacity:0;transform:translateY(8px)}78%,to{opacity:1;transform:translateY(0)}}@keyframes launch-pulse-ring{0%{box-shadow:0 0 #10b98159}to{box-shadow:0 0 0 12px #10b98100}}@keyframes launch-ring-breathe{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.45;transform:translate(-50%,-50%) scale(1.03)}}@keyframes launch-line-reveal{0%,18%{opacity:0;transform:translate(var(--line-x),var(--line-y)) rotate(var(--line-r)) scaleX(0)}34%,to{opacity:1;transform:translate(var(--line-x),var(--line-y)) rotate(var(--line-r)) scaleX(1)}}@keyframes launch-node-pulse{0%,18%{opacity:0;transform:scale(.55)}34%,to{opacity:1;transform:scale(1)}}@keyframes launch-badge-fade{0%,72%{opacity:0;transform:translate(-50%) translateY(8px)}86%,to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1080px){.launch-lab__grid{grid-template-columns:1fr}}@media(max-width:900px){.launch-lab__hero{flex-direction:column;align-items:flex-start}.launch-lab__hero-actions{justify-content:flex-start}}@media(max-width:640px){.launch-card__header{flex-direction:column;align-items:flex-start}.dom-cloud-stack__site{width:128px;top:62px}.dom-cloud-stack__window{padding:6px}.dom-cloud-stack__live{top:14px;padding:7px 14px;font-size:.6875rem}}.rocket-test{min-height:calc(100vh - var(--header-height));padding:clamp(var(--space-4),3vw,var(--space-8));background:radial-gradient(circle at top left,rgba(196,25,127,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(234,118,42,.1),transparent 32%),var(--gradient-subtle)}.rocket-test__shell{width:min(1200px,100%);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.rocket-test__header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);padding:clamp(var(--space-5),3vw,var(--space-8));border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);background:linear-gradient(180deg,#fffffff2,#f7f8fcf2);box-shadow:var(--shadow-lg)}.rocket-test__copy{max-width:44rem}.rocket-test__eyebrow{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.rocket-test__title{margin:0 0 var(--space-3);font-family:var(--font-family-heading);font-size:clamp(1.8rem,3vw,3rem);line-height:var(--line-height-tight);color:var(--color-neutral-900)}.rocket-test__text{margin:0;max-width:42rem;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-neutral-600)}.rocket-test__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end}.rocket-test__stage{display:flex;align-items:stretch;justify-content:center}.rocket-test__frame{width:100%;padding:clamp(var(--space-3),2vw,var(--space-5));border-radius:28px;border:1px solid rgba(196,25,127,.08);background:linear-gradient(180deg,#ffffffa6,#f7f8fcd9);box-shadow:var(--shadow-elevated)}.rocket-test__frame .deploy-rocket{min-height:min(74vh,760px);border-radius:24px}.rocket-test__frame .deploy-rocket__illustration{width:100%;height:min(74vh,760px)}.rocket-test__frame .deploy-rocket__label{font-family:var(--font-family-heading);font-size:clamp(1rem,1.4vw,1.25rem)}@media(max-width:900px){.rocket-test__header{flex-direction:column;align-items:flex-start}.rocket-test__actions{justify-content:flex-start}}.deploy-anim{display:flex;align-items:center;justify-content:center;width:100%;min-height:280px;background:#fff;border-radius:var(--radius-xl, 16px);overflow:hidden}.deploy-anim--loading{animation:deploy-anim-fade-in .4s var(--easing-smooth, ease-out) both}.deploy-anim__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);width:60%;max-width:220px}.deploy-anim__bar{width:100%;height:4px;border-radius:999px;background:#c4197f1a;overflow:hidden}.deploy-anim__progress{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#c4197f99,#ea762ab3);animation:deploy-anim-progress 60s ease-out both}.deploy-anim__row{display:flex;align-items:center;gap:var(--space-2, 8px)}.deploy-anim__text{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-neutral-500, #6b7280)}.deploy-anim__spinner{width:14px;height:14px;border:2px solid rgba(196,25,127,.15);border-top-color:#c4197fa6;border-radius:50%;animation:deploy-anim-spin .7s linear infinite}.deploy-anim--success{animation:deploy-anim-fade-in .5s var(--easing-smooth, ease-out) both}.deploy-anim__svg{width:100%;height:280px;display:block}.deploy-anim__svg *{vector-effect:non-scaling-stroke}.deploy-anim__cloud{filter:drop-shadow(0 4px 10px rgba(15,18,34,.08)) drop-shadow(0 14px 32px rgba(15,18,34,.1))}.deploy-anim__cloud path{fill:#ffffffeb;stroke:#c4197f24;stroke-width:2}.deploy-anim__card{filter:drop-shadow(0 14px 26px rgba(15,18,34,.08));transform-origin:180px 163px;animation:deploy-anim-card 2.6s var(--easing-smooth, ease-out) infinite}.deploy-anim__card rect:first-child{fill:#ffffffeb;stroke:#c4197f29;stroke-width:2}.deploy-anim__favicon{border-radius:5px}.deploy-anim__name{font-family:system-ui,sans-serif;font-size:9px;font-weight:600;fill:#0f122280}.deploy-anim__badge circle{fill:url(#deployGrad);opacity:0;transform-origin:180px 178px;animation:deploy-anim-badge 2.6s var(--easing-bounce, ease-out) infinite}.deploy-anim__badge path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26;animation:deploy-anim-check 2.6s var(--easing-default, ease) infinite}.deploy-anim__spark{fill:#ea762a8c;opacity:0}.deploy-anim__spark--1{animation:deploy-anim-spark 2.6s ease-out infinite}.deploy-anim__spark--2{animation:deploy-anim-spark 2.6s ease-out .12s infinite}.deploy-anim-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#fffffff5;animation:deploy-anim-fade-in .3s ease-out}.deploy-anim-overlay .deploy-anim{min-height:0;max-width:320px}@keyframes deploy-anim-spin{to{transform:rotate(360deg)}}@keyframes deploy-anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes deploy-anim-progress{0%{width:0}5%{width:8%}20%{width:25%}50%{width:55%}80%{width:82%}95%{width:94%}to{width:98%}}@keyframes deploy-anim-card{0%,12%{transform:translateY(0) scale(1);opacity:.9}48%,64%{transform:translateY(-42px) scale(.98);opacity:1}to{transform:translateY(-42px) scale(.98);opacity:.88}}@keyframes deploy-anim-badge{0%,52%{opacity:0;transform:scale(.72)}68%,to{opacity:1;transform:scale(1)}}@keyframes deploy-anim-check{0%,60%{stroke-dashoffset:26;opacity:0}74%,to{stroke-dashoffset:0;opacity:1}}@keyframes deploy-anim-spark{0%,58%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}.tunnel{max-width:720px;width:100%;margin-inline:auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}@media(min-width:768px){.tunnel{padding:var(--space-10) var(--space-6)}}.tunnel__header{flex-shrink:0}.tunnel__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-neutral-200)}.tunnel__footer-left{flex:1}.tunnel__footer-right{flex:1;display:flex;justify-content:flex-end}.tunnel-stepper{display:flex;align-items:flex-start;justify-content:center;gap:0;list-style:none;padding:0;margin:0}.tunnel-stepper__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;flex:0 0 auto}.tunnel-stepper__number{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-neutral-100);color:var(--color-neutral-400);transition:all var(--duration-normal) var(--easing-default)}.tunnel-stepper__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-400);text-align:center;max-width:80px;transition:color var(--duration-normal) var(--easing-default)}@media(max-width:639px){.tunnel-stepper__label{display:none}}.tunnel-stepper__connector{width:3rem;height:2px;background-color:var(--color-neutral-200);align-self:flex-start;margin-top:calc(1rem - 1px);transition:background-color var(--duration-normal) var(--easing-default)}@media(min-width:640px){.tunnel-stepper__connector{width:4rem}}.tunnel-stepper__item.is-active .tunnel-stepper__number{background-color:var(--color-accent);color:var(--color-surface)}.tunnel-stepper__item.is-active .tunnel-stepper__label{color:var(--color-accent)}.tunnel-stepper__item.is-completed .tunnel-stepper__number{background-color:var(--color-success);color:var(--color-surface)}.tunnel-stepper__item.is-completed .tunnel-stepper__label{color:var(--color-neutral-700)}.tunnel-stepper__connector.is-completed{background-color:var(--color-success)}.tunnel-step{display:none;animation:tunnel-fade-in var(--duration-normal) var(--easing-out)}.tunnel-step.is-active{display:block}.tunnel-step__title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-1)}.tunnel-step__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:var(--space-6)}@keyframes tunnel-fade-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.tunnel-field-wrap{position:relative}.char-counter{font-size:var(--font-size-xs);color:var(--color-neutral-400);text-align:right;margin-top:var(--space-1)}.char-counter.is-warning{color:var(--color-warning)}.char-counter.is-over{color:var(--color-error)}.upload-zone{border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.upload-zone:hover,.upload-zone.is-dragover{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.upload-zone__icon{color:var(--color-neutral-400);margin-bottom:var(--space-2)}.upload-zone__text{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.upload-zone__hint{font-size:var(--font-size-xs);color:var(--color-neutral-400);margin-top:var(--space-1)}.upload-zone__preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200)}.upload-zone__preview img{width:3rem;height:3rem;object-fit:contain;border-radius:var(--radius-sm)}.upload-zone__preview-name{flex:1;font-size:var(--font-size-sm);color:var(--color-neutral-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone__remove{color:var(--color-neutral-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--easing-default)}.upload-zone__remove:hover{color:var(--color-error)}.tunnel-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-raised);border-radius:var(--radius-lg);cursor:pointer}.tunnel-toggle__info{display:flex;flex-direction:column;gap:var(--space-0-5, .125rem)}.tunnel-toggle__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.tunnel-toggle__hint{font-size:var(--font-size-xs);color:var(--color-neutral-400)}.tunnel-toggle__track{position:relative;width:2.5rem;height:1.25rem;background-color:var(--color-neutral-300);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--easing-default);flex-shrink:0}.tunnel-toggle__thumb{position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background-color:var(--color-surface);border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--easing-default);box-shadow:var(--shadow-sm)}.tunnel-toggle input{position:absolute;opacity:0;width:0;height:0}.tunnel-toggle input:checked~.tunnel-toggle__track{background-color:var(--color-accent)}.tunnel-toggle input:checked~.tunnel-toggle__track .tunnel-toggle__thumb{transform:translate(1.25rem)}.tunnel-toggle input:focus-visible~.tunnel-toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.domain-input{display:flex;align-items:center}.domain-input__prefix{display:flex;align-items:center;padding:0 var(--space-2);height:var(--input-height-md, 2.5rem);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-right:none;border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-neutral-400);white-space:nowrap;overflow:hidden;max-width:280px;text-overflow:ellipsis}.domain-input__prefix+.domain-input__field{border-top-left-radius:0;border-bottom-left-radius:0}.domain-input__field{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;flex:1}.domain-input__suffix{display:flex;align-items:center;padding:0 var(--space-3);height:var(--input-height-md, 2.5rem);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-left:none;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-neutral-500);white-space:nowrap}.domain-input__status{font-size:var(--font-size-xs);margin-top:var(--space-1);min-height:1.25rem}.domain-input__status--checking{color:var(--color-neutral-500)}.domain-input__status--available{color:var(--color-success)}.domain-input__status--taken{color:var(--color-error)}.domain-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);margin-top:var(--space-3)}.domain-preview__icon{color:var(--color-success);flex-shrink:0}.domain-preview__label{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-bottom:var(--space-1)}.domain-preview__url{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-neutral-700);word-break:break-all}.dns-instructions{padding:var(--space-4);background-color:var(--color-surface-muted);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);margin-top:var(--space-3)}.dns-instructions__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin-bottom:var(--space-3)}.dns-instructions__table{width:100%;font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.dns-instructions__table th{text-align:left;color:var(--color-neutral-500);font-weight:var(--font-weight-medium);padding-bottom:var(--space-2)}.dns-instructions__table td{color:var(--color-neutral-700);padding-bottom:var(--space-1);word-break:break-all}.dns-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-3)}.dns-status__dot{width:.5rem;height:.5rem;border-radius:var(--radius-full)}.dns-status--pending .dns-status__dot{background-color:var(--color-warning);animation:tunnel-pulse 1.5s infinite}.dns-status--verified .dns-status__dot{background-color:var(--color-success)}.dns-status--failed .dns-status__dot{background-color:var(--color-error)}.dns-status--pending{color:var(--color-warning)}.dns-status--verified{color:var(--color-success)}.dns-status--failed{color:var(--color-error)}@keyframes tunnel-pulse{0%,to{opacity:1}50%{opacity:.4}}.v3{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);overflow:hidden;width:100%;margin-top:var(--space-4);box-shadow:var(--shadow-sm)}.v3__hero{background:linear-gradient(135deg,var(--color-neutral-900) 0%,var(--color-primary) 100%);padding:var(--space-6);color:#fff;position:relative;overflow:hidden}.v3__hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 100% 0%,rgba(196,25,127,.35),transparent 50%);pointer-events:none}.v3__hero-meta{position:relative;font-family:var(--font-family-mono);font-size:var(--font-size-xs);opacity:.6;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-2)}.v3__hero-name{position:relative;margin:0 0 var(--space-4) 0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#fff}.v3__hero-price{position:relative;display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.v3__hero-amount{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;line-height:1;background:var(--color-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.v3__hero-amount-old{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-decoration:line-through;color:#fff6;letter-spacing:-.02em;white-space:nowrap}.v3__hero-amount-old[hidden]{display:none}.v3__hero-period{font-size:var(--font-size-sm);opacity:.7;white-space:nowrap}.v3__hero-tax{position:relative;margin-top:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:#ffffff8c;letter-spacing:.02em;white-space:nowrap}.v3__hero-discount-badge{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-gradient-brand);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-top:var(--space-3);box-shadow:0 4px 14px #c4197f66;animation:v3-pop .5s var(--easing-bounce);white-space:nowrap}.v3__hero-discount-badge[hidden]{display:none}.v3__hero-discount-badge svg{width:12px;height:12px}@keyframes v3-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.v3__body{padding:var(--space-6)}.v3__sec{margin-bottom:var(--space-6)}.v3__sec:last-child,.v3__sec--no-mb{margin-bottom:0}.v3__sec-title--inset{margin-top:var(--space-4)}.v3__breakdown--inset{margin-top:0;padding-top:0;border-top:0}.v3__sec-title{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-400);margin-bottom:var(--space-3)}.v3__cycle{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.v3__cycle-label{color:var(--color-neutral-700);font-weight:var(--font-weight-medium)}.v3__feats{display:grid;gap:var(--space-2)}.v3__pay-section{padding:var(--space-5) var(--space-6) var(--space-6);background:var(--color-surface-muted);border-top:1px solid var(--color-neutral-100)}.feat{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--font-size-sm);color:var(--color-neutral-700)}.feat__check{width:16px;height:16px;flex-shrink:0;color:var(--color-success);margin-top:2px}.kv{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0}.kv--no-padding-top{padding-top:0}.kv__k{color:var(--color-neutral-500);font-size:var(--font-size-sm)}.kv__v{color:var(--color-neutral-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.kv__v--mono{font-family:var(--font-family-mono);font-size:.8125rem}.seg{display:inline-flex;background:var(--color-neutral-100);border-radius:var(--radius-full);padding:4px}.seg__btn{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default);display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;font-family:inherit}.seg__btn.is-active{background:var(--color-surface);color:var(--color-neutral-900);box-shadow:var(--shadow-xs)}.seg__save{font-family:var(--font-family-mono);font-size:.6875rem;font-weight:var(--font-weight-semibold);color:var(--color-success);background:var(--color-success-light);padding:2px 6px;border-radius:var(--radius-sm);letter-spacing:.04em}.v3__breakdown{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--color-neutral-200);display:grid;gap:var(--space-2)}.v3__breakdown-line{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.v3__breakdown-line[hidden]{display:none}.v3__breakdown-line--total{padding-top:var(--space-2);border-top:1px solid var(--color-neutral-200);margin-top:var(--space-1)}.v3__breakdown-k{color:var(--color-neutral-500)}.v3__breakdown-line--total .v3__breakdown-k{color:var(--color-neutral-900);font-weight:var(--font-weight-semibold)}.v3__breakdown-v{font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);white-space:nowrap}.v3__breakdown-v--total{font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.v3__breakdown-v--discount{color:var(--color-success)}.promo{display:flex;gap:var(--space-2)}.promo[hidden]{display:none}.promo__input{flex:1;height:var(--input-height-md);padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-button);font-size:var(--font-size-sm);color:var(--color-neutral-900);font-family:var(--font-family-mono);letter-spacing:.05em;outline:none;transition:border-color var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default)}.promo__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.promo__input::placeholder{color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.05em}.promo__btn{height:var(--input-height-md);padding:0 var(--space-5);background:var(--color-surface);border:1px solid var(--color-neutral-200);color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-button);cursor:pointer;font-family:inherit;transition:border-color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.promo__btn:hover:not(:disabled){border-color:var(--color-neutral-300);background:var(--color-neutral-50)}.promo__btn:disabled{opacity:.6;cursor:wait}.promo-applied{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-success-light);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);animation:v3-slide-in .3s var(--easing-default)}.promo-applied[hidden]{display:none}@keyframes v3-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.promo-applied__left{display:flex;align-items:center;gap:var(--space-3)}.promo-applied__icon{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-applied__icon svg{width:14px;height:14px}.promo-applied__code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);letter-spacing:.05em}.promo-applied__desc{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-medium);margin-top:2px;white-space:nowrap}.promo-applied__remove{width:28px;height:28px;border-radius:var(--radius-full);color:var(--color-neutral-500);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.promo-applied__remove:hover{background:#0f12220f;color:var(--color-neutral-900)}.promo-applied__remove svg{width:14px;height:14px}.consent{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4);cursor:pointer;transition:border-color var(--duration-fast) var(--easing-default),background-color var(--duration-fast) var(--easing-default)}.consent:hover{border-color:var(--color-neutral-300)}.consent__check{width:20px;height:20px;border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--easing-default),border-color var(--duration-fast) var(--easing-default)}.consent__check svg{width:14px;height:14px;color:#fff;opacity:0;transition:opacity var(--duration-fast) var(--easing-default)}.consent.is-checked{background:var(--color-accent-subtle);border-color:var(--color-accent)}.consent.is-checked .consent__check{background:var(--color-accent);border-color:var(--color-accent)}.consent.is-checked .consent__check svg{opacity:1}.consent__label{font-size:var(--font-size-xs);line-height:var(--line-height-snug);color:var(--color-neutral-700)}.consent__label a{color:var(--color-accent);font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:2px}.consent.is-error{border-color:var(--color-error);background:var(--color-error-light);animation:v3-shake .4s var(--easing-default)}.consent.is-error .consent__check{border-color:var(--color-error)}@keyframes v3-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.consent-error-msg{display:flex;align-items:center;gap:var(--space-2);margin-top:-1 * var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-error-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-error-dark);animation:v3-slide-in .3s var(--easing-default)}.consent-error-msg[hidden]{display:none}.consent-error-msg svg{width:14px;height:14px;flex-shrink:0}.pay-btn{width:100%;height:56px;border-radius:var(--radius-full);background:var(--color-gradient-brand);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 4px 14px #c4197f4d;transition:transform var(--duration-fast) var(--easing-default),box-shadow var(--duration-fast) var(--easing-default);cursor:pointer;border:none;font-family:inherit}.pay-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #c4197f66}.pay-btn:disabled,.pay-btn.is-disabled{background:var(--color-neutral-200);color:var(--color-neutral-400);box-shadow:none;cursor:not-allowed}.pay-btn.is-loading{cursor:wait;opacity:.7}.pay-btn svg{width:18px;height:18px}.pay-trust{margin-top:var(--space-3);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.pay-trust svg{width:12px;height:12px;flex-shrink:0}.checkout-promo{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.checkout-promo__summary{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);list-style:none;-webkit-user-select:none;user-select:none}.checkout-promo__summary::-webkit-details-marker{display:none}.checkout-promo__summary:hover{color:var(--color-accent)}.checkout-promo__body{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-neutral-200)}.checkout-promo__row{display:flex;gap:var(--space-2);align-items:stretch}.checkout-promo__input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);background-color:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm)}.checkout-promo__input:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.checkout-promo__apply{flex-shrink:0}.checkout-promo__apply.is-loading{opacity:.6;cursor:wait}.checkout-promo__feedback{margin:var(--space-2) 0 0 0;font-size:var(--font-size-xs);line-height:1.5;min-height:0}.checkout-promo__feedback:empty{margin:0}.checkout-promo__feedback--ok{color:var(--color-success, var(--color-accent));padding:var(--space-2) var(--space-3);background-color:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));border-left:3px solid var(--color-accent);border-radius:var(--radius-sm)}.checkout-promo__feedback--error{color:var(--color-error)}.checkout-promo__remove{margin-top:var(--space-2);padding:var(--space-1) 0;background:none;border:none;color:var(--color-neutral-600);font-size:var(--font-size-xs);text-decoration:underline;cursor:pointer}.checkout-promo__remove:hover{color:var(--color-error)}.checkout-card{background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.checkout-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.checkout-card__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkout-card__input-wrap{position:relative}.checkout-card__brand{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:2rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400)}.checkout-card__brand img{max-width:100%;max-height:100%}.plan-card{padding:var(--space-5);background-color:var(--color-surface-raised);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);margin-bottom:var(--space-6)}.plan-card__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.plan-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.plan-card__price{display:flex;align-items:baseline;gap:var(--space-1)}.plan-card__amount{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.plan-card__interval{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.plan-card__discount{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success);background-color:#10b9811a;padding:var(--space-0-5, .125rem) var(--space-2);border-radius:var(--radius-full);margin-left:var(--space-2)}.plan-card__promo{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background-color:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.plan-card__promo[hidden]{display:none}.plan-card__promo-strike{text-decoration:line-through;color:var(--color-neutral-600);font-size:var(--font-size-xs)}.plan-card__promo-final{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.plan-card__promo-summary{flex-basis:100%;font-size:var(--font-size-xs);color:var(--color-neutral-700)}.plan-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.plan-card__feature{font-size:var(--font-size-sm);color:var(--color-neutral-600);display:flex;align-items:center;gap:var(--space-2)}.plan-card__feature:before{content:"";width:1rem;height:1rem;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.billing-toggle__option{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-400);cursor:pointer;transition:color var(--duration-fast) var(--easing-default)}.billing-toggle__option.is-active{color:var(--color-neutral-900)}.summary-section{margin-bottom:var(--space-5)}.summary-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-neutral-100)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0}.summary-row__label{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.summary-row__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);text-align:right;max-width:60%;word-break:break-word}.summary-row__value--mono{font-family:var(--font-family-mono)}.deploy-rocket{position:relative;width:100%;min-height:400px;border-radius:var(--radius-xl, 16px);overflow:hidden;background-color:#1b2138;animation:tunnel-fade-in var(--duration-entrance, .4s) var(--easing-out, ease-out)}.deploy-rocket__illustration{width:100%;height:400px;display:block;border:none;pointer-events:none}.deploy-rocket__label{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);background:linear-gradient(transparent,#1b2138cc)}@keyframes tunnel-spin{to{transform:rotate(360deg)}}.deploy-success{text-align:center;padding:var(--space-8) 0;animation:tunnel-fade-in var(--duration-entrance) var(--easing-out)}.deploy-success__icon{width:4rem;height:4rem;background-color:var(--color-success);color:var(--color-surface);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.deploy-success__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.deploy-success__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-bottom:var(--space-4)}.deploy-success__billing{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-success, #166534);margin-bottom:var(--space-5)}.deploy-success__billing a{color:var(--color-accent);text-decoration:none}.deploy-success__billing a:hover{text-decoration:underline}.checkout-card__secure{display:flex;align-items:center;justify-content:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-neutral-400)}.deploy-success__url{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent);padding:var(--space-3) var(--space-5);background-color:var(--color-accent-subtle);border-radius:var(--radius-full);text-decoration:none;margin-bottom:var(--space-6);transition:background-color var(--duration-fast) var(--easing-default)}.deploy-success__url:hover{background-color:#c4197f1f}.deploy-success__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.tunnel-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-raised);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default);margin-top:var(--space-4)}.tunnel-accordion__trigger:hover{background-color:var(--color-surface-alt)}.tunnel-accordion__trigger[aria-expanded=true] .tunnel-accordion__chevron{transform:rotate(180deg)}.tunnel-accordion__chevron{transition:transform var(--duration-fast) var(--easing-default);color:var(--color-neutral-400)}.tunnel-accordion__content{overflow:hidden;max-height:0;transition:max-height var(--duration-normal) var(--easing-default)}.tunnel-accordion__content.is-open{max-height:500px}.tunnel-accordion__body{padding:var(--space-4) 0}.tunnel-skip{font-size:var(--font-size-xs);color:var(--color-neutral-400);text-align:center;margin-top:var(--space-4)}.tunnel-skip a{color:var(--color-accent);text-decoration:none}.tunnel-skip a:hover{text-decoration:underline}.site-mgmt{max-width:960px;width:100%;margin-inline:auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.site-mgmt__header{display:flex;flex-direction:column;gap:var(--space-3)}.site-mgmt__title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.site-mgmt__title-favicon{border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.site-mgmt__title{font-family:var(--font-family-heading, var(--font-family-sans));font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0}.site-mgmt__url{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.site-mgmt__url-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none}.site-mgmt__url-link:hover{text-decoration:underline}.site-mgmt__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.site-mgmt__banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);flex-wrap:wrap}.site-mgmt__banner--warning{background-color:color-mix(in srgb,var(--color-warning, #f59e0b) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-warning, #f59e0b) 30%,transparent)}.site-mgmt__banner--warning .site-mgmt__banner-content svg{color:var(--color-warning, #f59e0b);flex-shrink:0}.site-mgmt__banner--deploying{background-color:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-accent) 18%,transparent)}.site-mgmt__spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-top-color:var(--color-accent);border-radius:999px;flex-shrink:0;animation:site-mgmt-spin .8s linear infinite}@keyframes site-mgmt-spin{to{transform:rotate(360deg)}}.site-mgmt__banner--success{background-color:color-mix(in srgb,var(--color-success, #22c55e) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-success, #22c55e) 25%,transparent)}.site-mgmt__banner--success .site-mgmt__banner-content svg{color:var(--color-success, #22c55e);flex-shrink:0}.site-mgmt__banner--danger{background-color:color-mix(in srgb,var(--color-error, #ef4444) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-error, #ef4444) 30%,transparent)}.site-mgmt__banner--danger .site-mgmt__banner-content svg{color:var(--color-error, #ef4444);flex-shrink:0}.site-mgmt__banner--info{background-color:color-mix(in srgb,var(--color-info, #2F92F9) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-info, #2F92F9) 22%,transparent)}.site-mgmt__banner--info .site-mgmt__banner-content svg{color:var(--color-info, #2F92F9);flex-shrink:0}.site-mgmt__banner-content{display:flex;align-items:center;gap:var(--space-2)}.site-mgmt__banner-content span{font-size:var(--font-size-sm);color:var(--color-neutral-700)}.site-mgmt__tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-neutral-200);overflow-x:auto}.site-mgmt__tab{position:relative;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast, .15s),border-color var(--duration-fast, .15s)}.site-mgmt__tab:hover{color:var(--color-neutral-700)}.site-mgmt__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.site-mgmt__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1);margin-left:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-500);background-color:var(--color-neutral-100);border-radius:var(--radius-full)}.site-mgmt__tab-badge--unread{color:var(--color-white, #fff);background-color:var(--color-error, #ef4444)}.site-mgmt__panels{min-height:300px}.site-mgmt__panel{display:none}.site-mgmt__panel.is-active{display:block}.site-mgmt__overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:768px){.site-mgmt__overview-grid{grid-template-columns:repeat(3,1fr)}}.site-mgmt__stat{background-color:var(--color-neutral-50, #f9fafb);border-radius:var(--radius-lg);padding:var(--space-4)}.site-mgmt__stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.site-mgmt__stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);word-break:break-all}.site-mgmt__preview-frame{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden;position:relative;max-width:100%;box-sizing:border-box}.site-mgmt__iframe{width:1440px;height:900px;border:none;transform:scale(var(--preview-scale, .65));transform-origin:0 0;position:absolute;top:0;left:0;pointer-events:none}.site-settings__section{padding:var(--space-5) 0;border-bottom:1px solid var(--color-neutral-100)}.site-settings__section:first-child{padding-top:0}.site-settings__section:last-child{border-bottom:none}.site-settings__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0 0 var(--space-1)}.site-settings__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);margin:0 0 var(--space-4)}.site-settings__section .form-group{margin-bottom:var(--space-4)}.site-settings__section .form-group:last-of-type{margin-bottom:var(--space-3)}.site-settings__section .form-label{display:block;margin-bottom:var(--space-2)}.site-settings__section .btn{margin-top:var(--space-2)}.site-settings__sub-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-100);border-radius:var(--radius-lg)}.site-settings__sub-plan{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.site-settings__sub-meta{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.site-settings__alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.site-settings__alert--danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.site-settings__alert a{color:inherit;font-weight:var(--font-weight-semibold);text-decoration:underline;margin-left:auto;white-space:nowrap}.site-sub__actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.seo-preview{margin-bottom:var(--space-5)}.seo-preview__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-400);margin-bottom:var(--space-2)}.seo-preview__card{background-color:var(--color-white, #fff);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);max-width:600px}.seo-preview__url{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.seo-preview__favicon{width:18px;height:18px;border-radius:var(--radius-full);object-fit:contain;flex-shrink:0}.seo-preview__url-text{display:flex;flex-direction:column;min-width:0}.seo-preview__site-name{font-size:13px;color:var(--color-neutral-900);font-weight:var(--font-weight-medium)}.seo-preview__breadcrumb{font-size:11px;color:var(--color-neutral-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-preview__title{font-size:18px;font-weight:var(--font-weight-normal);color:#1a0dab;line-height:1.3;margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seo-preview__desc{font-size:13px;color:#4d5156;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.seo-desc-wrap{position:relative}.seo-desc-textarea{resize:vertical;width:100%;min-height:80px;max-height:200px;font-size:var(--font-size-sm);line-height:1.6;box-sizing:border-box}.seo-desc-bar{height:3px;background-color:var(--color-neutral-100);border-radius:var(--radius-full);margin-top:var(--space-2);overflow:hidden}.seo-desc-bar__fill{height:100%;background-color:var(--color-success, #22c55e);border-radius:var(--radius-full);transition:width var(--duration-fast, .15s),background-color var(--duration-fast, .15s)}.seo-desc-bar__fill.is-warning{background-color:var(--color-warning, #f59e0b)}.seo-desc-bar__fill.is-over{background-color:var(--color-error, #ef4444)}.form-char-count{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-neutral-400);text-align:right}.form-char-count.is-warning{color:var(--color-warning, #f59e0b)}.form-char-count.is-over{color:var(--color-error, #ef4444)}.form-group--row{display:flex;gap:var(--space-4);flex-wrap:wrap}.form-group--row .form-label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:var(--font-weight-normal)}.site-messages__list{display:flex;flex-direction:column;gap:var(--space-4)}.site-messages__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.site-messages__toolbar-left,.site-messages__toolbar-right{display:flex;align-items:center;gap:var(--space-2)}.site-messages__check-all{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-500);cursor:pointer}.btn--delete{background-color:var(--color-error, #ef4444);color:var(--color-white, #fff);border:none}.btn--delete:hover{background-color:color-mix(in srgb,var(--color-error) 85%,#000)}.btn--success{background-color:var(--color-success);color:var(--color-white, #fff);border:none}.btn--success:hover{background-color:color-mix(in srgb,var(--color-success) 85%,#000)}.site-messages__checkbox{flex-shrink:0;padding:var(--space-4) 0 var(--space-4) var(--space-3);cursor:pointer;display:flex;align-items:center}.site-messages__checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent)}.site-messages__item{display:flex;flex-wrap:wrap;background-color:var(--color-neutral-50, #f9fafb);border-radius:var(--radius-lg);border-left:3px solid var(--color-neutral-200);overflow:hidden;transition:border-color var(--duration-fast, .15s)}.site-messages__item.is-selected{background-color:color-mix(in srgb,var(--color-accent) 5%,var(--color-neutral-50, #f9fafb));border-left-color:var(--color-accent)}.site-messages__item--unread{border-left-color:var(--color-error, #ef4444);background-color:color-mix(in srgb,var(--color-error, #ef4444) 3%,var(--color-neutral-50, #f9fafb))}.site-messages__item.is-open{border-left-color:var(--color-accent)}.site-messages__toggle{display:block;flex:1;min-width:0;padding:var(--space-4);padding-left:var(--space-3);background:none;border:none;cursor:pointer;text-align:left;color:inherit;font:inherit}.site-messages__item:hover>.site-messages__toggle,.site-messages__item:hover>.site-messages__checkbox{background-color:#00000005}.site-messages__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.site-messages__sender{display:flex;align-items:center;gap:var(--space-2);min-width:0}.site-messages__unread-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-error, #ef4444);flex-shrink:0}.site-messages__sender strong{font-size:var(--font-size-sm);color:var(--color-neutral-900)}.site-messages__email-preview{font-size:var(--font-size-xs);color:var(--color-neutral-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-messages__header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.site-messages__date{font-size:var(--font-size-xs);color:var(--color-neutral-400);white-space:nowrap}.site-messages__chevron{color:var(--color-neutral-400);transition:transform var(--duration-fast, .15s);flex-shrink:0}.site-messages__item.is-open .site-messages__chevron{transform:rotate(180deg)}.site-messages__subject{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);margin-top:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-messages__body{display:flex;flex-direction:column;gap:var(--space-1);width:100%;padding:0 var(--space-4) var(--space-4);padding-left:calc(var(--space-3) + 16px + var(--space-2));border-top:1px solid var(--color-neutral-100)}.site-messages__field{display:flex;gap:var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-normal, 1.5);padding-top:var(--space-2)}.site-messages__field-label{font-weight:var(--font-weight-medium);color:var(--color-neutral-500);min-width:80px;flex-shrink:0}.site-messages__field-label:after{content:" :"}.site-messages__field-value{color:var(--color-neutral-800);white-space:pre-wrap;word-break:break-word}.dash-project-card__unread{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white, #fff);background-color:var(--color-error, #ef4444);border-radius:var(--radius-full);z-index:1;box-shadow:0 1px 3px #00000026}.btn--xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);height:auto;min-height:0}.site-mgmt__offline-btn{color:var(--color-neutral-400);padding:var(--space-1)}.site-mgmt__offline-btn:hover{color:var(--color-error)}.site-mgmt__offline-notice{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-neutral-500);border:1px dashed var(--color-neutral-200);border-radius:var(--radius-lg)}.site-mgmt__offline-notice svg{color:var(--color-neutral-300)}.site-mgmt__offline-notice p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.site-modal{position:fixed;inset:0;z-index:var(--z-modal, 40);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.site-modal__backdrop{position:absolute;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.site-modal__card{position:relative;background-color:var(--color-surface, #fff);border-radius:var(--radius-xl, 16px);padding:var(--space-8) var(--space-6);max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-xl, 0 20px 60px rgba(0, 0, 0, .15));animation:modal-enter .2s ease-out}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.site-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.site-modal__icon--warning{background-color:color-mix(in srgb,var(--color-error, #ef4444) 10%,transparent);color:var(--color-error, #ef4444)}.site-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0 0 var(--space-2)}.site-modal__desc{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:1.6;margin:0 0 var(--space-5)}.site-modal__actions{display:flex;gap:var(--space-2);justify-content:center}.site-modal__card--lg{max-width:520px}.site-modal__modes{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);text-align:left}.site-modal__mode{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.site-modal__mode:hover{border-color:var(--color-neutral-300);background-color:var(--color-neutral-50)}.site-modal__mode input[type=radio]{margin-top:3px;accent-color:var(--color-accent, #c4197f);flex-shrink:0}.site-modal__mode:has(input[type=radio]:checked){border-color:var(--color-accent, #c4197f);background-color:color-mix(in srgb,var(--color-accent, #c4197f) 5%,transparent)}.site-modal__mode-content{display:flex;flex-direction:column;gap:var(--space-1)}.site-modal__mode-content strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.site-modal__mode-content span{font-size:var(--font-size-xs);color:var(--color-neutral-500);line-height:1.5}.site-modal__field{margin-bottom:var(--space-5);text-align:left}.site-modal__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-2)}.site-modal__textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);color:var(--color-neutral-900);background-color:var(--color-surface, #fff);resize:vertical;transition:border-color .15s ease}.site-modal__textarea:focus{outline:none;border-color:var(--color-accent, #c4197f)}.site-modal__hint{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin:var(--space-2) 0 var(--space-5);line-height:1.5}.site-modal__hint code{font-family:var(--font-family-mono, monospace);background-color:var(--color-neutral-100);padding:1px 6px;border-radius:var(--radius-sm);font-size:11px}.ip-my-ip{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-100);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.ip-my-ip__label{color:var(--color-neutral-500)}.ip-my-ip__value{font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);color:var(--color-neutral-900);background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200)}.ip-my-ip__add{margin-left:auto;color:var(--color-accent);gap:var(--space-1)}.ip-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-surface);min-height:44px;cursor:text;transition:border-color .15s ease}.ip-tags:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.ip-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);border-radius:var(--radius-full, 9999px);font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);color:var(--color-neutral-800);line-height:1.4;animation:ip-tag-in .15s ease}@keyframes ip-tag-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ip-tag__value{-webkit-user-select:all;user-select:all}.ip-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;border-radius:var(--radius-full, 9999px);color:var(--color-neutral-400);cursor:pointer;transition:background-color .15s ease,color .15s ease}.ip-tag__remove:hover{background:color-mix(in srgb,var(--color-danger, #ef4444) 12%,transparent);color:var(--color-danger, #ef4444)}.ip-tags__input-wrap{flex:1;min-width:120px}.ip-tags__input{width:100%;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-neutral-900);padding:var(--space-1) 0;font-family:var(--font-mono, monospace)}.ip-tags__input::placeholder{color:var(--color-neutral-400);font-family:var(--font-sans, sans-serif)}.ip-tags__hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:767px){.site-mgmt__title{font-size:var(--font-size-xl)}.site-mgmt__overview-grid{grid-template-columns:repeat(2,1fr)}.ip-my-ip{flex-direction:column;align-items:flex-start}.ip-my-ip__add{margin-left:0}}.billing-page{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4)}.billing-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.billing-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0}.billing-onboard{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-4);max-width:440px;margin:0 auto}.billing-onboard__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-xl);background:var(--color-neutral-50);color:var(--color-neutral-400);margin-bottom:var(--space-5)}.billing-onboard__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0 0 var(--space-2)}.billing-onboard__text{font-size:var(--font-size-sm);color:var(--color-neutral-500);line-height:1.6;margin:0 0 var(--space-6)}.billing-onboard__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.billing-section{margin-bottom:var(--space-8)}.billing-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-neutral-100)}.billing-section__hint{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-neutral-500)}.billing-section__hint a{color:var(--color-accent);text-decoration:none}.billing-section__hint a:hover{text-decoration:underline}.billing-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-neutral-400)}.billing-empty svg{margin-bottom:var(--space-3)}.billing-empty p{margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.billing-subs{display:flex;flex-direction:column;gap:var(--space-3)}.billing-sub{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-neutral-100);border-radius:var(--radius-lg);transition:border-color .16s ease,background .16s ease}.billing-sub:hover{border-color:var(--color-neutral-200)}.billing-sub--warning{border-color:color-mix(in srgb,var(--color-error, #ef4444) 30%,transparent);background:color-mix(in srgb,var(--color-error, #ef4444) 4%,var(--color-surface))}.billing-sub--muted{background:var(--color-neutral-50)}.billing-sub--muted .billing-sub__site{color:var(--color-neutral-600)}.billing-sub--muted .billing-sub__meta,.billing-sub--muted .billing-sub__renewal{color:var(--color-neutral-400)}.billing-sub__info{min-width:0;overflow:hidden}.billing-sub__site{font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-sub__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px;font-size:var(--font-size-xs);color:var(--color-neutral-500);min-width:0}.billing-sub__domain{font-family:var(--font-family-mono, ui-monospace, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.billing-sub__meta>*+*:before{content:"·";margin-right:var(--space-2);color:var(--color-neutral-300)}.billing-sub__interval{flex-shrink:0}.billing-sub__status{flex-shrink:0;justify-self:center}.billing-sub__renewal{font-size:var(--font-size-sm);color:var(--color-neutral-500);white-space:nowrap;flex-shrink:0;justify-self:end}.billing-sub__actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);justify-self:end}.billing-sub__cancel-btn{color:var(--color-neutral-500)}.billing-sub__cancel-btn:hover{color:var(--color-error, #ef4444);background:color-mix(in srgb,var(--color-error, #ef4444) 8%,transparent)}@media(max-width:720px){.billing-sub{grid-template-columns:1fr auto;grid-template-areas:"info status" "renewal actions";row-gap:var(--space-3)}.billing-sub__info{grid-area:info}.billing-sub__status{grid-area:status;justify-self:end}.billing-sub__renewal{grid-area:renewal;justify-self:start}.billing-sub__actions{grid-area:actions;justify-self:end}}.billing-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap}.billing-badge--success{background:#f0fdf4;color:#166534}.billing-badge--warning{background:#fffbeb;color:#92400e}.billing-badge--danger{background:#fef2f2;color:#991b1b}.billing-badge--muted{background:var(--color-neutral-100);color:var(--color-neutral-500)}.billing-invoices{border:1px solid var(--color-neutral-100);border-radius:var(--radius-lg);overflow:hidden}.billing-invoices__header,.billing-invoices__row{display:grid;grid-template-columns:120px 1fr 100px 100px 40px;align-items:center;padding:var(--space-3) var(--space-4);gap:var(--space-2)}.billing-invoices__header{background:var(--color-neutral-50);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-neutral-100)}.billing-invoices__row{font-size:var(--font-size-sm);color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-50)}.billing-invoices__row:last-child{border-bottom:none}.billing-invoices__number{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.billing-invoices__download{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-accent);transition:background var(--duration-fast) var(--easing-default)}.billing-invoices__download:hover{background:var(--color-neutral-100)}@media(max-width:640px){.billing-invoices__header{display:none}.billing-invoices__row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:var(--space-1) var(--space-2)}.billing-sub{flex-direction:column;align-items:flex-start}}.legal-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-neutral-50)}.legal-layout__header{height:var(--header-height);background:var(--color-surface, #fff);border-bottom:1px solid var(--color-neutral-200);display:flex;align-items:center}.legal-layout__header-inner{width:100%;max-width:var(--container-max-width, 1280px);margin-inline:auto;padding-inline:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}@media(min-width:768px){.legal-layout__header-inner{padding-inline:var(--space-6)}}.legal-layout__logo{display:inline-flex;align-items:center;gap:var(--space-2)}.legal-layout__logo img{height:40px;width:auto}.legal-layout__actions{display:flex;align-items:center;gap:var(--space-3)}.legal-layout__main{flex:1;padding-block:var(--space-10) var(--space-16)}.legal-layout__footer{background:var(--color-primary);color:var(--color-neutral-300);padding-block:var(--space-8);font-size:var(--font-size-sm)}.legal-layout__footer-inner{width:100%;max-width:var(--container-max-width, 1280px);margin-inline:auto;padding-inline:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}@media(min-width:768px){.legal-layout__footer-inner{flex-direction:row;justify-content:space-between;text-align:left;padding-inline:var(--space-6)}}.legal-layout__footer-links{display:flex;flex-wrap:wrap;gap:var(--space-4);list-style:none;padding:0;margin:0;justify-content:center}.legal-layout__footer-links a{color:var(--color-neutral-300);text-decoration:none;transition:color var(--duration-fast) var(--easing-default)}.legal-layout__footer-links a:hover{color:var(--color-brand-gold)}.legal-hero{max-width:768px;margin-inline:auto;margin-bottom:var(--space-10);padding-inline:var(--space-4)}.legal-hero__title{font-family:var(--font-family-display, var(--font-family-sans));font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-primary);margin-bottom:var(--space-3)}.legal-hero__meta{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.legal-content{max-width:768px;margin-inline:auto;padding-inline:var(--space-4);color:var(--color-neutral-700, #3A3F52);line-height:var(--line-height-relaxed)}.legal-content>p,.legal-content>ul,.legal-content>ol{margin-bottom:var(--space-4)}.legal-toc{background:var(--color-accent-subtle);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}.legal-toc__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-3)}.legal-toc ol{padding-left:var(--space-5);margin:0}.legal-toc li{margin-bottom:var(--space-1)}.legal-toc a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--easing-default)}.legal-toc a:hover{color:var(--color-accent)}.legal-section{margin-bottom:var(--space-10);scroll-margin-top:calc(var(--header-height) + var(--space-4))}.legal-section__title{font-family:var(--font-family-display, var(--font-family-sans));font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent)}.legal-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-top:var(--space-6);margin-bottom:var(--space-2)}.legal-content ul,.legal-content ol{padding-left:var(--space-6)}.legal-content li{margin-bottom:var(--space-2)}.legal-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.legal-content a:hover{color:var(--color-accent-dark)}.legal-content strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.legal-updated{margin-top:var(--space-10);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200);font-size:var(--font-size-sm);color:var(--color-neutral-500);font-style:italic}.variables-form{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-5)}.missing-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-warning-light);border:1px solid color-mix(in srgb,var(--color-warning) 28%,transparent);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-primary)}.missing-banner__icon{flex-shrink:0;color:var(--color-warning);line-height:0;padding-top:2px}.missing-banner__body{flex:1;min-width:0}.missing-banner__title{margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.missing-banner__text{margin:0;font-size:var(--font-size-xs);color:var(--color-neutral-700);line-height:1.55}.missing-banner__list{margin:var(--space-2) 0 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.missing-banner__list li:after{content:"·";margin-left:var(--space-2);color:var(--color-neutral-400)}.missing-banner__list li:last-child:after{content:none}.missing-banner__link{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;font-weight:var(--font-weight-medium)}.missing-banner__link:hover,.missing-banner__link:focus-visible{color:var(--color-accent)}.variables-section{padding:var(--space-5) var(--space-5) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}.variables-section__header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-100)}.variables-section__header>.card__title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.variables-section__intro{margin:0;font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:1.55}.variables-section--collapsible{background-color:var(--color-surface-muted)}.variables-section--collapsible>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;margin-bottom:0;padding-bottom:0;border-bottom:0}.variables-section--collapsible[open]>summary{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-100)}.variables-section--collapsible>summary::-webkit-details-marker{display:none}.variables-section--collapsible>summary>.card__title:before{content:"›";display:inline-block;width:1ch;margin-right:var(--space-1);color:var(--color-neutral-500);transition:transform .15s ease;transform:rotate(0)}.variables-section--collapsible[open]>summary>.card__title:before{transform:rotate(90deg)}.variables-section__hint-toggle{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-weight:var(--font-weight-normal);margin-left:auto}.variables-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4) var(--space-5)}@media(min-width:720px){.variables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.variables-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.variables-field--full{grid-column:1 / -1}.variables-field__label{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.variables-field__required{color:var(--color-accent);font-weight:var(--font-weight-bold);line-height:1}.variables-field__hint{margin:0 0 var(--space-1) 0;font-size:var(--font-size-xs);color:var(--color-neutral-600);line-height:1.5}.variables-field__input{width:100%;padding:var(--space-2-5, .6rem) var(--space-3);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-primary);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-button);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.variables-field__input::placeholder{color:var(--color-neutral-400)}.variables-field__input:hover:not(:disabled){border-color:var(--color-neutral-300)}.variables-field__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.variables-field__input:disabled{background-color:var(--color-neutral-50);color:var(--color-neutral-700);cursor:not-allowed;border-style:dashed;border-color:var(--color-neutral-200)}.variables-field__input--textarea{resize:vertical;min-height:5rem;line-height:1.55}.variables-field.is-missing .variables-field__label:after{content:"à compléter";margin-left:auto;padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:color-mix(in srgb,var(--color-warning) 80%,var(--color-neutral-900));background-color:var(--color-warning-light);border-radius:var(--radius-full);text-transform:none}.variables-field.is-missing .variables-field__input{border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-neutral-200));background-color:color-mix(in srgb,var(--color-warning-light) 50%,var(--color-surface))}.variables-field.is-missing .variables-field__input:focus{border-color:var(--color-accent);background-color:var(--color-surface)}.variables-field--readonly{padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-neutral-100);border-radius:var(--radius-button)}.variables-field--readonly .variables-field__input{border:none;background:transparent;padding:0;color:var(--color-neutral-700);font-weight:var(--font-weight-medium)}.variables-field--readonly .variables-field__input:disabled{background:transparent;cursor:default;border:none}.variables-field__readonly-note{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--color-neutral-500);font-style:italic}.variables-field--invalid .variables-field__input{border-color:var(--color-error);background-color:var(--color-error-light)}.variables-field__error{color:var(--color-error-dark);font-size:var(--font-size-xs);margin:0;font-weight:var(--font-weight-medium)}.variables-field__translations{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-neutral-200)}.variables-field__translations summary{cursor:pointer;font-size:var(--font-size-xs);color:var(--color-neutral-600);padding-block:var(--space-1)}.variables-field__translation{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-2);align-items:center;margin-top:var(--space-2)}.variables-field__translation>span{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-500);letter-spacing:.05em}.variables-or-group{grid-column:1 / -1;padding:var(--space-4);background-color:var(--color-surface-muted);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md)}.variables-or-group__header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.variables-or-group__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--space-1)}.variables-or-group__help{margin:0;font-size:var(--font-size-xs);color:var(--color-neutral-600);line-height:1.55}.variables-or-group__question{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.04em}.variables-or-group__options{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;margin-bottom:var(--space-4);background-color:var(--color-neutral-100);border-radius:var(--radius-button)}.variables-or-group__option{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);cursor:pointer;border-radius:calc(var(--radius-button) - 2px);transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.variables-or-group__option:hover{color:var(--color-primary)}.variables-or-group__option input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.variables-or-group__option.is-active{background-color:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.variables-or-group__option:focus-within{box-shadow:0 0 0 3px var(--color-accent-subtle)}.variables-or-group__option-label{line-height:1.4}.variables-or-group__panel{display:grid;grid-template-columns:1fr;gap:var(--space-4) var(--space-5)}@media(min-width:720px){.variables-or-group__panel{grid-template-columns:repeat(2,minmax(0,1fr))}}.variables-or-group__panel[hidden]{display:none}.variables-or-group__minimum-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4) var(--space-5)}@media(min-width:720px){.variables-or-group__minimum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.variables-platform-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3) var(--space-4)}@media(min-width:720px){.variables-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.variables-platform-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-neutral-100);border-radius:var(--radius-button)}.variables-platform-item__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.04em}.variables-platform-item__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);word-break:break-word}.variables-platform-item__value--muted{color:var(--color-neutral-500);font-style:italic;font-weight:var(--font-weight-normal)}.variables-form__footer{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);position:sticky;bottom:var(--space-3);z-index:10}.variables-form__footer-hint{margin:0 0 0 auto;font-size:var(--font-size-xs);color:var(--color-neutral-500)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-neutral-100);color:var(--color-neutral-700);line-height:1.4}.badge--lock{background-color:var(--color-neutral-100);color:var(--color-neutral-600);font-weight:var(--font-weight-normal)}.badge--info{background-color:var(--color-info-light);color:var(--color-info)}[data-webora-overlay] var[data-key]{position:relative;cursor:pointer;font-style:normal;font-family:var(--font-family-mono);font-size:.92em;padding:0 var(--space-1);border:1px dashed var(--color-accent);border-radius:var(--radius-sm);background-color:var(--color-accent-subtle);color:var(--color-accent)}[data-webora-overlay] var[data-key]:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + var(--space-1));left:50%;transform:translate(-50%);z-index:100;padding:var(--space-1) var(--space-2);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-surface);background-color:var(--color-primary);border-radius:var(--radius-sm);white-space:nowrap;max-width:24rem;overflow:hidden;text-overflow:ellipsis;pointer-events:none;box-shadow:var(--shadow-md)}[data-webora-overlay] var[data-key]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:100;border:4px solid transparent;border-top-color:var(--color-primary);pointer-events:none}[data-webora-overlay] var[data-empty]{color:var(--color-error);border-color:var(--color-error);background-color:var(--color-error-light)}.business-profile{display:flex;flex-direction:column;gap:var(--space-4)}.business-profile__question{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.business-profile__type{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media(min-width:640px){.business-profile__type{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.business-profile__type{grid-template-columns:repeat(4,1fr)}}.business-profile__type-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-card);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.business-profile__type-option:hover{border-color:var(--color-neutral-300)}.business-profile__type-option.is-active{border-color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 4%,var(--color-surface));box-shadow:0 0 0 3px var(--color-accent-subtle)}.business-profile__type-option input[type=radio]{margin-top:2px;accent-color:var(--color-accent);flex-shrink:0}.business-profile__type-label{display:flex;flex-direction:column;gap:2px;line-height:1.4}.business-profile__type-label strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.business-profile__type-label small{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.business-profile__panel{border:1px solid var(--color-neutral-100);border-radius:var(--radius-card);padding:var(--space-4);margin:0;background-color:var(--color-surface-muted)}.business-profile__panel[hidden]{display:none}.business-profile__panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0 0 var(--space-3) 0;padding:0;text-transform:uppercase;letter-spacing:.04em;color:var(--color-neutral-700)}.business-profile__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3) var(--space-4)}@media(min-width:720px){.business-profile__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.business-profile__field--full{grid-column:1 / -1}.business-profile__siret-row{display:flex;align-items:stretch;gap:var(--space-2);flex-wrap:wrap}.business-profile__siret-row>input{flex:1 1 200px;min-width:0}.business-profile__siret-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.business-profile__siret-btn[disabled]{opacity:.6;cursor:progress}[data-siret-status]{margin-top:var(--space-2)}[data-siret-status][data-state=searching]{color:var(--color-neutral-600)}[data-siret-status][data-state=found]{color:var(--color-success, var(--color-accent))}[data-siret-status][data-state=error]{color:var(--color-danger, #c0392b)}.legal-modal{position:fixed;inset:0;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow-y:auto}.legal-modal[hidden]{display:none}.legal-modal__backdrop{position:fixed;inset:0;background-color:color-mix(in srgb,var(--color-primary) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:legal-modal-fade .18s ease-out}.legal-modal__dialog{position:relative;width:100%;max-width:680px;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl, 0 20px 60px -10px rgba(0, 0, 0, .3));animation:legal-modal-rise .22s cubic-bezier(.2,.8,.2,1)}.legal-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-neutral-500);cursor:pointer;transition:background-color .15s ease,color .15s ease}.legal-modal__close:hover{background-color:var(--color-neutral-100);color:var(--color-primary)}.legal-modal__header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-3);border-bottom:1px solid var(--color-neutral-100);flex-shrink:0}.legal-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-card);background-color:var(--color-accent-subtle);color:var(--color-accent)}.legal-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0;line-height:1.3}.legal-modal__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:var(--space-1) 0 0}.legal-modal__why{margin:var(--space-3) var(--space-6) 0;padding:0;background-color:color-mix(in srgb,var(--color-warning, #f59e0b) 6%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-warning, #f59e0b) 30%,transparent);border-left-width:3px;border-left-color:var(--color-warning, #f59e0b);border-radius:var(--radius-sm);flex-shrink:0;overflow:hidden}.legal-modal__why-summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.legal-modal__why-summary::-webkit-details-marker{display:none}.legal-modal__why-chevron{margin-left:auto;transition:transform .2s ease;color:var(--color-neutral-500)}.legal-modal__why[open] .legal-modal__why-chevron{transform:rotate(180deg)}.legal-modal__why-list{list-style:none;margin:0;padding:0 var(--space-3) var(--space-2);font-size:var(--font-size-xs);color:var(--color-neutral-700);line-height:1.5}.legal-modal__why-list li{position:relative;padding-left:var(--space-4)}.legal-modal__why-list li:before{content:"•";position:absolute;left:var(--space-2);top:0;color:var(--color-warning, #f59e0b);font-weight:var(--font-weight-bold)}.legal-modal__why-list li+li{margin-top:2px}.legal-modal__why-list strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.legal-modal__why-list abbr{text-decoration-style:dotted;cursor:help}.legal-modal__why-note{margin:var(--space-2) var(--space-3) 0;padding:var(--space-2) 0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-neutral-600);font-style:italic;border-top:1px dashed color-mix(in srgb,var(--color-warning, #f59e0b) 30%,transparent)}.legal-modal__accordion{background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-card);transition:border-color .15s ease}.legal-modal__accordion[hidden]{display:none!important}.legal-modal__accordion[open]{border-color:var(--color-neutral-300)}.legal-modal__accordion-summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.legal-modal__accordion-summary::-webkit-details-marker,.legal-modal__accordion-summary::marker{display:none;content:""}.legal-modal__accordion-summary-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card)}.legal-modal__accordion-summary:hover .legal-modal__accordion-summary-row{background-color:var(--color-neutral-50, #f8fafc)}.legal-modal__accordion[open]>.legal-modal__accordion-summary .legal-modal__accordion-summary-row{border-radius:var(--radius-card) var(--radius-card) 0 0}.legal-modal__accordion-title{flex:1}.legal-modal__accordion-chevron{flex-shrink:0;color:var(--color-neutral-500);transition:transform .2s ease}.legal-modal__accordion[open] .legal-modal__accordion-chevron{transform:rotate(180deg)}.legal-modal__accordion-body{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-neutral-100)}.legal-modal__accordion-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:var(--font-weight-bold);line-height:1}.legal-modal__accordion-badge--empty{background-color:var(--color-neutral-100);color:var(--color-neutral-500)}.legal-modal__accordion-badge--missing{background-color:var(--color-danger, #dc2626);color:#fff}.legal-modal__accordion-badge--ok{background-color:var(--color-success, #16a34a);color:#fff;padding:0;width:20px}.legal-modal__placeholder{margin:0;padding:var(--space-4);background-color:var(--color-neutral-50, #f8fafc);border:1px dashed var(--color-neutral-200);border-radius:var(--radius-card);color:var(--color-neutral-600);font-size:var(--font-size-sm);text-align:center}.legal-modal__placeholder[hidden]{display:none}.legal-modal__persistent{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-neutral-50, #f8fafc);border:1px solid var(--color-neutral-200);border-radius:var(--radius-card)}.legal-modal__persistent input[type=email]{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-primary);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.legal-modal__persistent input[type=email]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.legal-modal__form{padding:var(--space-4) var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 auto;overflow-y:auto;min-height:0}.legal-modal__section{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.legal-modal__section[hidden]{display:none}.legal-modal__legend{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.04em;padding:0;margin:0}.legal-modal__required{color:var(--color-danger, #dc2626);font-weight:var(--font-weight-bold)}.legal-modal__kinds{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media(min-width:640px){.legal-modal__kinds{grid-template-columns:repeat(4,1fr)}}.legal-modal__kind{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background-color:var(--color-surface);border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-card);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;line-height:1.35;text-align:left}.legal-modal__kind:hover{border-color:var(--color-neutral-300)}.legal-modal__kind.is-active{border-color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 4%,var(--color-surface));box-shadow:0 0 0 3px var(--color-accent-subtle)}.legal-modal__kind input[type=radio]{position:absolute;opacity:0;pointer-events:none}.legal-modal__kind-body{display:flex;flex-direction:column;gap:2px}.legal-modal__kind-body strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.legal-modal__kind-body small{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.legal-modal__kind-check{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--color-accent);color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.legal-modal__kind-check svg{width:11px;height:11px}.legal-modal__kind.is-active .legal-modal__kind-check{opacity:1;transform:scale(1)}.legal-modal__kind:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}@media(min-width:640px){.legal-modal__kind-body small{font-size:11px;line-height:1.4}}.legal-modal__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3) var(--space-4)}@media(min-width:640px){.legal-modal__grid{grid-template-columns:repeat(2,1fr)}}.legal-modal__field{display:flex;flex-direction:column;gap:var(--space-1)}.legal-modal__field--full{grid-column:1 / -1}.legal-modal__field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.legal-modal__field input[type=text]{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-primary);background-color:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.legal-modal__field input[type=text]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.legal-modal__field input.is-invalid{border-color:var(--color-danger, #dc2626)}.legal-modal__hint{font-size:var(--font-size-xs);color:var(--color-neutral-500);line-height:1.45}.legal-modal__checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;line-height:1.5}.legal-modal__checkbox input[type=checkbox]{accent-color:var(--color-accent);margin-top:3px}.legal-modal__checkbox--card{align-items:flex-start;padding:var(--space-3) var(--space-4);background-color:var(--color-neutral-50, #f8fafc);border:1px solid var(--color-neutral-200);border-radius:var(--radius-card)}.legal-modal__checkbox--card span{display:flex;flex-direction:column;gap:2px}.legal-modal__checkbox--card strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.legal-modal__checkbox--card small{font-size:var(--font-size-xs);color:var(--color-neutral-600);line-height:1.45}.legal-modal__error{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger, #dc2626);background-color:color-mix(in srgb,var(--color-danger, #dc2626) 6%,var(--color-surface));border-left:3px solid var(--color-danger, #dc2626);border-radius:var(--radius-sm)}.legal-modal__error[hidden]{display:none}.legal-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) 0 0;border-top:1px solid var(--color-neutral-100);margin-top:var(--space-2)}.legal-modal__footer .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.legal-modal__footer .btn--primary[disabled]{opacity:.6;cursor:not-allowed}@keyframes legal-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes legal-modal-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.legal-modal{padding:0;align-items:flex-end}.legal-modal__dialog{max-height:calc(100vh - var(--space-4));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.legal-modal__header,.legal-modal__form{padding-left:var(--space-4);padding-right:var(--space-4)}.legal-modal__why{margin-left:var(--space-4);margin-right:var(--space-4)}}.onb-body{margin:0;padding:0;min-height:100vh;font-family:var(--font-family-sans);color:var(--color-neutral-900);-webkit-font-smoothing:antialiased}.onb-bg{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,#fff5ec,#ffefe0 25%,#faedf5 55%,#ffe4f0 80%,#f8dcea);display:flex;flex-direction:column}.onb-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 600px at 15% 90%,rgba(196,25,127,.18),transparent 70%),radial-gradient(circle 500px at 85% 80%,rgba(234,118,42,.16),transparent 70%);pointer-events:none}.onb-loading{position:relative;z-index:2;margin:auto;padding:var(--space-8);color:var(--color-neutral-600);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.onb-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);gap:var(--space-4)}.onb-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.onb-brand img{height:28px;width:auto}.onb-brand__name{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-lg);background:var(--color-gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.onb-skip{font-family:inherit;background:transparent;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-neutral-600);display:inline-flex;align-items:center;gap:var(--space-2);font-weight:500;text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);transition:color .15s}.onb-skip:hover{color:var(--color-neutral-900)}.onb-stage{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6)}.onb-card{width:100%;max-width:640px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);animation:onb-fade-in .25s ease-out}.onb-card--wide{max-width:820px}@keyframes onb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onb-step-num{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.onb-step-num__dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;flex-shrink:0;display:inline-block}.onb-question{font-family:var(--font-family-heading);font-size:56px;font-weight:700;letter-spacing:-.03em;color:var(--color-neutral-900);line-height:1.05;margin:0;text-wrap:balance}@media(max-width:700px){.onb-question{font-size:36px}}.onb-helper{font-size:var(--font-size-lg);color:var(--color-neutral-600);line-height:1.55;max-width:540px;margin:calc(-1 * var(--space-4)) 0 0}.onb-input-wrap{width:100%;max-width:480px}.onb-input,.onb-textarea{width:100%;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);font-family:inherit;color:var(--color-neutral-900);transition:border-color .15s,box-shadow .15s}.onb-input{height:64px;font-size:var(--font-size-lg);padding:0 var(--space-6)}.onb-textarea{min-height:180px;padding:var(--space-5);font-size:var(--font-size-base);resize:vertical;line-height:1.55}.onb-input:focus,.onb-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #c4197f1a}.onb-input-grid{display:grid;gap:var(--space-3);width:100%;max-width:480px}.onb-input-grid--two{grid-template-columns:1fr 2fr}.onb-input-grid--equal{grid-template-columns:1fr 1fr}@media(max-width:600px){.onb-input-grid--two,.onb-input-grid--equal{grid-template-columns:1fr}}.onb-error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.onb-field-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-neutral-700);margin:0 0 var(--space-2)}.onb-field-help{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);line-height:1.5;color:var(--color-neutral-600);text-align:left}.onb-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);line-height:1.5;text-align:left}.onb-hint--accent{color:var(--color-accent);font-family:var(--font-family-mono);letter-spacing:.01em;animation:onb-hint-fade-in .2s ease-out}.onb-hint[hidden]{display:none}@keyframes onb-hint-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.onb-actions{display:flex;gap:var(--space-3);align-items:center}.onb-next{display:inline-flex;align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-6);background:var(--color-neutral-900);color:#fff;border:none;cursor:pointer;border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;box-shadow:0 8px 24px #0f12222e;transition:transform .2s,box-shadow .2s,opacity .2s}.onb-next:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f122240}.onb-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.onb-next--primary{background:var(--color-gradient-brand);box-shadow:0 8px 24px #c4197f4d}.onb-next--primary:hover{box-shadow:0 12px 32px #c4197f66}.onb-back{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);color:var(--color-neutral-700);cursor:pointer;font-family:inherit;width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s}.onb-back:hover{background:#fff}.onb-skip-step{background:transparent;border:1px solid rgba(0,0,0,.08);color:var(--color-neutral-600);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;height:56px;padding:0 var(--space-5);border-radius:var(--radius-full);transition:background-color .15s,color .15s,border-color .15s}.onb-skip-step:hover{background:#fff9;color:var(--color-neutral-900);border-color:#00000026}.onb-bottom{position:relative;z-index:2;padding:var(--space-6) var(--space-8) var(--space-8);display:flex;justify-content:center}.onb-dots{display:flex;gap:var(--space-2);align-items:center}.onb-dot{width:6px;height:6px;border-radius:50%;background:#0f122226;transition:background-color .2s,width .2s,border-radius .2s}.onb-dot.is-current{background:var(--color-neutral-900);width:24px;border-radius:3px}.onb-dot.is-done{background:var(--color-accent)}.onb-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%;max-width:540px}@media(max-width:600px){.onb-kind-grid{grid-template-columns:1fr}}.onb-kind{padding:var(--space-5);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:inherit;transition:background-color .2s,transform .2s,box-shadow .2s,border-color .2s;display:flex;gap:var(--space-3);align-items:center}.onb-kind:hover{background:#ffffffe6;transform:translateY(-2px)}.onb-kind.is-selected{background:#fff;border-color:var(--color-accent);box-shadow:0 0 0 4px #c4197f1a}.onb-kind__icon{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);background:#0000000d;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-700)}.onb-kind.is-selected .onb-kind__icon{background:var(--color-accent);color:#fff}.onb-kind__title{font-weight:600;font-size:var(--font-size-sm);margin-bottom:2px;color:var(--color-neutral-900)}.onb-kind__desc{font-size:var(--font-size-xs);color:var(--color-neutral-500);line-height:1.4}.onb-types{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:540px}.onb-type{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:inherit;transition:background-color .2s,border-color .2s,box-shadow .2s}.onb-type:hover:not(:disabled){background:#ffffffe6}.onb-type.is-selected{background:#fff;border-color:var(--color-accent);box-shadow:0 0 0 4px #c4197f1a}.onb-type:disabled{cursor:not-allowed;opacity:.55}.onb-type__icon{width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:#0000000d;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-700)}.onb-type.is-selected .onb-type__icon{background:var(--color-gradient-brand);color:#fff}.onb-type__body{flex:1;min-width:0;text-align:left}.onb-type__title{font-weight:600;font-size:var(--font-size-base);margin-bottom:4px;color:var(--color-neutral-900)}.onb-type__desc{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.onb-type__time{font-family:var(--font-family-mono);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:600;flex-shrink:0}.onb-type:disabled .onb-type__time{color:var(--color-neutral-500)}.onb-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.onb-avatar__picker{width:140px;height:140px;border-radius:50%;background:#ffffffd9;border:2px dashed rgba(196,25,127,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s,background-color .15s;color:var(--color-accent);font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-align:center;padding:var(--space-3)}.onb-avatar__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-accent)}.onb-avatar__placeholder span{color:var(--color-neutral-600);line-height:1.3}.onb-avatar__picker:hover{border-color:var(--color-accent);transform:scale(1.02)}.onb-avatar__picker img{width:100%;height:100%;object-fit:cover;border-radius:50%}.onb-avatar__remove{background:transparent;border:none;color:var(--color-neutral-500);font-family:inherit;font-size:var(--font-size-xs);cursor:pointer;text-decoration:underline}.onb-avatar__remove:hover{color:var(--color-accent)}.onb-recap{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:540px}.onb-recap--cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);max-width:760px;align-items:stretch}.onb-recap__col{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}.onb-recap__col-title{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-weight:700;margin:0 0 var(--space-1);padding-left:var(--space-2)}@media(max-width:700px){.onb-recap--cols{grid-template-columns:1fr;max-width:540px}}.onb-recap__row{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4) var(--space-5);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);text-align:left;gap:4px}.onb-recap__label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-500)}.onb-recap__val{font-size:var(--font-size-sm);color:var(--color-neutral-900);word-break:break-word}.onb-recap__val--placeholder{color:var(--color-neutral-400);font-style:italic}.onb-autofill{margin-top:var(--space-3);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(196,25,127,.2);border-radius:var(--radius-md);padding:var(--space-5);text-align:left;width:100%;max-width:480px}.onb-autofill__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent)}.onb-autofill__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px var(--space-6)}@media(max-width:600px){.onb-autofill__grid{grid-template-columns:1fr}}.onb-autofill__cell{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0;border-bottom:1px solid rgba(0,0,0,.05)}.onb-autofill__cell--full{grid-column:1 / -1}.onb-autofill__label{font-family:var(--font-family-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-500)}.onb-autofill__val{font-size:var(--font-size-sm);color:var(--color-neutral-900)}.onb-siret-status{margin-top:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.onb-siret-status[data-status=searching]{color:var(--color-accent)}.onb-siret-status[data-status=error]{color:var(--color-error)}.onb-cropper{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity .2s}.onb-cropper.is-open{opacity:1;pointer-events:auto}.onb-cropper__backdrop{position:absolute;inset:0;background:#0f12228c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.onb-cropper__card{position:relative;background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 30px 80px #0f12224d;width:100%;max-width:400px;text-align:center;transform:translateY(12px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.25,1)}.onb-cropper.is-open .onb-cropper__card{transform:translateY(0) scale(1)}.onb-cropper__title{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-xl);color:var(--color-neutral-900);margin:0 0 var(--space-2);letter-spacing:-.02em}.onb-cropper__sub{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0 0 var(--space-6);line-height:1.5}.onb-cropper__stage{position:relative;margin:0 auto var(--space-6);overflow:hidden;border-radius:var(--radius-md);background:var(--color-neutral-100);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.onb-cropper__stage:active{cursor:grabbing}.onb-cropper__img{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none}.onb-cropper__mask{position:absolute;inset:0;pointer-events:none;background:#0f122280;-webkit-mask:radial-gradient(circle at center,transparent 0,transparent calc(50% - 1px),black 50%,black 100%);mask:radial-gradient(circle at center,transparent 0,transparent calc(50% - 1px),black 50%,black 100%)}.onb-cropper__ring{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 2px #ffffffd9,0 0 0 3px #c4197f66}.onb-cropper__zoom{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-6);padding:0 var(--space-2)}.onb-cropper__zoom-icon{color:var(--color-neutral-500);font-weight:600;font-size:var(--font-size-lg);width:16px;text-align:center;-webkit-user-select:none;user-select:none}.onb-cropper__slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--color-neutral-200);border-radius:var(--radius-full);outline:none;cursor:pointer}.onb-cropper__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-gradient-brand);border:2px solid white;box-shadow:0 2px 6px #c4197f4d;cursor:pointer}.onb-cropper__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:2px solid white;box-shadow:0 2px 6px #c4197f4d;cursor:pointer}.onb-cropper__actions{display:flex;gap:var(--space-3);justify-content:center}.onb-cropper__btn{flex:1;height:48px;padding:0 var(--space-5);border-radius:var(--radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s,opacity .15s;border:1px solid rgba(0,0,0,.08);background:#fff;color:var(--color-neutral-700)}.onb-cropper__btn:hover:not(:disabled){background:var(--color-neutral-50)}.onb-cropper__btn:disabled{opacity:.5;cursor:not-allowed}.onb-cropper__btn--primary{background:var(--color-gradient-brand);color:#fff;border-color:transparent;box-shadow:0 6px 18px #c4197f4d}.onb-cropper__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #c4197f66;background:var(--color-gradient-brand)}@media(max-width:480px){.onb-cropper__stage{width:260px!important;height:260px!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-accent);color:var(--color-surface);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-md);z-index:var(--z-toast);transform:translateY(-200%);transition:transform var(--duration-fast) var(--easing-out)}.skip-link:focus{transform:translateY(0)}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-neutral-500)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.section{padding-block:var(--space-16)}.section--sm{padding-block:var(--space-10)}.section--lg{padding-block:var(--space-24)}@media(min-width:768px){.section{padding-block:var(--space-20)}.section--sm{padding-block:var(--space-12)}.section--lg{padding-block:var(--space-32)}}.no-scroll{overflow:hidden}[data-animate]{opacity:0;transform:translateY(var(--space-6));transition:opacity var(--duration-slow) var(--easing-out),transform var(--duration-slow) var(--easing-out)}[data-animate].is-visible{opacity:1;transform:translateY(0)}[data-animate=fade],[data-animate=fade].is-visible{transform:none}[data-animate=scale]{transform:scale(.95)}[data-animate=scale].is-visible{transform:scale(1)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}