.riffdb-digital{--bg:#0a0e0f;--surface:#0f1517;--panel:#131a1c;--panel-border:#1e2d30;--cyan:#00d4ff;--cyan-dim:rgba(0,212,255,.15);--cyan-glow:0 0 8px rgba(0,212,255,.5),0 0 20px rgba(0,212,255,.2);--text:#c8d8dc;--text-muted:#6a8a90;--text-dim:#5a7580;--green:#00c880;--red:#f46;--star-on:#00d4ff;--star-off:#1e2d30;scrollbar-width:thin;scrollbar-color:var(--panel-border) transparent;background-color:var(--bg);background-image:radial-gradient(circle,rgba(0,212,255,.06) 1px,transparent 0);background-size:24px 24px;color:var(--text);font-family:var(--font-ibm-plex-mono,"IBM Plex Mono",monospace)}.riffdb-digital .scanlines{position:fixed;inset:0;pointer-events:none;z-index:9997;will-change:transform;contain:paint;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px)}.riffdb-digital ::-webkit-scrollbar{width:4px;height:4px}.riffdb-digital ::-webkit-scrollbar-track{background:transparent}.riffdb-digital ::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:2px}.d-panel{background:var(--panel);border:1px solid var(--panel-border)}.d-ascii-header{font-size:10px;color:var(--text-dim);letter-spacing:0;white-space:nowrap;overflow:hidden}.d-cyan,.d-cyan-glow{color:var(--cyan)}.d-cyan-glow{text-shadow:var(--cyan-glow)}.d-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:2px;font-size:10px;line-height:1.4;border:1px solid;cursor:pointer}.d-pill:hover{opacity:.85}.d-pill-green{border-color:var(--green);color:var(--green);background:rgba(0,200,128,.07)}.d-pill-red{border-color:var(--red);color:var(--red);background:rgba(255,68,102,.07)}.d-pill-cyan{border-color:var(--cyan);color:var(--cyan);background:rgba(0,212,255,.07)}.d-pill-dim{border-color:var(--text-dim)}.d-btn,.d-pill-dim{color:var(--text-muted);background:transparent}.d-btn{border:1px solid var(--panel-border);padding:4px 8px;font-family:inherit;font-size:12px;cursor:pointer;transition:color .15s,border-color .15s}.d-btn:hover{color:var(--cyan);border-color:var(--cyan)}.d-btn:focus-visible,.d-clip-row:focus-visible,.d-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.d-pill:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}.d-btn-active{text-shadow:var(--cyan-glow)}.d-btn-active,.d-btn-play{color:var(--cyan);border-color:var(--cyan)}.d-btn-play{padding:4px 16px}.d-btn-play:hover{background:var(--cyan-dim);box-shadow:var(--cyan-glow)}.d-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:3px;background:var(--panel-border);border-radius:2px;cursor:pointer}.d-volume:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.d-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--cyan);cursor:pointer;box-shadow:0 0 4px rgba(0,212,255,.5)}.d-volume::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--cyan);cursor:pointer;border:none}.d-tab{background:transparent;border:1px solid var(--panel-border);color:var(--text-muted);padding:2px 8px;font-family:inherit;font-size:10px;cursor:pointer;transition:color .15s,border-color .15s}.d-tab:hover{color:var(--text)}.d-tab-active{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.d-clip-row{border-bottom:1px solid var(--panel-border);padding:6px 10px;cursor:pointer;transition:background .1s}.d-clip-row:hover{background:rgba(0,212,255,.03)}.d-clip-row-active{border-left:2px solid var(--cyan);padding-left:8px;background:rgba(0,212,255,.05)}.d-statusbar{left:0;right:0;z-index:9998;background:var(--surface);border-top:1px solid var(--panel-border);padding:3px 12px;font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex-shrink:0}.d-star{font-size:10px;color:var(--star-off);cursor:default}.d-star-on{color:var(--star-on);text-shadow:0 0 4px rgba(0,212,255,.4)}.d-online{color:var(--green);font-size:10px}.d-offline{color:var(--text-dim);font-size:10px}.d-layout-root{height:100vh;overflow:hidden;display:flex;flex-direction:column}.d-layout-header{flex-shrink:0}.d-layout-main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.d-layout-player{flex-shrink:0}.d-layout-grid{flex:1;min-height:0;display:grid;grid-template-columns:220px 1fr;grid-template-rows:minmax(0,1fr)}.d-layout-grid-panel{min-height:0;overflow-y:auto}.d-layout-clips-outer{min-height:0;overflow:hidden;display:flex;flex-direction:column}.d-layout-clips-scroll{flex:1;min-height:0;overflow-y:auto}.d-layout-footer{flex-shrink:0}@media (prefers-color-scheme:light){.riffdb-digital{--bg:#f0f4f5;--surface:#e4eaec;--panel:#d8e2e5;--panel-border:#b0c4c9;--text:#1a2a2e;--text-muted:#4a6a70;--text-dim:#7a9aa0}}.riffdb-digital.light-theme{--bg:#f0f4f5;--surface:#e4eaec;--panel:#d8e2e5;--panel-border:#b0c4c9;--text:#1a2a2e;--text-muted:#4a6a70;--text-dim:#7a9aa0}@media (max-width:640px){.d-layout-grid{grid-template-columns:1fr}.d-btn{min-height:36px;padding:6px 10px}.d-tab{min-height:32px}.d-clip-row{padding:10px}}