.build-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:250;pointer-events:none;user-select:none}
.build-canvas[hidden],.build-controls[hidden],.build-action[hidden],.build-replay[hidden]{display:none!important}
.build-controls{position:fixed;left:32px;bottom:62px;z-index:260;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 64px);min-height:34px;color:#c7c5bd;font:11px/1.4 'DM Mono',monospace;letter-spacing:.01em;opacity:1;transition:opacity .18s ease}
.build-controls.is-fading{opacity:0;pointer-events:none}
.build-indicator{width:4px;height:4px;border-radius:50%;background:#d4ad52;flex:none}
.build-controls[data-state="done"] .build-indicator{width:11px;height:7px;background:none;border-left:1px solid #b6c7af;border-bottom:1px solid #b6c7af;border-radius:0;transform:translateY(-2px) rotate(-45deg)}
.build-controls[data-state="done"] .build-status{color:#b6c7af}
.build-action{min-height:34px;min-width:40px;padding:8px;border:0;background:none;color:#aaa89f;font:inherit;cursor:pointer;text-underline-offset:4px}
.build-action:hover{color:#eaeaea;text-decoration:underline}
.build-action:focus-visible,.build-replay:focus-visible{outline:2px solid #f0a500;outline-offset:3px}
.build-replay{display:inline-flex;align-items:center;gap:6px;min-height:34px;margin-right:18px;padding:6px 0;border:0;background:none;color:var(--text-3,#aaa89f);font:11px/1.4 'DM Mono',monospace;cursor:pointer;text-underline-offset:4px}
.build-replay:hover{color:var(--accent,#d4ad52);text-decoration:underline}
@media(max-width:899px),(hover:none),(pointer:coarse){.build-controls,.build-canvas,.build-replay{display:none!important}}
@media(prefers-reduced-motion:reduce){.build-controls{transition:none}}
@media print{.build-controls,.build-canvas,.build-replay{display:none!important}}