.configurator{border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 310px;background:var(--panel)}.viewer-stage{position:relative;min-height:480px;overflow:hidden;touch-action:none;background:#20251e}.viewer-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.viewer-meta{position:absolute;top:20px;left:20px;right:20px;pointer-events:none;font:11px Consolas,monospace;color:var(--muted);z-index:1}.viewer-status{display:inline-block;background:#111410d9;padding:7px 10px;max-width:100%}.viewer-status.ready{color:var(--lime)}.viewer-controls{margin:0;border:0;border-left:1px solid var(--line);padding:24px;min-width:0}.viewer-controls legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.viewer-controls label.part-label{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.viewer-controls select{width:100%;background:#111410;border:1px solid #566249;color:var(--ink);padding:11px 8px;font:13px Arial,sans-serif;margin-bottom:20px}.colour-row{display:flex;gap:10px;margin-bottom:12px}.colour-row input[type=color]{width:54px;height:40px;padding:3px;border:1px solid var(--line);background:var(--bg);cursor:pointer}.colour-row input[type=text]{min-width:0;width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:10px;font:13px Consolas,monospace}.swatches{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 22px}.swatch{width:24px;height:24px;border-radius:50%;border:1px solid #7b8571;cursor:pointer;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--lime);outline-offset:3px}.visibility-label{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:12px}.visibility-label input{accent-color:var(--lime)}.viewer-controls .button{cursor:pointer;background:transparent;color:var(--ink);font-size:12px;padding:9px 12px;line-height:1.4;width:100%}.viewer-controls .button:hover{color:var(--lime)}.viewer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.viewer-controls .view-main{background:var(--lime);color:var(--bg);border-color:var(--lime);margin-bottom:9px}.viewer-controls .view-main:hover{color:var(--bg);filter:brightness(1.08)}.viewer-footnote{font-size:11px;color:var(--muted);margin:14px 0 0}.viewer-hint{padding:13px 18px;background:var(--bg);border-top:1px solid var(--line);grid-column:1/-1;font-size:12px;color:var(--muted)}.hidden-note{font-size:11px;color:var(--lime);margin:0 0 12px}.viewer-controls:disabled{opacity:.55}.viewer-controls select:focus-visible,.viewer-controls input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:850px){.configurator{grid-template-columns:minmax(0,1fr) 280px}.viewer-stage{min-height:460px}.viewer-controls{padding:20px}}@media(max-width:650px){.configurator{grid-template-columns:1fr}.viewer-stage{min-height:320px}.viewer-controls{border-left:0;border-top:1px solid var(--line)}.viewer-stage canvas{max-width:100%}.viewer-controls .viewer-buttons{grid-template-columns:1fr 1fr}}