/* Production and wall controls use the same freestanding icon treatment. */
body[data-mode="production"] #production-tools,
body[data-mode="production"] #production-info{display:none!important}
.production-desktop{position:absolute;inset:0;pointer-events:none;z-index:7}
body[data-mode="walls"] .production-desktop{display:none}
.production-iconbar,.production-icon-extra{position:absolute;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);pointer-events:auto}
.production-iconbar{bottom:14px}.production-icon-extra{bottom:116px;max-width:min(600px,calc(100% - 30px));gap:12px}
.production-glyph{position:relative;display:block;width:42px;height:42px;flex:none;padding:3px;border:0;border-radius:0;background:none;color:#d0d6dc;filter:drop-shadow(0 1px 2px #101c27);cursor:pointer}
.production-glyph svg{width:100%;height:100%;display:block;pointer-events:none}
.production-glyph .accent{stroke:#dec33f}
.production-glyph:hover,.production-glyph[aria-pressed="true"]{color:#dec33f;filter:drop-shadow(0 0 3px #dec33f55);background:none}
.production-glyph:focus-visible,.production-station:focus-visible{outline:2px solid #dec33f;outline-offset:3px}
.production-glyph:disabled{opacity:.3;cursor:default}
.production-station-grid{position:absolute;left:50%;bottom:116px;transform:translateX(-50%);width:min(580px,calc(100% - 30px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;pointer-events:auto}
.production-station{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:90px;min-width:0;padding:3px;border:0;border-radius:0;background:none;color:#d0d6dc;font-size:11px;font-weight:600;line-height:1.3;text-align:center;text-shadow:0 1px 3px #101c27;cursor:pointer}
.production-station:hover,.production-station[aria-pressed="true"]{color:#dec33f;filter:drop-shadow(0 0 4px #dec33f55);background:none}
.production-station img{width:100%;height:62px;object-fit:contain;pointer-events:none}.production-station-symbol svg{width:42px;height:42px;display:block}
.production-stations-empty{grid-column:1/-1;text-align:center;font-size:12px;color:#d0d6dc;text-shadow:0 1px 3px #101c27}
body[data-mode="production"] #production-playback{bottom:68px;left:32px;right:32px;z-index:5}
body[data-mode="production"] #production-playback .playback{padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
body[data-mode="production"] #production-playback .playback>button,
body[data-mode="production"] #production-playback .speed-label{display:none}
body[data-mode="production"] #production-playback .timeline-label{color:#bac5ce;font-size:10px;text-shadow:0 1px 2px #101c27}
body[data-mode="production"] #production-playback .scene-note{position:absolute;bottom:48px;left:0;right:0}
body[data-mode="production"] #production-playback .stage-help{display:none}
@media(max-width:900px){.production-iconbar{gap:8px}.production-glyph{width:36px;height:36px}.production-icon-extra{gap:8px}.production-station-grid{gap:8px}.production-station{font-size:10px;min-height:82px}}
@media(max-width:470px){.production-iconbar{gap:7px;bottom:10px}.production-glyph{width:31px;height:31px;padding:2px}.production-icon-extra,.production-station-grid{bottom:104px}.production-station-grid{width:calc(100% - 20px);gap:8px 5px}.production-station{min-height:76px;font-size:9px}.production-station-symbol svg{width:32px;height:32px}body[data-mode="production"] #production-playback{bottom:53px;left:20px;right:20px}}
@media(max-width:360px){.production-iconbar{gap:4px}.production-glyph{width:28px;height:28px}}