:root{--bg: #0b0f0a;--panel: #121a11;--panel-2: #18220f;--raised: #1c2718;--line: #26331e;--line-2: #33452a;--ink: #cdd8bb;--ink-hi: #e7eed7;--muted: #7d8f6e;--faint: #55654a;--hud: #9fd45a;--accent: #ff7a2f;--warn: #e5c356;--danger: #d4553a;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--nav-w: 208px;--panel-w: 312px;--topbar-h: 44px;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:13px;-webkit-font-smoothing:antialiased}body{overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit}#studio{display:grid;grid-template-columns:var(--nav-w) 1fr auto;grid-template-rows:var(--topbar-h) 1fr auto;grid-template-areas:"brand topbar topbar" "nav   stage  panel" "nav   tools  panel";height:100vh}.st-brand{grid-area:brand;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:var(--panel)}.st-brand b{color:var(--hud);letter-spacing:.14em;font-size:13px;font-weight:700}.st-brand span{color:var(--faint);letter-spacing:.14em;font-size:10px;text-transform:uppercase}.st-topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel);min-width:0}.st-title{display:flex;align-items:baseline;gap:10px;flex:1;min-width:0}.st-title h1{margin:0;font-size:13px;font-weight:600;color:var(--ink-hi);letter-spacing:.04em}.st-title p{margin:0;font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-gamelink{flex:none;color:var(--muted);text-decoration:none;font-size:11px;padding:4px 10px;border:1px solid var(--line-2);border-radius:var(--radius);letter-spacing:.05em}.st-gamelink:hover{color:var(--hud);border-color:var(--hud)}.st-nav{grid-area:nav;border-right:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:12px 0 24px}.st-navgroup{color:var(--faint);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:14px 16px 6px}.st-navgroup:first-child{padding-top:2px}.st-navlink{display:block;padding:7px 16px;color:var(--muted);text-decoration:none;border-left:2px solid transparent;line-height:1.3}.st-navlink small{display:block;color:var(--faint);font-size:10px}.st-navlink:hover{color:var(--ink);background:var(--panel-2)}.st-navlink.on{color:var(--hud);background:var(--panel-2);border-left-color:var(--accent)}.st-navlink.on small{color:var(--muted)}.st-tools{grid-area:tools;display:flex;align-items:center;gap:14px;min-width:0;min-height:var(--topbar-h);padding:0 16px;border-top:1px solid var(--line);background:var(--panel);overflow-x:auto;scrollbar-width:none}.st-tools::-webkit-scrollbar{display:none}.st-tools:empty{display:none}.st-stage{grid-area:stage;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}.st-viewport{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;min-height:0}.st-screen{width:100%;max-width:min(1180px,100%);aspect-ratio:16 / 9;background:#05070a;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex}.st-screen canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.st-screen.maxed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;max-width:none;aspect-ratio:auto;border-radius:0}.st-caption{color:var(--faint);font-size:11px;text-align:center;max-width:800px}.st-panel{grid-area:panel;width:var(--panel-w);border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:14px 14px 48px;display:flex;flex-direction:column;gap:2px}.st-panel:empty{display:none}.ct-section{margin-bottom:4px}.ct-head{display:flex;align-items:center;gap:6px;color:var(--hud);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:12px 0 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ct-head:hover{color:var(--ink-hi)}.ct-head .caret{color:var(--faint);width:9px}.ct-body{display:flex;flex-direction:column;gap:11px;padding-bottom:4px}.ct-row{display:flex;flex-direction:column;gap:5px}.ct-rowhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ct-row label{color:var(--muted);font-size:12px}.ct-val{color:var(--hud);font-size:12px;font-variant-numeric:tabular-nums}.ct-row.off{opacity:.4}input[type=range]{width:100%;accent-color:var(--accent);margin:0}.ct-check{flex-direction:row;align-items:center;gap:8px}.ct-check input{accent-color:var(--accent);margin:0}.ct-check label{color:var(--ink);cursor:pointer}.ct-color{flex-direction:row;align-items:center;justify-content:space-between}.ct-color input[type=color]{width:46px;height:22px;padding:0;border:1px solid var(--line-2);border-radius:3px;background:none;cursor:pointer}select,.ct-text input[type=text]{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line-2);border-radius:3px;padding:5px 7px}select:focus,.ct-text input:focus{outline:1px solid var(--accent)}.ct-btnrow{display:flex;gap:6px;flex-wrap:wrap}.ct-btn{flex:1 1 auto;padding:6px 10px;background:var(--raised);color:var(--ink);border:1px solid var(--line-2);border-radius:3px;cursor:pointer;white-space:nowrap}.ct-btn:hover{border-color:var(--muted);color:var(--ink-hi)}.ct-btn.primary{border-color:var(--accent);color:var(--accent)}.ct-btn.primary:hover{background:var(--accent);color:#160a02}.ct-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.ct-btn:disabled{opacity:.35;cursor:default}.ct-btn:disabled:hover{border-color:var(--line-2);color:var(--ink)}.ct-note{color:var(--faint);font-size:11px;line-height:1.55;border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.ct-out{width:100%;height:120px;font:11px/1.45 var(--mono);background:var(--bg);color:var(--ink);border:1px solid var(--line-2);border-radius:3px;padding:6px;resize:vertical}.ct-seg{display:flex;gap:3px}.ct-seg .ct-btn{flex:1;text-align:center}.ct-seg .ct-btn.on{border-color:var(--accent);background:var(--panel-2);color:var(--hud)}.ct-list{display:flex;flex-direction:column;gap:1px;margin-bottom:8px}.ct-item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:3px;cursor:pointer;text-align:left;color:var(--ink);width:100%}.ct-item:hover{border-color:var(--muted)}.ct-item.on{border-color:var(--accent);background:var(--raised)}.ct-item.on .ct-item-name{color:var(--hud)}.ct-item-name{color:var(--ink-hi)}.ct-item-meta{color:var(--faint);font-size:10px;white-space:nowrap}.ct-item .tag{color:var(--accent);font-size:10px}.tb-ctl{display:flex;align-items:center;gap:7px;flex:none}.tb-ctl label{color:var(--muted);font-size:11px;white-space:nowrap}.tb-ctl input[type=range]{width:96px}.tb-ctl input[type=checkbox]{accent-color:var(--accent)}.tb-ctl .ct-val{font-size:11px;min-width:30px}#washPad{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);background:radial-gradient(circle,rgba(255,122,47,.16),transparent 72%);cursor:crosshair;touch-action:none;flex:none}#washPad:before,#washPad:after{content:"";position:absolute;background:var(--line-2)}#washPad:before{left:4px;right:4px;top:50%;height:1px}#washPad:after{top:4px;bottom:4px;left:50%;width:1px}#washDot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);border:1px solid #000;transform:translate(-50%,-50%);pointer-events:none}.st-grid{padding:16px;display:grid;gap:1px;width:max-content}.st-cell{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:6px}.st-cell canvas{image-rendering:pixelated;image-rendering:crisp-edges;background:#05070a;border-radius:3px}.st-cell .cap{color:var(--faint);font-size:10px;margin-top:5px}.st-colhead{display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px}.st-meas{display:flex;flex-direction:column;gap:1px;font-variant-numeric:tabular-nums}.st-meas-row{display:grid;grid-template-columns:1fr 46px 46px 46px;gap:4px;padding:4px 8px;background:var(--panel-2);border-radius:2px;font-size:11px}.st-meas-row span:not(:first-child){text-align:right;color:var(--hud)}.st-meas-row.head{background:none;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}.st-meas-row.head span:not(:first-child){color:var(--faint)}#minimap{width:100%;image-rendering:pixelated;border:1px solid var(--line);border-radius:3px;display:block}.st-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:10px}.st-legend span{display:flex;align-items:center;gap:4px}.st-legend i{width:9px;height:9px;border-radius:2px;display:inline-block}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width: 1100px){#studio{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) auto 1fr auto auto;grid-template-areas:"brand" "topbar" "stage" "tools" "panel";height:auto;min-height:100vh}body{overflow:auto}.st-brand{border-right:none}.st-nav{grid-area:auto;display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-right:none;border-bottom:1px solid var(--line);order:-1}.st-navgroup{display:none}.st-navlink{border-left:none;border:1px solid var(--line);border-radius:3px;padding:5px 10px}.st-navlink small{display:none}.st-panel{width:100%;border-left:none;border-top:1px solid var(--line)}}