@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Pacifico&display=swap";:root{--color-neutral-100: #f8fafc;--color-neutral-200: #f1f5f9;--color-neutral-300: #e2e8f0;--color-neutral-400: #cbd5e1;--color-neutral-500: #94a3b8;--color-neutral-600: #64748b;--color-neutral-700: #475569;--color-neutral-800: #334155;--color-neutral-900: #1e293b;--color-neutral-950: #0f172a;--color-neutral-1000: #0a0a0f;--color-accent-100: #dbeafe;--color-accent-200: #bfdbfe;--color-accent-300: #93c5fd;--color-accent-400: #60a5fa;--color-accent-500: #3b82f6;--color-accent-600: #2563eb;--color-accent-700: #1d4ed8;--color-accent-800: #1e40af;--color-accent-900: #1e3a8a;--color-accent-2-100: #e0e7ff;--color-accent-2-200: #c7d2fe;--color-accent-2-300: #a5b4fc;--color-accent-2-400: #818cf8;--color-accent-2-500: #6366f1;--color-accent-2-600: #4f46e5;--color-accent-2-700: #4338ca;--color-accent-2-800: #3730a3;--color-accent-2-900: #312e81;--color-success-100: #d1fae5;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-danger-100: #fee2e2;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-annotate-100: #ffedd5;--color-annotate-500: #f97316;--color-annotate-600: #ea580c;--color-annotate-700: #c2410c;--color-trace-100: #cffafe;--color-trace-500: #06b6d4;--color-trace-600: #0891b2;--color-trace-700: #0e7490;--color-accent: var(--color-accent-500);--color-accent-2: var(--color-accent-2-500);--color-on-accent: #ffffff;--color-success: var(--color-success-500);--color-warning: var(--color-warning-500);--color-danger: var(--color-danger-500);--color-annotate: var(--color-annotate-500);--color-trace: var(--color-trace-500);--color-canvas: var(--color-neutral-1000);--color-primary-fill: var(--color-accent-600);--color-primary-hover: var(--color-accent-700);--color-primary-pressed: var(--color-accent-800);--color-danger-fill: var(--color-danger-600);--color-danger-hover: var(--color-danger-700);--color-danger-pressed: var(--color-danger-800);--gradient-brand: linear-gradient(135deg, var(--color-accent-600) 0%, var(--color-accent-2-600) 100%);--gradient-trace: linear-gradient(90deg, var(--color-accent-2-500) 0%, var(--color-trace-500) 100%);--gradient-progress: linear-gradient(90deg, var(--color-accent-500) 0%, var(--color-success-500) 100%);--gradient-ground-dark: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);--gradient-ground-light: linear-gradient(135deg, #e0f2fe 0%, #f1f5f9 100%);--gradient-vignette: radial-gradient(ellipse at center, transparent 55%, color-mix(in srgb, #000 30%, transparent) 100%);--font-heading: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading-weight: 700;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Pacifico", "Brush Script MT", cursive;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-display: 48px;--text-h1: 36px;--text-h2: 28px;--text-h3: 22px;--text-h4: 18px;--text-h5: 15px;--text-h6: 11px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--text-xs: 11px;--leading-tight: 1.12;--leading-snug: 1.3;--leading-body: 1.5;--tracking-tight: -.03em;--tracking-snug: -.015em;--tracking-caps: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--motion-duration-instant: 80ms;--motion-duration-fast: .15s;--motion-duration-base: .24s;--motion-duration-slow: .4s;--motion-duration-cinematic: .8s;--motion-ease-linear: linear;--motion-ease-standard: cubic-bezier(.4, 0, .2, 1);--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-in: cubic-bezier(.7, 0, .84, 0);--motion-ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--topbar-h: 48px;--panel-w: 280px;--timeline-h: 220px;--content-max: 1200px}:root,[data-theme=dark]{color-scheme:dark;--color-bg: var(--color-neutral-950);--color-surface: var(--color-neutral-900);--color-surface-2: var(--color-neutral-800);--color-text: var(--color-neutral-100);--color-text-2: var(--color-neutral-500);--color-text-3: var(--color-neutral-600);--color-text-raised: var(--color-neutral-400);--color-link: var(--color-accent-400);--color-danger-text: var(--color-danger-400);--color-warning-text: var(--color-warning-500);--color-divider: color-mix(in srgb, var(--color-neutral-100) 12%, transparent);--color-hover: color-mix(in srgb, var(--color-neutral-100) 6%, transparent);--color-pressed: color-mix(in srgb, var(--color-neutral-100) 12%, transparent);--color-accent-hover: var(--color-accent-400);--color-accent-pressed: var(--color-accent-600);--color-accent-tint: color-mix(in srgb, var(--color-accent-500) 14%, transparent);--color-scrim: color-mix(in srgb, var(--color-neutral-1000) 65%, transparent);--gradient-ground: var(--gradient-ground-dark);--shadow-sm: 0 1px 2px color-mix(in srgb, #000 40%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-100) 6%, transparent);--shadow-md: 0 4px 16px color-mix(in srgb, #000 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-100) 7%, transparent);--shadow-lg: 0 24px 64px color-mix(in srgb, #000 60%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-100) 8%, transparent);--shadow-stage: 0 25px 80px color-mix(in srgb, #000 60%, transparent), 0 10px 30px color-mix(in srgb, #000 40%, transparent);--shadow-glow: 0 0 24px color-mix(in srgb, var(--color-accent-500) 35%, transparent)}[data-theme=light]{color-scheme:light;--color-bg: var(--color-neutral-100);--color-surface: #ffffff;--color-surface-2: var(--color-neutral-200);--color-text: var(--color-neutral-900);--color-text-2: var(--color-neutral-700);--color-text-3: var(--color-neutral-600);--color-text-raised: var(--color-neutral-700);--color-link: var(--color-accent-700);--color-danger-text: var(--color-danger-700);--color-warning-text: var(--color-warning-800);--color-divider: var(--color-neutral-300);--color-hover: color-mix(in srgb, var(--color-neutral-900) 5%, transparent);--color-pressed: color-mix(in srgb, var(--color-neutral-900) 10%, transparent);--color-accent-hover: var(--color-accent-600);--color-accent-pressed: var(--color-accent-700);--color-accent-tint: color-mix(in srgb, var(--color-accent-500) 10%, transparent);--color-scrim: color-mix(in srgb, var(--color-neutral-950) 50%, transparent);--gradient-ground: var(--gradient-ground-light);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-neutral-950) 8%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-950) 6%, transparent);--shadow-md: 0 4px 16px color-mix(in srgb, var(--color-neutral-950) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-neutral-950) 6%, transparent);--shadow-lg: 0 25px 50px -12px color-mix(in srgb, var(--color-neutral-950) 18%, transparent);--shadow-stage: 0 25px 80px color-mix(in srgb, #000 15%, transparent), 0 10px 30px color-mix(in srgb, #000 10%, transparent);--shadow-glow: 0 0 24px color-mix(in srgb, var(--color-accent-500) 30%, transparent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug);margin:0 0 var(--space-2)}h1{font-size:var(--text-h1);font-weight:800;letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-h2);letter-spacing:-.02em}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4);font-weight:600}h5{font-size:var(--text-h5);font-weight:600;letter-spacing:0}h6{font-size:var(--text-h6);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-2)}.display{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);line-height:1.2;letter-spacing:0}p{margin:0 0 var(--space-3)}a{color:var(--color-link);text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}img,video{display:block;max-width:100%}figure{margin:0}code,.mono{font-family:var(--font-mono);font-size:.92em}.text-muted{color:var(--color-text-2)}.text-faint{color:var(--color-text-3)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.hr{height:1px;border:0;margin:var(--space-4) 0;background:var(--color-divider)}.brand{font-family:var(--font-heading);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--color-text);text-decoration:none}.brand span{color:var(--color-link)}.spacer{flex:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.generate>.topbar,.share .topbar{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-h);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.auth-workspace{display:flex;flex-direction:column;height:100dvh}.auth-content{flex:1;min-height:0}.auth-content>.s1-app{height:100%}.auth-content>.generate,.auth-content>.share{min-height:100%}.auth-account,.auth-actions,.workspace-brand,.account-navigation{display:flex;align-items:center;gap:var(--space-3)}.auth-account{justify-content:flex-end;flex-shrink:0;min-height:var(--topbar-h);padding:var(--space-2) var(--space-6);background:var(--color-surface);color:var(--color-text-2);border-bottom:1px solid var(--color-divider)}.workspace-brand{min-width:0}.workspace-brand .brand{flex-shrink:0}.workspace-label{padding-left:var(--space-3);border-left:1px solid var(--color-divider);font-size:var(--text-sm);white-space:nowrap;color:var(--color-text-3)}.account-navigation{margin-left:auto}.dashboard-link{color:var(--color-text-2);font-size:var(--text-sm);text-decoration:none;padding:var(--space-2);border-radius:var(--radius-sm)}.dashboard-link:hover,.dashboard-link[aria-current=page]{color:var(--color-text);background:var(--color-hover)}.account-trigger{gap:var(--space-2)}.account-trigger-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-avatar{display:inline-grid;place-items:center;flex-shrink:0;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--color-accent-tint);color:var(--color-accent);font-size:var(--text-sm);font-weight:600}.account-trigger>svg{width:var(--space-3);height:var(--space-3);flex-shrink:0}.account-popover{width:260px;max-width:calc(100vw - var(--space-6))}.account-identity{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-1) var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-divider);overflow-wrap:anywhere}.account-identity strong{font-size:var(--text-md)}.account-identity span{color:var(--color-text-3);font-size:var(--text-sm)}.account-menu-action{width:100%;justify-content:flex-start}.account-popover [role=alert]{color:var(--color-danger);font-size:var(--text-sm)}@media(max-width:700px){.auth-account{padding:var(--space-2) var(--space-4);gap:var(--space-2)}.workspace-brand{gap:var(--space-2)}.workspace-label{padding-left:var(--space-2)}.account-navigation{gap:var(--space-1)}.account-trigger-name{display:none}.account-trigger{padding:var(--space-1)}.account-trigger>svg{display:none}.account-avatar{width:var(--space-6);height:var(--space-6)}}@media(max-width:360px){.workspace-label{display:none}}.job-id{color:var(--color-text-3);font-size:var(--text-xs)}.generate{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.generate-main{flex:1;display:grid;place-items:center;padding:var(--space-6)}.generate-card{width:min(100%,640px);display:flex;flex-direction:column;gap:var(--space-4)}.generate-pill{display:flex;align-items:flex-start;gap:var(--space-2)}.generate-pill .field{flex:1}.generate-trust{margin:0;color:var(--color-text-2);font-size:var(--text-sm)}.share{min-height:100vh;background:var(--color-bg);padding:var(--space-10) var(--space-5)}.share-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.share-head{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.share-sub{margin:0;color:var(--color-text-2);overflow-wrap:anywhere}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.video-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.video-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.video-label{font-weight:600}.video-meta{color:var(--color-text-2);font-size:var(--text-sm);white-space:nowrap}.video-card video{width:100%;border-radius:var(--radius-md);background:var(--color-canvas)}.download-btn{align-self:flex-start;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-primary-fill);color:var(--color-on-accent);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background var(--motion-duration-fast) var(--motion-ease-standard)}.download-btn:hover{background:var(--color-primary-hover);color:var(--color-on-accent)}.notfound{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--color-bg)}