:root{--bg:#0a0d12;--fg:#e7ecf3;--muted:#8a93a4;--accent:#3b82f6;font-family:DM Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}:root{--st-bg:#0b1020;--st-bg-2:#0e1530;--st-card:#141d3a;--st-card-2:#0f1733;--st-line:#25305a;--st-navy:#1e2761;--st-txt:#e8edf7;--st-txt-2:#9fb0ce;--st-muted:#6a79a0;--st-cyan:#22b8d6;--st-cyan-ink:#06101f;--st-claude:#d97757;--st-openai:#10a37f;--st-lang:#7c5cfc;--st-cf:#f38020;--st-hyb:#0ea5b7;--st-ok:#34d399;--st-warn:#fbbf24;--st-danger:#fb7185;--st-font-head:Georgia, "Times New Roman", serif;--st-font-body:"Segoe UI", -apple-system, Roboto, Helvetica, Arial, sans-serif;--st-font-mono:"SF Mono", Consolas, Menlo, monospace;--st-radius:14px;--st-radius-sm:9px;--st-shadow:0 18px 50px #0b102073;--st-shadow-sm:0 6px 18px #0b102040;--st-gap:16px}.studio,.studio *{box-sizing:border-box}.studio{background:var(--st-bg);color:var(--st-txt);font-family:var(--st-font-body);-webkit-font-smoothing:antialiased;line-height:1.55}.studio a{color:var(--st-cyan);text-decoration:none}.studio a:hover{text-decoration:underline}.studio h1,.studio h2,.studio h3{font-family:var(--st-font-head);margin:0 0 .4em}.studio h1{font-size:2.2rem;line-height:1.12}.studio h2{font-size:1.6rem}.studio h3{font-size:1.15rem}.studio code,.studio pre{font-family:var(--st-font-mono)}.st-kicker{color:var(--st-cyan);letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:700}.st-dots{gap:8px;display:inline-flex}.st-dots>span{border-radius:50%;width:13px;height:13px;display:inline-block}.st-dots>span:first-child{background:var(--st-claude)}.st-dots>span:nth-child(2){background:var(--st-openai)}.st-dots>span:nth-child(3){background:var(--st-lang)}.st-dots>span:nth-child(4){background:var(--st-cf)}.st-dots>span:nth-child(5){background:var(--st-hyb)}.st-card{background:var(--st-card);border:1px solid var(--st-line);border-radius:var(--st-radius);box-shadow:var(--st-shadow-sm);padding:18px 20px}.st-card--cf{border-left:5px solid var(--st-cf)}.st-card--openai{border-left:5px solid var(--st-openai)}.st-card--lang{border-left:5px solid var(--st-lang)}.st-card--claude{border-left:5px solid var(--st-claude)}.st-card--hyb{border-left:5px solid var(--st-hyb)}.st-btn{border-radius:var(--st-radius-sm);border:1px solid var(--st-line);background:var(--st-card-2);color:var(--st-txt);font:600 15px/1 var(--st-font-body);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:11px 18px;transition:border-color .15s,transform .1s;display:inline-flex}.st-btn:hover{border-color:var(--st-cyan);transform:translateY(-1px)}.st-btn--primary{background:var(--st-cyan);color:var(--st-cyan-ink);border-color:var(--st-cyan)}.st-tag{letter-spacing:1px;text-transform:uppercase;color:var(--st-cyan-ink);background:var(--st-cyan);border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.st-hero{background:linear-gradient(160deg, var(--st-bg-2), #10204a 70%);border-bottom:1px solid var(--st-line);padding:40px 0 26px}.st-code{color:#bfe3ff;background:#070c1a;border:1px solid #1d2950;border-radius:10px;padding:14px 16px;font-size:12.5px;line-height:1.55;overflow:auto}.st-muted{color:var(--st-muted)}.st-cyan{color:var(--st-cyan)}.st-wrap{max-width:1140px;margin:0 auto;padding:0 22px}.studio--light{--st-bg:#fff;--st-bg-2:#f8faff;--st-card:#fbfcfe;--st-card-2:#f1f5f9;--st-line:#e2e8f0;--st-txt:#1e293b;--st-txt-2:#475569;--st-muted:#64748b;--st-shadow:0 10px 30px #94a3b840;--st-shadow-sm:0 5px 14px #94a3b82e}