.stage{aspect-ratio:1/.9;background:var(--surface);box-shadow:0 1px 0 var(--line), 0 30px 60px -36px #14201a66;border-radius:27px;display:grid;position:relative;overflow:hidden}.stage-canvas{cursor:grab;grid-area:1/1;width:100%;height:100%;min-height:0;display:block}.stage-canvas:active{cursor:grabbing}.stage-tag{position:absolute;top:14px;left:14px}.stage-hint{font:500 12px/1 var(--font-mono);color:var(--muted);position:absolute;top:16px;right:16px}.stage-controls{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;grid-area:1/1;align-self:end;align-items:center;gap:10px 18px;margin:14px;padding:12px 14px;display:flex}.stage-radius{font:600 12px/1 var(--font-ui);color:var(--muted);flex:200px;align-items:center;gap:10px;display:flex}.stage-radius input{min-width:0;accent-color:var(--accent);flex:1}.stage-value{min-width:52px;font:500 15px/1 var(--font-mono);color:var(--ink)}.seg{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg);padding:3px;display:inline-flex}.seg button{border-radius:var(--radius-pill);color:var(--muted);font:600 13px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;padding:8px 12px}.seg button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.readout{width:100%;font:500 13px/1.5 var(--font-mono);color:var(--ink);margin:0}.readout-part{white-space:nowrap}.readout-number{color:var(--accent)}@media (width<=560px){.stage{aspect-ratio:auto;grid-template-rows:auto auto}.stage-canvas{aspect-ratio:1/.85;height:auto}.stage-controls{grid-area:2/1;margin:0 10px 10px}}