:root{--bg0:#0a1016;--bg1:#121a22;--bg2:#18222e;--line:#2a3848;--text:#e8eef6;--muted:#8b9aab;--accent:#2ec4a0;--accent-2:#1a9b7c;--warn:#e07a4f;--hot:#e8b44c;--ok:#2ec4a0;--play:#2ec4a0;--pause:#e07a4f;--font:"Sora", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:radial-gradient(1000px 520px at 8% -8%, #163028 0%, transparent 55%), radial-gradient(800px 480px at 100% 0%, #152030 0%, transparent 50%), var(--bg0);min-height:100%;color:var(--text);font-family:var(--font);margin:0}.shell{max-width:1180px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.brand{align-items:center;gap:.85rem;display:flex}.brand-logo-link{border-radius:.25rem;outline:none;flex-shrink:0;line-height:0;display:block}.brand-logo-link:hover .brand-logo{opacity:.88}.brand-logo-link:focus-visible{box-shadow:0 0 0 2px #2ec4a08c}.brand-logo{object-fit:contain;width:7.5rem;height:auto;max-height:2.75rem;transition:opacity .15s;display:block}.brand-name{letter-spacing:.02em;font-size:1.2rem;font-weight:600}.brand-sub{color:var(--muted);font-size:.85rem;font-family:var(--mono)}.health{color:var(--muted);font-size:.82rem;font-family:var(--mono);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.dot{background:#556;border-radius:50%;width:.65rem;height:.65rem}.dot.ok{background:var(--ok);box-shadow:0 0 10px #2ec4a080}.dot.bad{background:var(--warn);box-shadow:0 0 10px #e07a4f73}.admin-login,.settings-panel{background:linear-gradient(165deg, var(--bg1), var(--bg2));border:1px solid var(--line);border-radius:.55rem;margin-bottom:1rem;padding:1rem 1.1rem 1.15rem}.admin-login{border-color:#2ec4a059}.settings-hint{color:var(--muted);max-width:52rem;margin:0 0 .85rem;font-size:.85rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem 1rem;margin-bottom:.85rem;display:grid}.settings-grid label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-direction:column;gap:.35rem;font-size:.72rem;display:flex}.settings-grid input,.settings-grid select{font:inherit;text-transform:none;letter-spacing:0;color:var(--text);background:var(--bg0);border:1px solid var(--line);border-radius:.35rem;padding:.45rem .55rem;font-size:.95rem}.settings-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.accent-btn{font:inherit;cursor:pointer;background:var(--accent);color:#04110c;border:0;border-radius:.35rem;padding:.45rem .9rem;font-weight:600}.accent-btn:hover{background:var(--accent-2);color:#fff}.settings-msg{color:var(--muted);font-size:.82rem;font-family:var(--mono)}.layout{grid-template-columns:minmax(200px,280px) 1fr;gap:1rem;display:grid}.list-panel,.stage{background:linear-gradient(165deg, var(--bg1), var(--bg2));border:1px solid var(--line);border-radius:.55rem;padding:1rem}.panel-title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.7rem;font-size:.72rem}.panel-title .dim{opacity:.7;letter-spacing:.04em;font-weight:400}.services{max-height:70vh;margin:0;padding:0;list-style:none;overflow:auto}.services li button{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.35rem;padding:.65rem .55rem}.services li button:hover{background:#ffffff0a}.services li.active button{box-shadow:inset 2px 0 0 var(--accent);background:#2ec4a01f}.svc-label{font-weight:500;display:block}.svc-meta{color:var(--muted);font-size:.75rem;font-family:var(--mono);margin-top:.15rem;display:block}.area-bar{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.85rem}.area-bar[hidden]{display:none!important}.area-bar .panel-title{margin-bottom:.45rem}.area-btns{flex-wrap:wrap;gap:.45rem;display:flex}.area-btn{appearance:none;border:1px solid var(--line);color:var(--muted);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:.35rem;padding:.45rem .95rem;font-size:.88rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.area-btn:hover{color:var(--text);background:#ffffff08;border-color:#3d5168}.area-btn.active{color:var(--bg0);background:var(--accent);border-color:var(--accent)}.area-btn.active:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--bg0)}.stage-head h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.meta{color:var(--muted);font-family:var(--mono);margin-bottom:1rem;font-size:.8rem}.monitor-grid{grid-template-columns:320px 1fr;align-items:start;gap:1.25rem;display:grid}.slide-frame{border:1px solid var(--line);image-rendering:auto;background:#05080c;border-radius:.25rem;width:320px;height:240px;position:relative;overflow:hidden}.slide-frame img{object-fit:contain;object-position:center;background:#000;width:320px;height:240px;display:block}.slide-frame img[hidden],.slide-frame:not(.has-slide) img{display:none!important}.slide-empty{color:var(--muted);pointer-events:none;place-items:center;font-size:.88rem;display:grid;position:absolute;inset:0}.slide-empty[hidden],.slide-frame.has-slide .slide-empty{display:none!important}.dls-card{border:1px solid var(--line);background:#0b1118;border-radius:.4rem;min-height:7.5rem;margin-bottom:1rem;padding:.85rem 1rem;position:relative}.dls-badge{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:.2rem;padding:.15rem .4rem;font-size:.68rem;position:absolute;top:.65rem;right:.7rem}.dls-badge.plus{color:#0b1118;background:var(--accent);border-color:var(--accent);font-weight:600}.dls-artist{color:var(--muted);margin-bottom:.15rem;font-size:.85rem}.dls-title{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.35rem;font-weight:600;line-height:1.25}.dls-text{margin:0;padding-right:2.5rem;font-size:1.02rem;line-height:1.4}.dls-text.muted-full{color:var(--muted);font-size:.82rem;font-family:var(--mono);margin-top:.55rem}.transport{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.play-btn{cursor:pointer;background:radial-gradient(circle at 35% 30%, #4be0b8, var(--play) 55%, var(--accent-2));color:#06241c;border:0;border-radius:50%;place-items:center;width:4.25rem;height:4.25rem;transition:transform .15s,background .2s,box-shadow .2s;display:grid;box-shadow:0 0 0 3px #2ec4a038,0 10px 28px #00000059}.play-btn:hover:not(:disabled){transform:scale(1.04)}.play-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.play-btn.is-playing{background:radial-gradient(circle at 35% 30%, #f0a07c, var(--pause) 60%, #b34e2c);color:#2a1008;box-shadow:0 0 0 3px #e07a4f47,0 10px 28px #00000059}.play-btn svg{fill:currentColor;width:1.55rem;height:1.55rem}.play-btn .icon-pause,.play-btn.is-playing .icon-play{display:none}.play-btn.is-playing .icon-pause{display:block}.meter-block{flex:1;min-width:140px}.peak-meter{border:1px solid var(--line);background:#070b10;border-radius:.35rem;align-items:flex-end;gap:3px;height:3.25rem;padding:.35rem .4rem;display:flex}.peak-bar{background:#243040;border-radius:2px 2px 0 0;flex:1;height:18%;transition:height 50ms linear,background 80ms linear}.peak-bar.on{background:linear-gradient(180deg, var(--accent), #1a7a62);height:100%}.peak-bar.on.hot{background:linear-gradient(180deg, var(--hot), var(--warn))}.stop-btn{align-self:center;margin-bottom:.35rem}audio{display:none}.ghost{border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:0 0;border-radius:.35rem;padding:.45rem .75rem}.ghost:disabled{opacity:.4;cursor:default}.icon-btn{justify-content:center;align-items:center;min-width:2rem;padding:.45rem .55rem;line-height:0;display:inline-flex}.icon-btn.copied{color:var(--ok,#6bcf7f);border-color:currentColor}.log-panel{background:linear-gradient(165deg, var(--bg1), var(--bg2));border:1px solid var(--line);border-radius:.55rem;margin-top:1rem;padding:.85rem 1rem 1rem}.log-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.log-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.log-path{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;max-width:42vw;font-size:.72rem;overflow:hidden}.log-view{border:1px solid var(--line);color:#c8d4e2;max-height:200px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:#070a0e;border-radius:.35rem;margin:0;padding:.65rem .75rem;font-size:.75rem;line-height:1.45;overflow:auto}.log-panel.collapsed .log-view{display:none}@media (width<=900px){.layout,.monitor-grid{grid-template-columns:1fr}.slide-frame,.slide-frame img{margin:0 auto}.services{max-height:220px}.log-path{max-width:100%}}