@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0B1020;--bg-2: #0E1530;--bg-3: #10204a;--card: #141d3a;--card-2: #0f1733;--navy: #1E2761;--line: #25305a;--line-2: #21305c;--fg-1: #E8EDF7;--fg-2: #9FB0CE;--fg-3: #7d8db0;--muted: #6A79A0;--cyan: #22B8D6;--cyan-ink: #06101f;--cyan-dim: #0b3d46;--claude: #D97757;--openai: #10A37F;--lang: #7C5CFC;--cf: #F38020;--hyb: #0EA5B7;--ok: #34d399;--warn: #fbbf24;--danger: #fb7185;--emerald: oklch(.72 .17 162);--coral: oklch(.65 .2 25);--sapphire: oklch(.62 .18 255);--amber: oklch(.78 .15 75);--teal: oklch(.72 .12 195);--surface-app: var(--bg);--surface-raised: var(--bg-2);--surface-card: var(--card);--surface-inset: var(--card-2);--border-hairline: var(--line);--border-section: var(--line-2);--text-strong: var(--fg-1);--text-body: var(--fg-2);--text-caption: var(--fg-3);--text-muted: var(--muted);--accent: var(--cyan);--accent-ink: var(--cyan-ink);--status-running: var(--warn);--status-done: var(--ok);--status-warning: var(--warn);--status-error: var(--danger)}[data-theme=light]{--bg: #FFFFFF;--bg-2: #F8FAFF;--bg-3: #EAF0FB;--card: #FBFCFE;--card-2: #F1F5F9;--navy: #1E2761;--line: #E2E8F0;--line-2: #E2E8F0;--fg-1: #1E293B;--fg-2: #475569;--fg-3: #64748B;--muted: #94A3B8;--cyan-ink: #06101f}:root{--font-serif-display: "Source Serif 4", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", "Segoe UI", -apple-system, Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;--font-display: var(--font-serif-display);--font-body: var(--font-sans);--font-code: var(--font-mono);--fs-display: 38px;--fs-h1: 32px;--fs-h2: 27px;--fs-h3: 18px;--fs-lead: 17px;--fs-body: 15px;--fs-sm: 13.5px;--fs-xs: 12px;--fs-2xs: 10.5px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.12;--lh-snug: 1.3;--lh-body: 1.55;--tracking-kicker: 3px;--tracking-tag: 1px}.st-kicker{font-family:var(--font-sans);color:var(--accent);font-weight:var(--fw-bold);font-size:var(--fs-xs);letter-spacing:var(--tracking-kicker);text-transform:uppercase}:root{--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;--gap: var(--space-4);--pad-card: 18px 20px;--wrap-narrow: 760px;--wrap: 1140px;--wrap-wide: 1180px;--wrap-gutter: 22px}:root{--radius-xs: 6px;--radius-sm: 9px;--radius: 14px;--radius-lg: 18px;--radius-pill: 999px;--border: 1px solid var(--line);--border-accent: 5px;--shadow-sm: 0 6px 18px rgba(11,16,32,.25);--shadow: 0 18px 50px rgba(11,16,32,.45);--shadow-lg: 0 24px 60px rgba(0,0,0,.4);--ring: 0 0 0 3px color-mix(in oklch, var(--cyan) 45%, transparent)}.studio,.studio *{box-sizing:border-box}.studio{background:var(--bg);color:var(--text-strong);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.studio a{color:var(--accent);text-decoration:none}.studio a:hover{text-decoration:underline}.studio h1,.studio h2,.studio h3{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0 0 .4em;color:var(--text-strong)}.studio h1{font-size:var(--fs-h1)}.studio h2{font-size:var(--fs-h2)}.studio h3{font-size:var(--fs-h3);line-height:var(--lh-snug)}.studio code,.studio pre{font-family:var(--font-mono)}.st-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--wrap-gutter)}.st-wrap--wide{max-width:var(--wrap-wide)}.st-dots{display:inline-flex;gap:8px;align-items:center}.st-dots>span{width:13px;height:13px;border-radius:var(--radius-pill);display:inline-block}.st-dots>span:nth-child(1){background:var(--claude)}.st-dots>span:nth-child(2){background:var(--openai)}.st-dots>span:nth-child(3){background:var(--lang)}.st-dots>span:nth-child(4){background:var(--cf)}.st-dots>span:nth-child(5){background:var(--hyb)}.st-dots--lg>span{width:15px;height:15px}.st-hero{background:linear-gradient(160deg,var(--bg-2),var(--bg-3) 70%);border-bottom:1px solid var(--line-2);padding:40px 0 26px}.st-code{background:#070c1a;border:1px solid #1d2950;border-radius:10px;padding:14px 16px;overflow:auto;font-size:12.5px;line-height:1.55;color:#bfe3ff}.st-muted{color:var(--text-muted)}.st-fg-2{color:var(--text-body)}.st-cyan{color:var(--accent)}.st-disclaimer{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:color-mix(in oklch,var(--muted) 70%,transparent);text-align:center}.studio :focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.studio *,.studio *:before,.studio *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.studio .st-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card-2);color:var(--fg-1);font-family:var(--font-sans);font-weight:600;font-size:15px;line-height:1;cursor:pointer;transition:border-color .15s,transform .1s,background .15s,opacity .15s;white-space:nowrap;text-decoration:none}.studio .st-btn:hover{border-color:var(--cyan);transform:translateY(-1px);text-decoration:none}.studio .st-btn:active{transform:translateY(0) scale(.99)}.studio .st-btn--primary{background:var(--cyan);color:var(--cyan-ink);border-color:var(--cyan)}.studio .st-btn--primary:hover{background:color-mix(in oklch,var(--cyan) 90%,white)}.studio .st-btn--ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.studio .st-btn--ghost:hover{background:var(--card);color:var(--fg-1);border-color:transparent;transform:none}.studio .st-btn--sm{padding:7px 13px;font-size:13px;border-radius:var(--radius-sm)}.studio .st-btn--lg{padding:13px 22px;font-size:16px}.studio .st-btn:disabled,.studio .st-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.studio .st-btn svg{width:1em;height:1em}.studio .st-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}.studio .st-card--inset{background:var(--card-2);box-shadow:none}.studio .st-card--stub{border-left-width:var(--border-accent)}.studio .st-card--claude{border-left:5px solid var(--claude)}.studio .st-card--openai{border-left:5px solid var(--openai)}.studio .st-card--lang{border-left:5px solid var(--lang)}.studio .st-card--cf{border-left:5px solid var(--cf)}.studio .st-card--hyb{border-left:5px solid var(--hyb)}.studio .st-card--cyan{border-left:5px solid var(--cyan)}.studio .st-card--hover{transition:transform .15s,border-color .15s;cursor:pointer}.studio .st-card--hover:hover{transform:translateY(-3px);border-color:var(--cyan)}.studio .st-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:1;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid transparent}.studio .st-badge svg{width:12px;height:12px}.studio .st-badge--running{color:var(--warn);background:color-mix(in oklch,var(--warn) 14%,transparent);border-color:color-mix(in oklch,var(--warn) 30%,transparent)}.studio .st-badge--done{color:var(--ok);background:color-mix(in oklch,var(--ok) 14%,transparent);border-color:color-mix(in oklch,var(--ok) 30%,transparent)}.studio .st-badge--warning{color:var(--warn);background:color-mix(in oklch,var(--warn) 14%,transparent);border-color:color-mix(in oklch,var(--warn) 30%,transparent)}.studio .st-badge--error{color:var(--danger);background:color-mix(in oklch,var(--danger) 14%,transparent);border-color:color-mix(in oklch,var(--danger) 30%,transparent)}.studio .st-badge--idle{color:var(--fg-3);background:var(--card-2);border-color:var(--line)}.studio .st-badge--neutral{color:var(--fg-2);background:var(--card-2);border-color:var(--line)}.studio .st-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-xs);color:var(--cyan-ink);background:var(--cyan)}.studio .st-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card-2);color:var(--fg-2);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s;text-align:left}.studio .st-chip:hover{border-color:var(--cyan);color:var(--fg-1)}.studio .st-chip--active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.studio .st-progress{display:flex;flex-direction:column;gap:8px}.studio .st-progress__track{height:6px;border-radius:var(--radius-pill);background:var(--card-2);overflow:hidden}.studio .st-progress__fill{height:100%;border-radius:var(--radius-pill);background:var(--cyan);transition:width .7s cubic-bezier(.23,1,.32,1)}.studio .st-progress__phases{display:flex;justify-content:space-between;gap:8px}.studio .st-progress__phase{font-size:11px;color:var(--fg-3);display:flex;align-items:center;gap:6px}.studio .st-progress__phase--active{color:var(--cyan);font-weight:600}.studio .st-progress__phase--done{color:var(--ok)}.studio .st-progress__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.studio .st-agent{display:flex;gap:12px;align-items:flex-start;background:var(--card-2);border:1px solid var(--line);border-left:2px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;transition:border-color .2s,opacity .2s}.studio .st-agent--idle{opacity:.5}.studio .st-agent__icon{width:34px;height:34px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent}.studio .st-agent__icon svg{width:16px;height:16px}.studio .st-agent__body{flex:1;min-width:0}.studio .st-agent__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.studio .st-agent__name{font-size:13px;font-weight:600}.studio .st-agent__msg{font-size:12.5px;color:var(--fg-2);line-height:1.5}.studio .st-spin{animation:st-spin 1s linear infinite}@keyframes st-spin{to{transform:rotate(360deg)}}.studio .st-timeline{position:relative;display:flex;flex-direction:column;gap:14px}.studio .st-timeline__rail{position:absolute;left:16px;top:6px;bottom:6px;width:1px;background:var(--line)}.studio .st-runhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px}.studio .st-runhead__title{font-family:var(--font-display);font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}.studio .st-enter{animation:st-enter .3s cubic-bezier(.23,1,.32,1) both}@keyframes st-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}