.loop-lab-page{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(230,0,115,.18),transparent 32rem),radial-gradient(circle at 80% 8%,rgba(0,255,180,.14),transparent 30rem),#050608;padding:2rem 1rem 4rem;color:#dfffe8}.loop-lab-shell{max-width:1040px;margin:0 auto}.loop-lab-hero{border:2px solid #00ff8a;background:linear-gradient(135deg,rgba(0,20,18,.94),rgba(19,8,31,.96));box-shadow:0 0 30px rgba(0,255,138,.24),inset 0 0 35px rgba(230,0,115,.12);padding:clamp(1rem,4vw,2rem);position:relative;overflow:hidden}.loop-lab-hero:after,.loop-lab-machine:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 5px);mix-blend-mode:screen;opacity:.28}.loop-lab-kicker{margin:0 0 .8rem;color:#ff7bd3;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.loop-lab-title{margin:0;color:#00ff8a;font-size:clamp(1.7rem,7vw,4.2rem);text-shadow:0 0 14px rgba(0,255,138,.65),4px 4px 0 #3b0030}.loop-lab-intro{margin:.9rem 0 0;max-width:44rem;color:#f2fff7;font-size:clamp(.9rem,2.5vw,1.25rem);line-height:1.6}.loop-lab-machine{position:relative;margin-top:1.25rem;padding:clamp(1rem,3vw,1.6rem);border:3px solid #101010;border-radius:24px;background:linear-gradient(180deg,#26221f,#0b0d0d 48%,#171015);box-shadow:0 18px 0 #050505,0 0 34px rgba(255,0,120,.24),inset 0 0 0 2px rgba(255,255,255,.08);overflow:hidden}.loop-lab-reel{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.loop-lab-reel span{width:clamp(72px,18vw,150px);aspect-ratio:1;border-radius:50%;border:10px solid #101010;background:radial-gradient(circle,#050505 0 14%,#ffef76 15% 18%,#34302b 19% 40%,#111 41% 44%,#34302b 45% 65%,#0a0a0a 66%);box-shadow:inset 0 0 18px #000,0 0 14px rgba(255,239,118,.18)}.loop-lab-machine.is-playing .loop-lab-reel span,.loop-lab-machine.is-recording .loop-lab-reel span{animation:loop-reel 1.8s linear infinite}.loop-lab-machine.is-recording{border-color:#ff365f;box-shadow:0 18px 0 #050505,0 0 42px rgba(255,54,95,.45),inset 0 0 0 2px rgba(255,255,255,.08)}@keyframes loop-reel{to{transform:rotate(360deg)}}.loop-lab-status-panel{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;align-items:end;background:#06100b;border:2px solid #00ff8a;padding:1rem;box-shadow:inset 0 0 24px rgba(0,255,138,.12)}.loop-lab-state-label{grid-column:1/-1;margin:0;color:#68ffd0;font-size:.62rem;text-transform:uppercase}.loop-lab-state{margin:0;color:#baff00;font-size:clamp(.9rem,3.5vw,1.6rem);text-shadow:0 0 12px rgba(186,255,0,.5)}.loop-lab-clock{margin:0;color:#ffef76;font-size:clamp(1.2rem,5vw,2.4rem);font-variant-numeric:tabular-nums}.loop-lab-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.7rem;margin-top:1rem}.loop-lab-record,.loop-lab-controls .pixel-button{min-height:56px;border:2px solid #00ff8a;background:#050505;color:#00ff8a;font-family:'Press Start 2P',monospace;text-transform:uppercase;cursor:pointer;padding:.85rem;font-size:.72rem;box-shadow:4px 4px 0 #002c1a}.loop-lab-record{background:#ff365f;color:#fff;border-color:#ffb3c2;box-shadow:4px 4px 0 #4b0011}.loop-lab-record:disabled,.loop-lab-controls button:disabled{opacity:.45;cursor:not-allowed}.loop-lab-message{min-height:1.4rem;margin:1rem 0 0;color:#dfffe8;line-height:1.55}.loop-lab-meter{height:18px;border:2px solid #ffef76;background:#090909;margin-top:.8rem;overflow:hidden}.loop-lab-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,#00ff8a,#ffef76,#ff365f);box-shadow:0 0 14px rgba(255,239,118,.6)}.loop-lab-layers,.loop-lab-note{margin-top:1.25rem;border:2px solid #31407a;background:rgba(8,12,28,.92);padding:1rem;box-shadow:0 0 24px rgba(66,120,255,.18)}.loop-lab-section-head h2{margin:0 0 .8rem;color:#d7e2ff;font-size:1rem}.loop-lab-empty{color:#9fc0ff;line-height:1.5}.loop-lab-layer-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.loop-lab-layer{display:grid;grid-template-columns:auto 1fr auto auto;gap:.65rem;align-items:center;padding:.75rem;border:1px solid #34518f;background:#091022}.loop-lab-layer.is-muted{opacity:.58}.loop-lab-layer__lamp{width:16px;height:16px;border-radius:50%;background:#00ff8a;box-shadow:0 0 12px #00ff8a}.loop-lab-layer.is-muted .loop-lab-layer__lamp{background:#777;box-shadow:none}.loop-lab-layer__name{margin:0;color:#fff}.loop-lab-layer__meta{margin:.2rem 0 0;color:#9fc0ff;font-size:.75rem}.loop-lab-layer button{min-height:44px;border:1px solid #7aa2ff;background:#101a38;color:#dbe7ff;padding:.55rem .7rem;font-family:inherit;cursor:pointer}.loop-lab-note{border-color:#ffef76;color:#fff4b8;line-height:1.6}.loop-lab-note p{margin:.35rem 0;color:#fff4b8;background:transparent;font-family:inherit}@media (max-width:700px){.loop-lab-page{padding:1rem .6rem 3rem}.loop-lab-controls{grid-template-columns:1fr}.loop-lab-record,.loop-lab-controls .pixel-button{width:100%;font-size:.66rem}.loop-lab-status-panel{grid-template-columns:1fr}.loop-lab-layer{grid-template-columns:auto 1fr}.loop-lab-layer button{grid-column:span 1;width:100%}}