/* Taller — sistema visual compartido (2026-09-22).
   Referencias de Edgar: armadura grafito con acentos naranja-rojo, cajas «SANDBOX» isométricas en línea fina,
   catálogo isométrico y despiece técnico. Papel gris claro, tinta grafito, un solo acento de señal, LED verde. */
:root{
  --paper:#ededeb;--paper-2:#f5f5f3;--panel:#fbfbfa;--panel-2:#f1f1ef;
  --ink:#1c1d1f;--ink-2:#3f4145;--muted:#646669;--line:#d2d2cf;--line-2:#b3b4b2;--edge:#86888b;
  --signal:#ff4b1f;--signal-ink:#c2360f;--signal-soft:#ffe5dc;
  --led:#55c43b;--led-ink:#2f7d1e;--led-soft:#e3f4dc;
  --graphite:#1f2023;--graphite-2:#2e3034;--graphite-3:#44464b;
  --mono:'Cascadia Mono','Cascadia Code',Consolas,'SFMono-Regular',Menlo,monospace;
  --sans:'Segoe UI Variable Text','Segoe UI',Inter,Arial,sans-serif;
  --radius:3px;
}
/* Rejilla isométrica de fondo: dos familias de líneas a ±30° muy tenues. */
.taller-grid{background-color:var(--paper);background-image:
  repeating-linear-gradient(30deg,transparent 0 39px,rgba(28,29,31,.045) 39px 40px),
  repeating-linear-gradient(150deg,transparent 0 39px,rgba(28,29,31,.045) 39px 40px)}
.mono{font-family:var(--mono)}
.label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--led);box-shadow:0 0 0 2px var(--led-soft)}
.led.busy{background:var(--signal);box-shadow:0 0 0 2px var(--signal-soft);animation:taller-blink 1s steps(2,end) infinite}
.led.off{background:var(--line-2);box-shadow:none}
.led.next{background:var(--signal);box-shadow:0 0 0 2px var(--signal-soft)}
@keyframes taller-blink{50%{opacity:.25}}
.ticks{display:inline-flex;gap:3px;align-items:center}.ticks i{width:5px;height:5px;border-radius:50%;background:var(--signal)}.ticks b{width:10px;height:2px;background:var(--line-2)}
/* Tornillos en las esquinas de un panel. */
.screws{position:relative}
.screws::before,.screws::after{content:'';position:absolute;top:8px;width:4px;height:4px;border-radius:50%;background:var(--ink-2);opacity:.55}
.screws::before{left:8px}.screws::after{right:8px}
@media(prefers-reduced-motion:reduce){.led.busy{animation:none}}