.st{padding-block:28px 64px;display:grid;grid-gap:28px;gap:28px}.st-hero{display:grid;grid-gap:14px;gap:14px;padding-block:18px 4px}.st-hero h1{font-family:var(--f-display);font-size:clamp(34px,7vw,58px);line-height:1.02;letter-spacing:-.01em}.st-hero h1 em{color:var(--brass)}.st-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;min-width:0}.st-box h3{font-size:17px}.st .hint,.st-box .hint{font-size:13px;color:var(--muted)}.st-prompt{display:grid;grid-gap:10px;gap:10px}.st-chatbox textarea,.st-field textarea,.st-prompt textarea{width:100%;resize:vertical;min-height:96px;background:var(--ink);color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font:15px/1.5 var(--f-body)}.st-chatbox textarea:focus,.st-field input:focus,.st-field textarea:focus,.st-prompt textarea:focus{outline:none;border-color:var(--brass-dim)}.st-ideas{display:flex;gap:8px;flex-wrap:wrap}.st-ideas button{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:12.5px;cursor:pointer}.st-ideas button:hover{color:var(--text);border-color:var(--brass-dim)}.st-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.st-row.between{justify-content:space-between}.st-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.st-tier{position:relative}.st-tier.on{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass-dim) inset}.st-tier ul{margin:0;padding-left:18px;color:var(--muted);font-size:13.5px;display:grid;grid-gap:3px;gap:3px}.st-tier .rule{font-size:12.5px;color:var(--brass);font-family:var(--f-mono)}.st-credits{font-family:var(--f-mono);font-size:26px}.st-proj{display:grid;grid-gap:4px;gap:4px;text-decoration:none;color:var(--text)}.st-proj:hover{border-color:var(--brass-dim)}.st-proj b{font-size:16px}.st-proj span{font-size:12.5px;color:var(--muted);font-family:var(--f-mono);overflow-wrap:anywhere}.st-field{display:grid;grid-gap:6px;gap:6px}.st-field label{font-size:13px;font-weight:600}.st-field input,.st-field select{background:var(--ink);color:var(--text);padding:10px 12px;font:14px var(--f-body);min-width:0}.st-field input,.st-field select,.st-list{border:1px solid var(--line);border-radius:var(--r)}.st-list{display:grid;grid-gap:0;gap:0;overflow:hidden}.st-list>*{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13.5px;min-width:0}.st-list>:last-child{border-bottom:0}.st-list button.file{background:none;border:0;color:var(--text);text-align:left;cursor:pointer;font-family:var(--f-mono);font-size:13px;overflow-wrap:anywhere;padding:0}.st-list .mono{font-size:12px;color:var(--muted);white-space:nowrap}.ws{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:calc(100dvh - 57px);min-height:520px}.ws-head{display:flex;gap:10px;align-items:center;padding:10px var(--gutter-r) 10px var(--gutter-l);border-bottom:1px solid var(--line);background:var(--panel);min-width:0}.ws-head .name{min-width:0;display:grid}.ws-head .name b{font-size:15px}.ws-head .name a,.ws-head .name b,.ws-head .name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-head .name a,.ws-head .name span{font-size:12px;font-family:var(--f-mono);color:var(--muted)}.ws-head .name a{color:var(--brass)}.ws-head .acts{margin-left:auto;display:flex;gap:8px;align-items:center;flex:none}.ws-body{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.ws-body,.ws-chat{display:grid;min-height:0}.ws-chat{grid-template-rows:1fr auto;border-right:1px solid var(--line)}.ws-msgs{overflow-y:auto;padding:14px;display:grid;grid-gap:12px;gap:12px;align-content:start}.ws-msg{display:grid;grid-gap:4px;gap:4px;max-width:100%}.ws-msg .who{font-size:12px;font-weight:600;color:var(--muted)}.ws-msg .body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}.ws-msg.user .body{background:var(--panel-2);border:1px solid var(--line);border-radius:18px 18px 6px 18px;padding:10px 12px}.ws-msg .meta{font-size:11.5px;color:var(--muted);font-family:var(--f-mono)}.ws-live{border:1px solid var(--brass-dim);border-radius:var(--r);padding:10px 12px;display:grid;grid-gap:6px;gap:6px;font-size:13px;background:color-mix(in srgb,var(--brass) 5%,var(--panel))}.ws-live .ops{font-family:var(--f-mono);font-size:12px;color:var(--muted);display:grid;grid-gap:2px;gap:2px;max-height:160px;overflow-y:auto}.st-chatbox{border-top:1px solid var(--line);padding:10px;display:grid;grid-gap:8px;gap:8px;background:var(--panel)}.st-chatbox textarea{min-height:64px;max-height:40vh}.st-chatbox .atts{display:flex;gap:6px;flex-wrap:wrap}.st-chatbox .atts span{font-size:12px;font-family:var(--f-mono);border:1px solid var(--line);padding:2px 8px;border-radius:999px}.ws-side{display:grid;grid-template-rows:auto 1fr;min-height:0;min-width:0}.ws-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 8px;overflow-x:auto;scrollbar-width:none}.ws-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:10px 10px 8px;font-size:13.5px;cursor:pointer;white-space:nowrap}.ws-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--brass)}.ws-pane{min-height:0;overflow:auto}.ws-pane.pad{padding:14px;display:grid;grid-gap:14px;gap:14px;align-content:start}.ws-frame{width:100%;height:100%;border:0;background:#fff;display:block}.ws-code{margin:0;padding:12px;font:12.5px/1.55 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink);border:1px solid var(--line);border-radius:4px;max-height:60vh;overflow:auto}.ws-mnav{display:none}@media (max-width:860px){.ws{height:calc(100dvh - 57px)}.ws-body{grid-template-columns:minmax(0,1fr)}.ws-chat{border-right:0}.ws-body:not([data-view=chat]) .ws-chat,.ws-body[data-view=chat] .ws-side{display:none}.ws-mnav{display:flex}.ws-side .ws-tabs{display:none}.ws-side{grid-template-rows:minmax(0,1fr)}.ws-head .hide-sm{display:none}}.ai-band{border-top:1px solid var(--line);background:radial-gradient(ellipse 80% 60% at 20% 0,color-mix(in srgb,var(--brass) 7%,transparent),transparent 70%)}.ai-band h2 em{color:var(--brass)}.studio-shell{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:28px;gap:28px;padding-block:12px 64px;align-items:start}.studio-side{position:-webkit-sticky;position:sticky;top:76px;display:grid;grid-gap:12px;gap:12px}.studio-side .new-chat{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:var(--r);border:1px solid var(--brass-dim);background:color-mix(in srgb,var(--brass) 10%,var(--panel));color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.studio-side .new-chat:hover{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 16%,var(--panel))}.studio-side .new-chat svg{width:18px;height:18px}.studio-nav{display:grid;grid-gap:1px;gap:1px}.studio-nav a{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:var(--r-sm);color:var(--muted);font-size:14px;text-decoration:none;transition:background .15s,color .15s}.studio-nav a:hover{background:var(--panel-2);color:var(--text)}.studio-nav a span{font:12px var(--f-mono)}.studio-card{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}.studio-card .st-credits{font-size:24px}.studio-main{display:grid;grid-gap:32px;gap:32px;min-width:0}.proj-thumb{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:6px;font-family:var(--f-display);font-size:20px;color:var(--brass);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--brass) 25%,var(--panel)),var(--ink));border:1px solid var(--brass-dim)}@media (max-width:900px){.studio-shell{grid-template-columns:minmax(0,1fr);gap:20px}.studio-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-nav,.studio-side .new-chat{grid-column:1/-1}.studio-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.studio-nav a{flex:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;gap:8px}.studio-side .studio-card:last-child{grid-column:1/-1}}