:root{--ink:#111315;--paper:#f3f1eb;--muted:#767873;--line:#d4d1c8;--accent:#d8ff3e;--orange:#ff7048;--white:#fffefa;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.studio-header{height:72px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(243,241,235,.94);position:sticky;top:0;z-index:5}.studio-brand{display:flex;gap:11px;align-items:center;font-weight:800;letter-spacing:-.02em;font-size:17px}.studio-brand em{font-style:normal;color:var(--muted);font-weight:500}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--accent);font:700 12px var(--mono);letter-spacing:0}.studio-nav{display:flex;gap:25px;align-items:center;font-size:13px;color:#595b57}.studio-nav a{padding:26px 0 22px;border-bottom:2px solid transparent}.studio-nav a:hover,.studio-nav a.active{color:var(--ink);border-color:var(--ink)}.language-switch{border:1px solid var(--line);background:transparent;padding:7px 10px;cursor:pointer;color:var(--ink);font-size:12px}.studio-shell{max-width:1440px;margin:auto;padding:55px 5vw 75px}.studio-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.eyebrow{font:600 11px var(--mono);letter-spacing:.1em;color:#777a73;margin:0 0 13px}.studio-intro h1{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.045em;max-width:810px;margin:0 0 21px;font-weight:750}.intro-copy{font-size:18px;line-height:1.45;color:#5d605b;max-width:670px;margin:0}.intro-status{display:grid;grid-template-columns:10px auto;gap:4px 9px;align-items:center;min-width:178px;margin-bottom:7px;font-size:13px}.intro-status small{grid-column:2;color:var(--muted);font:11px var(--mono)}.status-dot{width:8px;height:8px;background:#6dc24a;border-radius:50%;box-shadow:0 0 0 4px #dce8d5}.studio-workspace{background:var(--ink);color:var(--white);box-shadow:0 15px 35px rgba(17,19,21,.14)}.workspace-toolbar{height:72px;border-bottom:1px solid #383b3b;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.workspace-project{display:flex;gap:11px;align-items:center}.workspace-project small{display:block;color:#959891;font:11px var(--mono);margin-top:2px}.project-icon{width:35px;height:35px;display:grid;place-items:center;background:#2b2e2f;color:var(--accent);font:700 11px var(--mono)}.toolbar-actions{display:flex;align-items:center;gap:10px}.button{border:0;cursor:pointer;padding:11px 15px;font-size:13px;display:inline-flex;align-items:center;gap:8px}.button-primary{background:var(--accent);color:var(--ink);font-weight:700}.button-primary:hover{background:#e5ff7c}.button-light{background:var(--white);color:var(--ink);font-weight:700}.icon-button,.mini-button{background:transparent;border:1px solid #454848;color:#d9dcd4;cursor:pointer}.icon-button{width:38px;height:38px;font-size:20px}.workspace-grid{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:625px}.workspace-sidebar{border-right:1px solid #383b3b;padding:18px 13px;display:flex;flex-direction:column}.sidebar-section{padding:0 7px 23px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;color:#8f938b;font:11px var(--mono);letter-spacing:.08em;margin-bottom:12px}.mini-button{width:22px;height:22px;font-size:17px;line-height:1}.count{color:var(--accent)}.project-row{width:100%;border:0;border-left:2px solid transparent;background:transparent;color:var(--white);display:flex;align-items:center;gap:9px;text-align:left;padding:8px 5px;cursor:pointer;margin:2px 0}.project-row:hover,.project-row.selected{background:#222526;border-left-color:var(--accent)}.project-row strong{font-size:12px;font-weight:650;display:block}.project-row small{font-size:10px;color:#858980;display:block}.project-row b{margin-left:auto;color:#595d58;font-size:10px}.project-row.selected b{color:var(--accent)}.project-thumb{width:37px;height:26px;display:block;overflow:hidden;background:#303333}.project-thumb img{width:100%;height:100%;object-fit:cover}.assets-section{border-top:1px solid #383b3b;padding-top:20px}.asset-tags{display:flex;gap:5px;flex-wrap:wrap}.asset-tags span{border:1px solid #4a4d4b;color:#c2c6bb;padding:3px 6px;font:10px var(--mono)}.assets-section p{font-size:11px;color:#858980;margin:13px 0 0;line-height:1.4}.bench-link{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 6px;border-top:1px solid #383b3b;font-size:12px}.bench-link>span{font:700 10px var(--mono);background:var(--orange);color:var(--ink);padding:7px 4px}.bench-link small{display:block;color:#858980;font-size:10px}.bench-link> :last-child{margin-left:auto;color:var(--accent);font-size:18px}.workspace-main{padding:18px}.panel-header{height:37px;display:flex;align-items:start;justify-content:space-between;color:#aeb2a9;font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.preview-state{display:flex;gap:6px;align-items:center;color:#9fc477;text-transform:none}.preview-state i{display:block;width:6px;height:6px;border-radius:50%;background:#79ce57}.preview-panel{border:1px solid #3c4040}.preview-canvas{position:relative;background:#090b0c;aspect-ratio:16/7;min-height:245px;display:grid;place-items:center;overflow:hidden}.preview-canvas img{width:100%;height:100%;object-fit:cover;opacity:.52}.preview-canvas::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08) 75%)}.preview-overlay{position:absolute;z-index:1;left:7%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:13px}.preview-overlay span{color:var(--accent);font:11px var(--mono);letter-spacing:.14em}.preview-overlay strong{font-size:24px;letter-spacing:-.02em}.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}.terminal-panel,.agent-panel{border:1px solid #3c4040;min-height:190px}.panel-meta{color:#696e68;text-transform:none}.terminal-output{height:116px;padding:2px 14px;font:11px/1.7 var(--mono);overflow:auto;color:#aeb2a9}.terminal-output p{margin:0}.terminal-output b{color:var(--orange);font-weight:500}.terminal-output span{color:var(--accent)}.terminal-form{border-top:1px solid #3c4040;display:flex;align-items:center;gap:8px;padding:9px 12px;color:var(--accent);font:12px var(--mono)}.terminal-form input{border:0;outline:0;background:transparent;color:var(--white);min-width:0;flex:1;font:11px var(--mono)}.terminal-form button{border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:17px}.agent-panel{padding:0 14px}.agent-badge{color:#9fc477;font-size:10px}.agent-state{display:flex;gap:10px;padding:2px 0 14px}.agent-avatar{width:29px;height:29px;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-size:18px}.agent-state strong{font-size:12px}.agent-state p{font-size:11px;line-height:1.35;color:#858980;margin:3px 0 0}.agent-actions{display:grid;gap:6px}.agent-prompt{border:1px solid #444846;background:transparent;color:#c9cdc4;text-align:left;padding:7px 8px;cursor:pointer;font-size:11px}.agent-prompt:hover{border-color:var(--accent);color:var(--accent)}.agent-prompt span{color:var(--accent);margin-right:5px}.studio-catalog{padding-top:83px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--line);padding-bottom:25px}.section-heading h2{font-size:34px;line-height:1.08;letter-spacing:-.04em;margin:0;max-width:620px}.text-link,.text-button{color:#525650;font-size:13px;border:0;background:none;padding:0;cursor:pointer}.text-link:hover,.text-button:hover{color:var(--orange)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:22px}.catalog-grid article{border-top:3px solid var(--ink);background:var(--white)}.catalog-grid article>img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}.catalog-grid article>div{padding:18px}.catalog-grid article span,.catalog-note>span{font:10px var(--mono);color:#7d8079;letter-spacing:.06em}.catalog-grid h3{font-size:21px;margin:8px 0 7px;letter-spacing:-.02em}.catalog-grid p{font-size:13px;color:#656862;min-height:42px;margin:0 0 19px;line-height:1.4}.catalog-note{padding:22px 20px 20px;border-top-color:var(--orange)!important}.catalog-note h3{font-size:25px}.catalog-note p{max-width:280px}.studio-footer{border-top:1px solid var(--line);padding:28px 5vw 35px;display:flex;justify-content:space-between;gap:30px;color:#646761;font-size:12px}.studio-footer strong{color:var(--ink);display:block;font-size:13px}.studio-footer span{display:block;margin-top:5px}.studio-footer nav{display:flex;gap:22px;align-items:start}.studio-footer a:hover{color:var(--orange)}.toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:var(--white);padding:11px 15px;font:12px var(--mono);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:8}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.studio-header{padding:0 22px}.studio-nav{gap:13px}.studio-nav a:nth-child(2){display:none}.studio-shell{padding:42px 22px 58px}.studio-intro{display:block}.intro-status{margin-top:24px}.workspace-grid{grid-template-columns:190px minmax(0,1fr)}.lower-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-note{grid-column:1/-1}.studio-footer{padding-left:22px;padding-right:22px}}@media(max-width:620px){.studio-header{height:62px}.studio-brand{font-size:15px}.studio-nav a{padding:21px 0 18px}.studio-nav a:first-child{display:none}.studio-shell{padding:34px 14px 45px}.studio-intro h1{font-size:40px}.intro-copy{font-size:16px}.workspace-toolbar{padding:0 13px}.workspace-grid{display:block}.workspace-sidebar{border-right:0;border-bottom:1px solid #383b3b;display:grid;grid-template-columns:1fr 1fr;padding:14px}.workspace-sidebar .bench-link{grid-column:1/-1}.assets-section{border-top:0;border-left:1px solid #383b3b;padding:0 0 0 13px}.workspace-main{padding:12px}.preview-canvas{min-height:220px}.catalog-grid{grid-template-columns:1fr}.catalog-note{grid-column:auto}.section-heading{display:block}.section-heading .text-link{display:block;margin-top:17px}.studio-footer{display:block;padding:24px 14px}.studio-footer nav{margin-top:18px;gap:14px;flex-wrap:wrap}}
@media(max-width:620px){.preview-canvas{aspect-ratio:auto;height:220px;min-height:0}}
.live-preview-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#090b0c;z-index:2}.has-live-preview #preview-image,.has-live-preview .preview-overlay{display:none}.agent-form{display:flex;gap:6px;margin-top:12px;border-top:1px solid #3c4040;padding-top:10px}.agent-form input{min-width:0;flex:1;border:1px solid #444846;background:#171a1a;color:var(--white);padding:7px 8px;font:10px var(--mono);outline:0}.agent-form input:focus{border-color:var(--accent)}.agent-form button{border:0;background:var(--accent);color:var(--ink);padding:7px 9px;font-size:11px;font-weight:700;cursor:pointer}