.game-workbench{padding-block:clamp(2.5rem,6vw,6rem)}
.game-workbench>h1{margin-bottom:.8rem}
.game-workbench>.hero-intro{max-width:64ch}
.game-tool-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 2rem}
.game-tool-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1rem,3vw,2rem);align-items:start}
.game-tool-panel,.game-tool-code{
  min-width:0;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--line);border-radius:18px;
  background:var(--glass,rgba(7,13,17,.18));-webkit-backdrop-filter:blur(4px) saturate(1.04);backdrop-filter:blur(4px) saturate(1.04)
}
.game-tool-panel h2,.game-tool-code h2{font-size:clamp(1.4rem,3vw,2.1rem)}
.game-tool-panel h3{margin-top:1.75rem}
.game-tool-panel ol{display:grid;gap:.65rem;padding-left:1.3rem}
.game-tool-demo{display:grid;gap:1rem}
.game-tool-demo-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}
#tool-status{font-size:.78rem;color:var(--accent);font-weight:800;white-space:nowrap}
#tool-canvas{display:block;width:100%;height:auto;aspect-ratio:12/7;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:14px;background:rgba(3,8,12,.30);touch-action:none}
#tool-canvas[data-demo="architecture"]{min-height:0}
.game-tool-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.game-tool-controls label{display:grid;gap:.4rem;font-size:.78rem;font-weight:750}
.game-tool-controls input[type=range]{width:100%;min-height:44px;touch-action:none}
.game-tool-code{margin-top:clamp(1rem,3vw,2rem)}
.game-tool-code pre{margin:1rem 0 0;max-height:28rem;overflow:auto;padding:1rem;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:12px;background:rgba(2,7,10,.32)}
:root[data-theme=light] .game-tool-code pre{background:rgba(247,249,245,.32)}
.game-tool-code code{font:500 .82rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}
@media(max-width:760px){
  .game-tool-grid{grid-template-columns:1fr}
  .game-tool-controls{grid-template-columns:1fr}
  .game-tool-actions .button{flex:1 1 100%;justify-content:center}
  .game-tool-demo-head{align-items:center}
  #tool-canvas[data-demo="architecture"]{aspect-ratio:1.08/1;min-height:260px}
}