@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--surface-canvas: #f7f8fb;--surface-1: #ffffff;--surface-2: #f1f3f9;--surface-3: #f3f4f6;--surface-overlay: rgba(15, 17, 23, .45);--text-primary: #0f1117;--text-secondary: #5c637a;--text-tertiary: #64748b;--text-disabled: #9ca3af;--text-inverse: #ffffff;--text-on-accent: #ffffff;--border-subtle: #e5e7f1;--border-default: #cbd5e1;--border-strong: #9ca3af;--border-accent: #3b82f6;--accent: #3b82f6;--accent-hover: #2563eb;--accent-active: #1d4ed8;--accent-soft: color-mix(in srgb, #3b82f6 12%, transparent);--accent-ring: color-mix(in srgb, #3b82f6 20%, transparent);--brand-cyan: #06b6d4;--brand-blue: #3b82f6;--brand-violet: #8b5cf6;--brand-pink: #ec4899;--brand-amber: #f59e0b;--brand-indigo: #6366f1;--brand-emerald: #22c55e;--success: #10b981;--warning: #eab308;--danger: #d32f2f;--info: #06b6d4;--success-soft: color-mix(in srgb, #10b981 12%, transparent);--warning-soft: color-mix(in srgb, #eab308 12%, transparent);--danger-soft: color-mix(in srgb, #d32f2f 12%, transparent);--info-soft: color-mix(in srgb, #06b6d4 12%, transparent);--cat-1: #9333ea;--cat-2: #d97706;--cat-3: #0891b2;--cat-4: #4f46e5;--cat-5: #db2777;--cat-6: #ea580c;--cat-7: #2563eb;--cat-8: #16a34a;--cat-9: #0d9488;--cat-10: #10b981;--cat-11: #e11d48;--cat-12: #7c3aed;--cat-13: #65a30d;--cat-14: #0284c7;--cat-15: #475569;--cat-16: #71717a;--cat-17: #dc2626;--cat-18: #ca8a04;--cat-19: #78716c;--grad-brand: linear-gradient(135deg, #06b6d4, #3b82f6);--grad-mode-default: linear-gradient(135deg, #3b82f6, #06b6d4);--grad-mode-auto: linear-gradient(135deg, #22c55e, #16a34a);--grad-mode-edit: linear-gradient(135deg, #eab308, #ca8a04);--grad-mode-plan: linear-gradient(135deg, #6366f1, #4f46e5);--grad-mode-brainstorm: linear-gradient(135deg, #06b6d4, #0891b2);--grad-stop: linear-gradient(135deg, #ef4444, #dc2626);--grad-disabled: linear-gradient(135deg, #64748b, #475569);--grad-hero-dark: linear-gradient(135deg, #0a0f1a 0%, #111827 40%, #1e293b 70%, #0f172a 100%);--grad-hero-light: linear-gradient(135deg, #f8fafc 0%, #94a3b8 50%, #f8fafc 100%);--grad-hero-accent: radial-gradient(ellipse at 30% 20%, rgba(6,182,212,.18), transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(139,92,246,.18), transparent 60%);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.04);--shadow-2: 0 2px 8px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-3: 0 8px 24px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.06);--shadow-4: 0 16px 48px rgba(0,0,0,.18), 0 4px 8px rgba(0,0,0,.08);--shadow-5: 0 24px 64px rgba(0,0,0,.24), 0 8px 16px rgba(0,0,0,.12);--glow-accent: 0 0 24px color-mix(in srgb, var(--accent) 30%, transparent);--glow-streaming: 0 0 12px rgba(59,130,246,.2), 0 1px 3px rgba(0,0,0,.1);--focus-ring: 0 0 0 2px var(--accent-ring);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--font-ui: "Inter", "Inter Variable", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-display: "Inter", "Inter Variable", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--fs-display-xl: 4.5rem;--lh-display-xl: 1.05;--fs-display-lg: 3.5rem;--lh-display-lg: 1.05;--fs-display-md: 2.5rem;--lh-display-md: 1.1;--fs-heading-xl: 1.75rem;--lh-heading-xl: 1.2;--fs-heading-lg: 1.375rem;--lh-heading-lg: 1.25;--fs-heading-md: 1.125rem;--lh-heading-md: 1.3;--fs-heading-sm: 1rem;--lh-heading-sm: 1.35;--fs-body-lg: 1.0625rem;--lh-body-lg: 1.55;--fs-body: .9375rem;--lh-body: 1.5;--fs-body-sm: .875rem;--lh-body-sm: 1.45;--fs-label: .8125rem;--lh-label: 1.4;--fs-caption: .75rem;--lh-caption: 1.4;--fs-eyebrow: .6875rem;--lh-eyebrow: 1.2;--fs-code: .875rem;--lh-code: 1.55;--fs-code-sm: .8125rem;--lh-code-sm: 1.5;--motion-instant: 80ms ease-out;--motion-fast: .15s ease-out;--motion-base: .2s cubic-bezier(.2, .8, .2, 1);--motion-slow: .3s cubic-bezier(.2, .8, .2, 1);--motion-deliberate: .5s cubic-bezier(.2, .8, .2, 1);--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-sidebar-overlay: 300;--z-modal-backdrop: 1000;--z-modal: 1010;--z-context-menu: 1100;--z-toast: 1200;--z-tooltip: 1300}[data-theme=dark]{--surface-canvas: #0a0f1a;--surface-1: #0f172a;--surface-2: #111827;--surface-3: #1e293b;--surface-overlay: rgba(10, 15, 26, .72);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-disabled: #475569;--text-inverse: #0f1117;--border-subtle: #1f2937;--border-default: #334155;--border-strong: #475569;--danger: #ef4444;--danger-soft: color-mix(in srgb, #ef4444 12%, transparent);--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 2px 8px rgba(0,0,0,.45);--shadow-3: 0 8px 24px rgba(0,0,0,.5);--shadow-4: 0 16px 48px rgba(0,0,0,.55);--shadow-5: 0 24px 64px rgba(0,0,0,.6)}html,body{font-family:var(--font-ui);font-size:16px;background:var(--surface-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1,.heading-xl{font-family:var(--font-display);font-size:var(--fs-heading-xl);line-height:var(--lh-heading-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}h2,.h2,.heading-lg{font-size:var(--fs-heading-lg);line-height:var(--lh-heading-lg);font-weight:600;color:var(--text-primary)}h3,.h3,.heading-md{font-size:var(--fs-heading-md);line-height:var(--lh-heading-md);font-weight:600;color:var(--text-primary)}h4,.h4,.heading-sm{font-size:var(--fs-heading-sm);line-height:var(--lh-heading-sm);font-weight:600;color:var(--text-primary)}.display-xl{font-size:var(--fs-display-xl);line-height:var(--lh-display-xl);font-weight:600;letter-spacing:-.02em}.display-lg{font-size:var(--fs-display-lg);line-height:var(--lh-display-lg);font-weight:600;letter-spacing:-.02em}.display-md{font-size:var(--fs-display-md);line-height:var(--lh-display-md);font-weight:600;letter-spacing:-.01em}p,.body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary)}.body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}.body-sm{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-secondary)}.label{font-size:var(--fs-label);line-height:var(--lh-label);font-weight:500;color:var(--text-primary)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:500;color:var(--text-tertiary)}.eyebrow{font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}code,.code{font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code)}.code-sm{font-family:var(--font-mono);font-size:var(--fs-code-sm);line-height:var(--lh-code-sm)}.tabular{font-variant-numeric:tabular-nums}a,.link{color:var(--accent);text-decoration:none;transition:color var(--motion-fast)}a:hover,.link:hover{color:var(--accent-hover);text-decoration:underline}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);background:var(--surface-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}.site-header{position:sticky;top:0;z-index:var(--z-sticky);height:56px;background:color-mix(in srgb,var(--surface-canvas) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-3)}.site-header-brand{display:inline-flex;align-items:center;gap:10px;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;transition:background .18s cubic-bezier(.2,.8,.2,1)}.site-header-brand:hover,.site-header-brand:focus-visible,.site-header-brand:active,.site-header-brand:visited{color:var(--text-primary);text-decoration:none}.site-header-brand:hover{background:var(--surface-2)}.site-header-brand:focus-visible{outline:none;background:var(--surface-2);box-shadow:var(--focus-ring)}.site-header-wordmark{font-size:var(--fs-heading-md);font-weight:600;letter-spacing:-.01em}.site-header-spacer{flex:1}.site-header-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.theme-toggle{display:inline-flex;align-items:center;height:32px;padding:2px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border-subtle)}.theme-toggle button{height:26px;width:26px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.theme-toggle button:hover{color:var(--text-primary)}.theme-toggle button[data-active=true]{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-primary);font-size:var(--fs-body-sm);font-weight:500;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-instant);text-decoration:none}.btn:hover:not(:disabled),.btn:focus-visible,.btn:active:not(:disabled){text-decoration:none;color:var(--text-primary)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-default)}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-brand);color:#fff;border:0;text-shadow:0 1px 0 rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px #00000014,var(--shadow-3),var(--glow-accent);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1)}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible,.btn-primary:active:not(:disabled),.btn-primary:visited{color:#fff;text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--grad-brand);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0000001f,var(--shadow-4),var(--glow-accent)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 0 0 1px #0000001f,var(--shadow-3),var(--glow-accent)}@media (prefers-reduced-motion: reduce){.btn-primary{transition:none}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled){transform:none}}.btn-primary:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #00000014,var(--shadow-3),var(--focus-ring)}.btn-ghost{background:transparent;border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:transparent}.btn-lg{height:44px;padding:0 var(--space-5);font-size:var(--fs-body)}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--fs-caption)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--surface-3)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;min-height:0;display:flex;flex-direction:column}.input-page{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-6) var(--space-12);gap:var(--space-8)}@media (max-width: 640px){.input-page{padding:var(--space-7, 28px) var(--space-5) var(--space-10);gap:var(--space-6)}}.page-header{width:100%;max-width:960px;display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-1)}.page-header-eyebrow{margin:0;font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.page-header-title{margin:0;font-size:var(--fs-heading-xl);line-height:var(--lh-heading-xl);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.page-header-hint{margin:0;font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);max-width:640px}@media (max-width: 640px){.page-header-title{font-size:var(--fs-heading-lg)}.page-header-hint{font-size:var(--fs-body);line-height:var(--lh-body)}}.input-card{width:100%;max-width:960px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-7, 28px);box-shadow:var(--shadow-2)}@media (max-width: 640px){.input-card{padding:var(--space-6);border-radius:var(--radius-md)}}.input-card-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-8)}@media (max-width: 880px){.input-card-body{grid-template-columns:1fr;gap:var(--space-7, 28px)}}.input-card-head{display:flex;flex-direction:column;gap:var(--space-2)}.input-card-eyebrow{font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0}.input-card-title{margin:0;font-size:var(--fs-heading-lg);line-height:var(--lh-heading-lg);font-weight:600}.input-card-hint{margin:0;font-size:var(--fs-body-sm);color:var(--text-secondary)}.form-section{display:flex;flex-direction:column;gap:var(--space-4)}.form-section-head{display:flex;flex-direction:column;gap:var(--space-1)}.form-section-eyebrow{margin:0;font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.form-section-hint{margin:0;font-size:var(--fs-body-sm);color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}.field-span-2{grid-column:span 2}@media (max-width: 560px){.field-span-2{grid-column:span 1}}.field-required{color:var(--accent);margin-left:2px}.field-optional{margin-left:var(--space-2);font-size:var(--fs-caption);font-weight:500;color:var(--text-tertiary);text-transform:lowercase;letter-spacing:0}.field-hint{font-size:var(--fs-caption);color:var(--text-tertiary)}.field-hint-row{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.format-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 881px) and (max-width: 1200px){.format-grid{grid-template-columns:1fr}}@media (max-width: 880px){.format-grid{grid-template-columns:1fr}}.format-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--motion-base),background var(--motion-base),box-shadow var(--motion-base)}.format-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.format-card[data-checked=true]{border-color:var(--border-accent);background:var(--accent-soft);box-shadow:var(--shadow-1)}.format-card:focus-within{outline:none;box-shadow:var(--focus-ring);border-color:var(--border-accent)}.format-card-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.format-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-secondary);transition:background var(--motion-base),color var(--motion-base)}.format-card[data-checked=true] .format-card-icon{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.format-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.format-card-label{font-size:var(--fs-body-sm);font-weight:600;color:var(--text-primary)}.format-card-hint{font-size:var(--fs-caption);color:var(--text-tertiary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.format-card-check{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--border-default);color:transparent;background:var(--surface-1);transition:color var(--motion-base),background var(--motion-base),border-color var(--motion-base)}.format-card[data-checked=true] .format-card-check{color:#fff;background:var(--accent);border-color:var(--accent)}.tab-strip{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-self:flex-start}[data-theme=dark] .tab-strip{background:var(--surface-canvas)}.tab-strip button{padding:6px var(--space-4);border:0;background:transparent;color:var(--text-tertiary);font-size:var(--fs-body-sm);font-weight:500;border-radius:5px;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.tab-strip button:hover{color:var(--text-primary)}.tab-strip button[data-active=true]{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-1)}[data-theme=dark] .tab-strip button[data-active=true]{background:var(--surface-3);color:var(--text-primary);box-shadow:var(--shadow-2)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--fs-label);font-weight:500;color:var(--text-secondary);display:inline-flex;align-items:baseline;gap:var(--space-2)}.field-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--fs-body-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}[data-theme=dark] .field-checkbox{background:var(--surface-canvas);border:1px solid var(--border-subtle)}.field-checkbox:hover{color:var(--text-primary)}.field-checkbox input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.input,.textarea,.select{width:100%;height:40px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface-2);color:var(--text-primary);font-family:inherit;font-size:var(--fs-body-sm);transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}[data-theme=dark] .input,[data-theme=dark] .textarea,[data-theme=dark] .select{background:var(--surface-canvas);border-color:var(--border-subtle)}.input:hover:not(:focus),.textarea:hover:not(:focus),.select:hover:not(:focus){border-color:var(--border-default)}.textarea{resize:vertical;min-height:88px;height:auto;padding:10px 12px;font-family:inherit;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.textarea:focus,.select:focus{outline:none;background:var(--surface-1);border-color:var(--border-accent);box-shadow:var(--focus-ring)}[data-theme=dark] .input:focus,[data-theme=dark] .textarea:focus,[data-theme=dark] .select:focus{background:var(--surface-1)}.input-mono{font-family:var(--font-mono);font-size:var(--fs-code-sm)}.field-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.field-actions>.submit-status:only-child,.field-actions>.btn:only-child{margin-left:auto}.field-actions:has(>:only-child){justify-content:flex-end}@media (max-width: 480px){.field-actions{flex-direction:column-reverse;align-items:stretch}.field-actions .btn-lg{width:100%}.submit-status{justify-content:center}}.callout-error{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-body-sm)}.feedback-widget{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-2);font-size:var(--fs-caption);color:var(--text-secondary)}.feedback-widget form{width:100%}.feedback-widget-prompt{margin:0;font-weight:500;color:var(--text-primary)}.feedback-widget-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-canvas);color:var(--text-secondary);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.feedback-widget-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-default);color:var(--text-primary)}.feedback-widget-btn:disabled{opacity:.5;cursor:default}.feedback-widget-input{display:block;width:100%;margin:var(--space-2) 0}.feedback-widget-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.feedback-widget-error{color:var(--danger)}.feedback-widget-done{color:var(--text-secondary)}.callout-rate-limit{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--fs-body-sm)}.callout-rate-limit-title{margin:0;font-weight:600;color:var(--text-primary);font-size:var(--fs-body)}.callout-rate-limit-body{margin:0;color:var(--text-secondary)}.callout-rate-limit-perks{margin:0;padding-left:var(--space-5);color:var(--text-secondary)}.callout-rate-limit-perks li{margin:0}.preview{flex:1;display:flex;flex-direction:column;min-height:0}.preview-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle)}.preview-title{flex:1;font-weight:600;font-size:var(--fs-body)}.preview-statusbar{display:flex;align-items:center;gap:var(--space-2);padding:4px var(--space-5);background:var(--surface-2);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;min-height:22px}.preview-statusbar-path{font-family:var(--font-mono, ui-monospace, monospace);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-statusbar-divider{color:var(--text-tertiary);opacity:.5}.preview-statusbar-spacer{flex:1}.preview-statusbar a{display:inline-flex;align-items:center;gap:3px;color:var(--text-tertiary);text-decoration:none}.preview-statusbar a:hover{color:var(--text-secondary)}.preview-edit-hint{padding:6px var(--space-5);background:var(--surface-2);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-caption);color:var(--text-secondary)}.page-statusbar{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-5);margin-top:var(--space-4);background:var(--surface-2);border-top:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:11px;color:var(--text-tertiary)}.page-statusbar-hint{color:var(--text-secondary)}.page-statusbar-spacer{flex:1}.page-statusbar-divider{color:var(--text-tertiary);opacity:.5}.page-statusbar a{display:inline-flex;align-items:center;gap:3px;color:var(--text-tertiary);text-decoration:none}.page-statusbar a:hover,.page-statusbar a:focus-visible,.page-statusbar a:active,.page-statusbar a:visited{color:var(--text-secondary);text-decoration:none}.preview-body{flex:1;display:grid;grid-template-columns:260px 6px 1fr;min-height:0}.preview-resize{cursor:col-resize;background:transparent;position:relative;transition:background var(--motion-fast)}.preview-resize:before{content:"";position:absolute;top:0;bottom:0;left:2px;width:1px;background:var(--border-subtle)}.preview-resize:hover,.preview-resize[data-dragging=true]{background:color-mix(in srgb,var(--accent) 20%,transparent)}.preview-resize:hover:before,.preview-resize[data-dragging=true]:before{background:var(--accent)}.file-list{background:var(--surface-canvas);overflow:auto;padding:var(--space-3) 0;display:flex;flex-direction:column;min-width:0}.file-tree{display:flex;flex-direction:column}.tree-folder{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-right:var(--space-3);color:var(--text-tertiary);font-size:var(--fs-body-sm);font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.tree-folder-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item{text-align:left;background:transparent;border:0;color:var(--text-secondary);padding:6px 10px;margin-right:var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-body-sm);display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-width:0;font-family:var(--font-mono);transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.file-item:hover{background:var(--surface-2);color:var(--text-primary)}.file-row[data-active=true] .file-item{background:var(--accent-soft);color:var(--text-primary)}.file-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.file-row{display:flex;align-items:stretch;gap:2px;margin-right:var(--space-3)}.file-row .file-item{flex:1;min-width:0;margin-right:0}.file-row-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--motion-fast),background var(--motion-fast),color var(--motion-fast)}.file-row:hover .file-row-remove,.file-row:focus-within .file-row-remove{opacity:1}.file-row-remove:hover{background:var(--danger-soft);color:var(--danger)}.preview{position:relative}.preview-toast{position:absolute;left:var(--space-5);bottom:48px;display:inline-flex;align-items:center;gap:var(--space-3);padding:8px var(--space-3) 8px var(--space-4);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-3);font-size:var(--fs-body-sm);color:var(--text-primary);z-index:10;animation:prmd-toast-in .18s cubic-bezier(.2,.8,.2,1)}.preview-toast code{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--surface-2);padding:1px 6px;border-radius:4px}.preview-toast-action{background:transparent;border:0;color:var(--brand-cyan, #06b6d4);font-weight:600;font-size:var(--fs-body-sm);cursor:pointer;padding:2px 8px;border-radius:4px;transition:background var(--motion-fast)}.preview-toast-action:hover{background:var(--surface-2)}@keyframes prmd-toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.preview-toast{animation:none}}.editor-host{min-width:0;background:var(--surface-canvas)}.empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary)}.marketing{display:flex;flex-direction:column;min-height:100vh}.hero{position:relative;padding:120px var(--space-6) 80px;overflow:hidden}.hero{background:var(--surface-canvas)}[data-theme=dark] .hero{background:var(--grad-hero-dark)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-hero-accent);pointer-events:none}.hero-inner{position:relative;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.hero-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--brand-cyan) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-cyan) 35%,transparent);font-size:var(--fs-caption);color:var(--brand-cyan);letter-spacing:.04em;font-weight:500}.hero-pill-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--brand-cyan)}.hero-title{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;font-weight:600;letter-spacing:-.02em;max-width:920px;color:var(--text-primary)}[data-theme=dark] .hero-title{color:#f1f5f9}[data-theme=dark] .hero-subtitle{color:#cbd5e1}.hero-title-accent{background:linear-gradient(135deg,#06b6d4,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-subtitle{margin:0;font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);max-width:640px}.hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.hero-credit{margin:var(--space-3) 0 0;font-size:var(--fs-caption);font-style:italic;color:var(--text-tertiary)}.hero-credit a{color:var(--text-secondary);text-decoration:none;border-bottom:1px dotted var(--text-tertiary);transition:color var(--motion-fast),border-color var(--motion-fast)}.hero-credit a:hover{color:var(--accent);border-bottom-color:var(--accent)}.hero-card{margin-top:var(--space-12);padding:14px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);max-width:880px;width:100%;box-shadow:var(--shadow-4)}[data-theme=dark] .hero-card{background:#0f172a99;border-color:#33415599;box-shadow:0 30px 80px #00000080}.hero-code{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);text-align:left;font-family:var(--font-mono);font-size:var(--fs-code-sm);line-height:1.6;color:var(--text-secondary)}[data-theme=dark] .hero-code{background:#0f172a;color:#cbd5e1}.hero-code-bar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.hero-code-dot{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--border-default)}.hero-code-name{margin-left:auto;font-size:var(--fs-caption);color:var(--text-tertiary)}.code-key{color:var(--brand-cyan)}.code-string{color:var(--success)}.code-comment{color:var(--text-tertiary)}[data-theme=dark] .hero .btn:not(.btn-primary){background:transparent;color:#f1f5f9;border-color:#cbd5e14d}[data-theme=dark] .hero .btn:not(.btn-primary):hover:not(:disabled){background:#f1f5f914;border-color:#cbd5e180}.section{padding:120px var(--space-6)}.section-inner{max-width:1200px;margin:0 auto}.section-head{text-align:center;margin-bottom:var(--space-16)}.section-eyebrow{font-size:var(--fs-eyebrow);line-height:var(--lh-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin:0 0 var(--space-3)}.section-title{margin:0;font-size:2.5rem;line-height:1.15;font-weight:600;letter-spacing:-.01em;max-width:720px;margin-inline:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 880px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-7, 28px);transition:box-shadow var(--motion-base),border-color var(--motion-base)}.feature-card:hover{box-shadow:var(--shadow-2);border-color:var(--border-default)}.feature-icon{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.feature-title{margin:0 0 var(--space-2);font-size:var(--fs-heading-md);font-weight:600;color:var(--text-primary)}.feature-body{margin:0;font-size:var(--fs-body-sm);line-height:1.55;color:var(--text-secondary)}.site-footer{padding:var(--space-12) var(--space-6) var(--space-8);background:var(--surface-canvas);border-top:1px solid var(--border-subtle);margin-top:auto}.site-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--fs-caption);color:var(--text-tertiary)}.site-footer-links{display:inline-flex;gap:var(--space-5)}.site-footer a{display:inline-flex;align-items:center;gap:4px;color:var(--text-tertiary);text-decoration:none}.site-footer a:hover{color:var(--text-primary)}@keyframes prmd-spin{to{transform:rotate(360deg)}}.spin{animation:prmd-spin .9s linear infinite;transform-origin:center}.submit-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);color:var(--text-tertiary)}.submit-quota{font-size:var(--fs-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.submit-quota[data-bucket=user]{color:var(--text-secondary)}.auth-gate{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}[data-theme=dark] .auth-gate{background:var(--surface-canvas)}.auth-gate-title{margin:0;font-size:var(--fs-body);font-weight:600;color:var(--text-primary)}.auth-gate-hint{margin:0;font-size:var(--fs-body-sm);color:var(--text-secondary);max-width:56ch}.file-tree [data-cat=claude] svg{color:#f59e0b}.file-tree [data-cat=cursor] svg{color:#06b6d4}.file-tree [data-cat=github] svg{color:var(--text-tertiary)}.file-tree [data-cat=markdown] svg{color:#3b82f6}.file-tree [data-cat=default] svg{color:var(--text-tertiary)}.file-tree .file-row[data-active=true] .file-item svg{filter:brightness(1.05)}.source-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media (max-width: 560px){.source-choice{grid-template-columns:1fr}}.source-choice-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-instant)}[data-theme=dark] .source-choice-card{background:var(--surface-canvas)}.source-choice-card:hover:not([data-active=true]){border-color:var(--border-default)}.source-choice-card:active{transform:scale(.99)}.source-choice-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.source-choice-card[data-active=true]{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.source-choice-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-secondary)}[data-theme=dark] .source-choice-icon{background:var(--surface-2)}.source-choice-card[data-active=true] .source-choice-icon{background:var(--accent);color:var(--text-on-accent)}.source-choice-text{display:flex;flex-direction:column;gap:2px;min-width:0}.source-choice-title{font-size:var(--fs-body-sm);font-weight:600;color:var(--text-primary)}.source-choice-hint{font-size:var(--fs-caption);color:var(--text-secondary);font-family:var(--font-ui)}