@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--accent:#f14f36;--bg:#111014;--panel:#222127;--lcd:#e0dfd7;--ink:#17191a;--muted:#a3a0a9;--metal:#b9b7be;--line:#444148;color-scheme:dark;font-family:'IBM Plex Mono',monospace;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e7e5e8;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:40px 40px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.file-button{border:1px solid #ffffff20;background:#302e35;color:#e5e2e7;padding:8px 12px;cursor:pointer;border-radius:2px}button:hover,.file-button:hover{background:#454149}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}a{color:inherit}input[type=range]{accent-color:var(--accent);cursor:pointer;min-width:0;height:20px}header.system-bar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);gap:20px;background:#151418}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;font-weight:800;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand>span{color:var(--accent)}.brand small{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;display:block;margin-top:-5px;color:var(--muted)}.system-label{font-size:11px;color:var(--muted);letter-spacing:2px}.system-actions{display:flex;gap:8px}.system-actions button{font-size:12px;background:transparent}.workspace{max-width:1800px;margin:auto;padding:28px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.77fr) minmax(310px,.75fr);grid-template-rows:auto auto;gap:18px;align-items:start;min-height:calc(100vh - 125px)}.window{background:var(--panel);border:1px solid #726e78;box-shadow:inset 0 0 0 1px #ffffff0c,5px 7px 0 #0005;min-width:0;position:relative}.window-bar{background:linear-gradient(180deg,#c2bfc7,#929099 52%,#aaa6af);color:#202026;min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:4px 9px;font-weight:600;font-size:11px;letter-spacing:.7px;cursor:grab;touch-action:none;border-bottom:2px solid #09080b;gap:8px}.window-bar>div{display:flex;align-items:center;gap:12px}.window-bar button{padding:1px 7px;font-size:11px;background:#29262e;color:#dedbe0;border:1px solid #625b69;min-height:23px}.tiny{font-size:9px}.visual-window{grid-column:1/3;grid-row:1}.visual-stage{height:390px;background:#08090b;position:relative;overflow:hidden}#scope{width:100%;height:100%;display:block}.visual-top,.visual-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;line-height:1.6;color:#94919b;letter-spacing:1px}.visual-top{top:20px}.visual-top>span:last-child{text-align:right}.visual-bottom{bottom:18px}.visual-wordmark{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(70px,9vw,150px);letter-spacing:-3px;color:#eeece6;mix-blend-mode:screen;text-shadow:0 4px 50px #000;pointer-events:none}.visual-wordmark span{display:block;font:12px monospace;letter-spacing:12px;text-align:center;color:var(--accent)}.visual-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px}.visual-controls button{font-size:11px;padding:7px 9px}.mode-buttons{display:flex;gap:5px}.visual-controls label{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}#intensity{width:70px}.deck{grid-column:3;grid-row:1/3}.deck-body{padding:16px}.lcd{background:var(--lcd);color:var(--ink);border:4px solid #0d0d0f;box-shadow:inset 0 2px 8px #0004;padding:12px;background-image:repeating-linear-gradient(transparent 0 2px,#00000008 2px 3px)}.lcd-top,.lcd-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px}.lcd-main{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 0}.lcd-main #clock{font-size:46px;letter-spacing:-4px;line-height:1;font-weight:500}.bars{display:flex;gap:3px;height:37px;align-items:end;flex:1;max-width:115px}.bars span{flex:1;background:var(--ink);height:var(--height);opacity:.75;animation:meter .8s var(--delay) alternate infinite;animation-play-state:paused}.playing .bars span{animation-play-state:running}.lcd-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #0003;padding:9px 0;margin-top:8px;font-weight:600}.seek-row,.volume-row{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:11px;color:#c6c2cc}.seek-row input,.volume-row input{flex:1;width:0}.transport{display:flex;gap:6px}.transport button{flex:1;padding:10px 3px;font-size:17px;box-shadow:inset 1px 1px 0 #ffffff18,1px 2px 0 #0008}.transport .play{background:var(--accent);color:#111;min-width:55px}.player-message{font-size:11px;line-height:1.6;min-height:35px;color:var(--muted)}.video-wrap{width:100%;aspect-ratio:16/10;min-height:200px;background:#070708;border:1px solid #555;position:relative}.video-wrap iframe{width:100%;height:100%;position:absolute;inset:0}.source-switch{display:flex;gap:8px;margin-top:14px}.source-switch>*{flex:1;text-align:center;font-size:12px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.library{grid-column:1;grid-row:2}.library-top{padding:15px 16px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);margin:0 0 5px}h1{font:600 28px 'Barlow Condensed',sans-serif;margin:0}#playlist-description{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0 14px}#playlist-form{padding:0 16px}#playlist-form label{font-size:10px;color:var(--muted)}.input-group{display:flex;margin-top:6px;gap:5px}.input-group input{width:0;flex:1;background:#131216;border:1px solid #504b57;color:white;padding:9px;font-size:12px}.input-group button{font-size:12px}#form-error{color:#ff8b85;font-size:12px;margin:5px 0}.queue-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:11px}.queue-heading button{font-size:10px;padding:4px 6px}.queue{height:200px;overflow:auto;background:#111014;scrollbar-color:var(--line) #111}.queue-empty{padding:18px;text-align:center;color:var(--muted);font-size:11px}.queue-empty h3{font-size:13px;color:#d4d0d9;margin:4px 0}.queue-empty p{line-height:1.6}.disc{font-size:35px;color:var(--accent)}.track{display:flex;width:100%;align-items:center;gap:9px;padding:9px 12px;border:0;border-bottom:1px solid #ffffff0b;text-align:left;background:transparent;border-radius:0}.track.active{background:#ffffff10;border-left:3px solid var(--accent)}.track-number{font-size:11px;color:var(--accent);width:22px}.track img{width:42px;height:32px;object-fit:cover;filter:saturate(.6)}.track-info{min-width:0;display:flex;flex-direction:column;gap:4px}.track-title{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-author{font-size:10px;color:var(--muted)}.library-bottom{padding:10px 16px;font-size:10px;display:flex;gap:10px;justify-content:space-between;line-height:1.5}.library-bottom a{color:var(--accent);white-space:nowrap}.eq-window{grid-column:2;grid-row:2}.eq-meta{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;font-size:10px;color:var(--accent);gap:8px}.eq-meta select{max-width:145px;background:#151418;border:1px solid var(--line);font-size:11px;padding:6px;color:#d6d1dc}.eq-bands{display:flex;justify-content:space-between;gap:2px;padding:12px 9px;background:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff0a 31px 32px)}.eq-band{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0;font-size:9px;color:var(--muted)}.eq-band input{writing-mode:vertical-lr;direction:rtl;width:20px;height:139px}.eq-band output{color:var(--accent)}.eq-note{font-size:10px;line-height:1.6;padding:6px 15px;color:var(--muted)}.status-bar{min-height:45px;padding:10px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.status-bar b{color:#d7d2dc;margin-left:10px;font-weight:400}.compact .deck-body{display:none}dialog{background:#1c1a20;color:#e6e1e9;border:1px solid #aaa0b3;max-width:650px;width:calc(100% - 30px);padding:25px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}h2{font:600 32px 'Barlow Condensed',sans-serif;margin:5px 0 20px}#skin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.skin{text-align:left;padding:12px;font-size:12px}.swatch{display:block;height:55px;background:linear-gradient(135deg,var(--swatch-panel) 50%,var(--swatch) 50%);margin-bottom:10px}.skin-note{color:var(--muted);font-size:12px}.immersed .visual-window{position:fixed!important;inset:0!important;z-index:100;transform:none!important;display:flex;flex-direction:column}.immersed .visual-stage{flex:1;height:auto}.immersed .visual-wordmark{font-size:25vw}.immersed .visual-controls{background:var(--panel)}.dragging{z-index:20;box-shadow:0 20px 50px #0008}.window.dragging .window-bar{cursor:grabbing}@keyframes meter{to{height:15%}}@media(min-width:1600px){.visual-stage{height:465px}}@media(max-width:1100px){.workspace{grid-template-columns:1fr 1fr;padding:18px;gap:14px}.visual-window{grid-column:1/3}.deck{grid-column:2;grid-row:2/4}.library{grid-column:1;grid-row:2}.eq-window{grid-column:1;grid-row:3}.system-label{display:none}.visual-stage{height:360px}}@media(max-width:650px){header.system-bar{height:auto;min-height:85px;padding:13px 14px;gap:10px;align-items:center}.brand{font-size:30px}.system-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.system-actions button{padding:8px;font-size:11px}#reset-layout{display:none}.workspace{display:flex;flex-direction:column;padding:12px;gap:15px;min-height:0}.window{width:100%;transform:none!important}.visual-window{order:0}.deck{order:1}.library{order:2}.eq-window{order:3}.visual-stage{height:270px}.visual-wordmark{font-size:85px}.visual-top,.visual-bottom{font-size:8px;left:13px;right:13px}.visual-top{top:14px}.visual-controls{flex-wrap:wrap;padding:8px}.visual-controls label{display:none}.visual-controls button{min-height:35px;font-size:10px}.window-bar{cursor:default}.tiny{display:none}.deck-body{padding:14px}.queue{height:270px}.status-bar{padding:15px;flex-wrap:wrap;font-size:9px}.shortcut-hint{display:none}.eq-band input{height:130px}.eq-band{font-size:10px}.eq-note{font-size:11px}#skin-grid{grid-template-columns:1fr}.video-wrap{aspect-ratio:16/9}.visual-wordmark span{letter-spacing:8px}.library-top h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.bars span{animation:none}}
/* Keep frequent controls readable while retaining the instrument-panel density. */
.window-bar{font-size:12px}.window-bar button,.system-actions button,.visual-controls button,.source-switch>*,.input-group button,.input-group input,.track-title{font-size:12px}.player-message,#playlist-description,.eq-note,.library-bottom,.queue-empty{font-size:12px}.lcd-top,.lcd-bottom,.queue-heading,#playlist-form label{font-size:11px}.eq-band{font-size:11px}.track-author{font-size:11px}.library-bottom{flex-wrap:wrap}.eq-note{min-height:38px}.queue-empty p{margin:7px 0}.system-label{font-size:12px}.visual-top,.visual-bottom{font-size:11px}.eq-bands{padding-left:8px;padding-right:8px}.eq-meta{font-size:11px}.eq-meta select{font-size:12px}@media(max-width:650px){.system-actions button{font-size:11px}.visual-top,.visual-bottom{font-size:9px}.window-bar{font-size:11px}.visual-controls button{font-size:11px}.eq-band{font-size:10px}}