.player{z-index:5;background:linear-gradient(#1a2045,#111a2b 70%);border-top:2px solid #58677d;grid-area:4/1/auto/-1;grid-template-columns:minmax(210px,1fr) minmax(260px,1.4fr) minmax(220px,1fr);align-items:center;gap:28px;min-height:112px;padding:15px 24px;display:grid}.player-track{align-items:center;gap:13px;min-width:0;display:flex}.player-artwork{border:1px solid #3b485f;flex-shrink:0;width:64px}.player-artwork img{aspect-ratio:1;object-fit:cover;width:100%}.player-track-copy{flex:1;gap:6px;min-width:0;display:grid}.player-track-copy>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-title{font-size:12px;font-weight:700}.player-track-copy>span,.player-track-copy>small{color:var(--muted);font-size:10px}.player-track-copy>.player-demo{color:var(--amber);font-size:8px}.player-track>.button{margin-left:auto}.player-transport{gap:9px;min-width:0;display:grid}.transport-buttons{justify-content:center;align-items:center;gap:9px;display:flex}.transport-play.button{width:40px;height:34px}.player-progress{align-items:center;gap:10px;display:flex}.player-progress>span{color:var(--muted);font-size:9px}.player-progress>span:first-child{color:var(--amber)}.player-progress>input{flex:1;width:100%}.player-tools{justify-content:flex-end;align-items:center;gap:15px;min-width:0;display:flex}.tool-link{min-width:28px;min-height:32px;color:var(--muted);place-items:center;display:grid}.tool-link:hover{color:var(--amber)}.volume-control{color:var(--muted);align-items:center;gap:9px;display:flex}.volume-control>input{width:65px}.volume-control>span{width:30px;font-size:9px}.mini-spectrum{flex-shrink:1;align-items:flex-end;gap:3px;width:74px;height:32px;padding-bottom:4px;display:flex}.mini-spectrum>i{background:repeating-linear-gradient(0deg, var(--amber) 0 2px, transparent 2px 4px);transform-origin:bottom;flex:1;min-width:2px}.mini-spectrum.is-playing>i{animation:.8s ease-in-out infinite alternate signal-dance}@media (width<=1200px){.player{grid-template-columns:minmax(190px,1fr) minmax(230px,1.4fr) minmax(180px,.8fr);gap:16px;padding-inline:18px}.player-tools{gap:8px}.mini-spectrum{display:none}}@media (width<=1000px){.player{grid-template-columns:minmax(180px,1fr) minmax(200px,1.2fr) auto;gap:15px}.player-artwork{width:48px}.player-track>.button,.expand-player,.volume-control>span{display:none}.volume-control>input{width:56px}.player-title{font-size:11px}.player-demo{font-size:7px}}@media (width<=720px){.player{grid-template-columns:minmax(120px,1fr) minmax(155px,1fr);gap:12px;min-height:112px;padding:12px 16px}.player-tools{display:none}.player-artwork{width:44px}.player-track{gap:9px}.player-track-copy{gap:5px}.player-track-copy>span,.player-track-copy>small{font-size:9px}.player-track-copy>.player-demo{font-size:6px}.player-title{font-size:10px}.transport-buttons{gap:4px}.transport-buttons>.button{width:29px;height:32px}.transport-buttons>.transport-play{width:35px}.player-progress{gap:5px}.player-progress>span{font-size:8px}.player-progress input{min-height:24px}}@media (width<=480px){.player{grid-template-columns:minmax(0,1fr) 161px;gap:7px;padding-inline:10px}.player-artwork{display:none}.player-track-copy>.player-demo{white-space:normal;line-height:1.6}}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--black);--black:#080d18;--panel:#101827;--panel-raised:#202d40;--metal-light:#65748a;--metal-dark:#263449;--line:#2b3a50;--text:#e3e6eb;--muted:#95a1b4;--lcd:#44d979;--lcd-dim:#237f48;--amber:#e8b62b;--danger:#ff9489;--radius:2px;--sidebar-width:224px;font-family:IBM Plex Mono,Courier New,monospace}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0}body{background:var(--black)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}button,a{touch-action:manipulation}img{max-width:100%;display:block}svg{flex-shrink:0}button:disabled{cursor:not-allowed}select{max-width:100%;min-height:34px;color:var(--muted);background:var(--black);border:1px solid var(--line);border-radius:var(--radius);padding:5px 26px 5px 10px;font-size:10px}input[type=range]{min-width:0;height:22px;accent-color:var(--amber);cursor:pointer;margin:0}input[type=range]:disabled{cursor:not-allowed}::selection{background:#e8b62b40}*{scrollbar-width:thin;scrollbar-color:#3d4d63 #0b1120}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@keyframes signal-dance{50%{transform:scaleY(.45)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-description{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.8}.card.console-panel{min-width:0;box-shadow:none;background:#090f1b;border-radius:0;flex-direction:column;display:flex}.console-panel-body{flex:1;min-width:0;padding:24px}.panel-titlebar{background:linear-gradient(#29374b,#1c293c);border-block:1px solid #4d5d73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;min-height:30px;padding:7px 12px;display:flex}.panel-titlebar>h2,.panel-titlebar>.panel-title{color:var(--text);align-items:center;gap:7px;margin:0;font-size:9px;font-weight:400;display:flex}.panel-titlebar>span,.panel-caption{color:var(--lcd);white-space:nowrap;font-size:8px}.panel-caption{color:var(--muted);letter-spacing:.5px}.field{gap:8px;margin-bottom:20px;display:grid}.field-label{color:var(--text);font-size:11px}.field-hint{color:var(--muted);font-size:10px;line-height:1.6}.badge{border-radius:var(--radius);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border:1px solid #0000;align-items:center;gap:6px;padding:6px 10px;font-size:9px;font-weight:400;display:inline-flex}.badge-neutral{color:var(--muted);background:var(--panel);border-color:var(--line)}.badge-success{color:var(--lcd);background:#10201b;border-color:#284634}.badge-danger{color:var(--danger);background:#241b21;border-color:#55323e}.badge-accent{color:var(--amber);background:#211e14;border-color:#54482a}.badge .status-dot{width:6px;height:6px;box-shadow:none}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#152031,#0d1523);box-shadow:inset 0 1px #ffffff18,inset 0 -1px #0008,0 5px 18px #0005}.input{width:100%;height:39px;color:var(--text);background:var(--black);border:1px solid var(--line);border-radius:var(--radius);padding:0 11px;font-size:12px}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--amber);outline:1px solid var(--amber);outline-offset:0}.button{color:#e8ecee;border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:linear-gradient(#39495f,#1e2b40);border:1px solid #586981;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff2c,inset 0 -1px #0005,0 1px 2px #0007}.button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button-default{color:#14160c;background:linear-gradient(#efc442,#d8a21f);border-color:#f6d374}.button-secondary{color:var(--text);background:linear-gradient(#38465c,#202c3f);border-color:#65748a}.button-outline{color:#e0e4e8;background:linear-gradient(#33425a,#1e2a3f);border-color:#586981}.button-ghost{color:#d2d8dc;box-shadow:none;background:0 0;border-color:#0000}.button-destructive{background:linear-gradient(#ec7066,#bd443e)}.button-sm{height:32px;padding:0 10px;font-size:11px}.button-icon{width:30px;height:30px;padding:0}.button-ghost[aria-pressed=true]{color:var(--lcd)}.full-button{width:100%;height:39px;margin-top:3px}.spin{animation:1s linear infinite slowspin}.notice{border-radius:var(--radius);border:1px solid #0000;margin-bottom:12px;padding:10px 13px;font-size:11px;line-height:1.8}.notice-error{color:var(--danger);background:#241b21;border-color:#55323e}.notice-success{color:var(--lcd);background:#10201b;border-color:#284634}@media (width<=720px){.console-panel-body{padding:20px}}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:var(--amber);letter-spacing:1px;align-items:center;gap:7px;font-size:10px;line-height:1.5;display:flex}.page-heading h1{letter-spacing:-1.2px;margin:7px 0 0;font-size:clamp(24px,2.3vw,33px);font-weight:400}.green-text{color:var(--lcd)}.empty-state{color:var(--muted);border:1px dashed var(--line);padding:28px 20px;font-size:12px;line-height:1.8}.empty-state h1{color:var(--text)}@media (width<=720px){.page-heading{gap:15px;margin-bottom:20px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:9px}}@media (width<=480px){.panel-titlebar{padding-inline:9px}.panel-titlebar>h2.panel-title{font-size:8px}}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:32px 64px minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.skip-link{z-index:20;color:var(--black);background:var(--amber);padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:6px}.desktop-titlebar{letter-spacing:.5px;background:linear-gradient(#465870,#1d2848 55%,#111827);border:1px solid #56657c;grid-column:1/-1;align-items:center;gap:12px;padding:0 12px;font-size:10px;display:flex}.titlebar-lines{background:repeating-linear-gradient(#68778d88 0 1px,#0000 1px 3px);flex:1;height:11px}.titlebar-edition{font-size:9px}.titlebar-indicator{color:var(--amber);font-size:13px}.sidebar{border-right:1px solid var(--line);background:#090f1c;flex-direction:column;grid-area:2/1/4;gap:22px;min-height:0;padding:25px 12px 15px;display:flex;overflow-y:auto}.brand{color:var(--amber);letter-spacing:-.6px;align-items:center;gap:10px;padding:0 12px 6px;font-size:18px;font-weight:700;display:flex}.brand-caption{color:#a7a079;letter-spacing:.6px;margin-top:5px;font-size:8px;font-weight:400;display:block}.sidebar-navigation{gap:22px;display:grid}.nav-group{gap:4px;display:grid}.sidebar-label{color:var(--muted);letter-spacing:1px;justify-content:space-between;padding:0 12px 7px;font-size:10px;display:flex}.sidebar-label>span{color:#899068;font-size:8px}.nav-item{min-height:39px;color:var(--muted);border-left:3px solid #0000;align-items:center;gap:12px;padding:8px 12px;font-size:11px;display:flex}.nav-item:hover,.playlist-nav:hover{color:var(--text);background:#152033}.nav-item.active{color:var(--lcd);border-left-color:var(--lcd);background:#18221f}.nav-count{color:inherit;margin-left:auto;font-size:10px}.playlist-nav{min-height:30px;color:var(--muted);align-items:center;gap:9px;padding:5px 15px;font-size:10px;display:flex}.playlist-nav.active{color:var(--lcd)}.playlist-dot,.square-dot{background:var(--amber);flex-shrink:0;width:5px;height:5px;display:inline-block}.playlist-dot-1{background:#b58db2}.playlist-dot-2{background:#78ad9a}.playlist-dot-3{background:#8994b8}.playlist-dot-4{background:#b58b6b}.sidebar-bottom{gap:18px;margin-top:auto;padding-top:20px;display:grid}.signal-card{border:1px solid var(--line);background:#0c1421;gap:9px;padding:12px;display:grid}.signal-card>span{color:var(--lcd);align-items:center;gap:6px;font-size:9px;display:flex}.signal-card small{color:var(--muted);letter-spacing:.2px;font-size:8px}.status-dot{background:var(--lcd);border-radius:50%;flex:none;width:5px;height:5px;display:inline-block}.sidebar-account{align-items:center;gap:9px;min-width:0;padding:0 5px;display:flex}.sidebar-account>span:nth-child(2){flex:1;gap:6px;min-width:0;display:grid}.sidebar-account strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;overflow:hidden}.sidebar-account small{color:var(--amber);font-size:7px}.avatar,.sample-avatar{width:29px;height:29px;color:var(--text);background:var(--panel-raised);border:1px solid #45536a;flex-shrink:0;place-items:center;font-size:11px;display:grid}.topbar{border-bottom:1px solid var(--line);background:#111a2b;grid-area:2/2;align-items:center;gap:12px;min-width:0;padding:0 28px;display:flex}.history-controls{gap:8px;display:flex}.global-search{width:min(400px,100%);min-width:0;height:34px;color:var(--muted);background:var(--black);border:1px solid var(--line);align-items:center;gap:10px;padding:0 12px;display:flex}.global-search:focus-within{border-color:var(--amber)}.global-search input{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:11px}.global-search input:focus-visible{outline:none}.global-search input::placeholder{color:var(--muted)}.global-search kbd{font:inherit;white-space:nowrap;flex-shrink:0;font-size:8px}.global-search button{cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.topbar-right{align-items:center;gap:18px;margin-left:auto;display:flex}.demo-badge{color:var(--lcd);white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.mobile-menu.button{display:none}.main-content{outline:none;grid-area:3/2;min-width:0;min-height:0;scroll-padding:20px;overflow-y:auto}.preview-notice{color:#a7a486;background:#1d1c16;border-bottom:1px solid #3c3727;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 20px;padding:8px 28px;font-size:9px;display:flex}.preview-notice>span:first-child{color:var(--amber);letter-spacing:1px}.page-wrap{width:100%;max-width:1800px;margin:0 auto;padding:25px 28px 32px}@media (width<=1200px){:root{--sidebar-width:205px}.sidebar{padding-inline:9px}.brand{font-size:16px}.topbar,.page-wrap,.preview-notice{padding-inline:22px}}@media (width<=1000px){:root{--sidebar-width:190px}.brand{gap:7px;padding-inline:9px;font-size:14px}.brand-caption{font-size:7px}.sidebar-label{font-size:9px}.sidebar-account small{font-size:6px}.global-search kbd{display:none}.demo-badge{font-size:8px}.topbar-right{gap:10px}}@media (width<=720px){.app-shell{grid-template-rows:28px 58px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.desktop-titlebar{gap:8px;padding-inline:10px;font-size:8px}.desktop-titlebar>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.titlebar-edition{display:none}.titlebar-lines{min-width:20px}.topbar{grid-column:1;gap:10px;padding-inline:15px}.mobile-menu.button{flex-shrink:0;display:inline-flex}.history-controls{display:none}.global-search{max-width:none}.global-search input{font-size:10px}.topbar-right{gap:0}.demo-badge{display:none}.sidebar{z-index:8;border-right:1px solid #54627a;grid-column:1;gap:24px;width:min(280px,85vw);padding:22px 14px;display:none;position:absolute;top:86px;bottom:112px;left:0;box-shadow:18px 0 35px #0009}.sidebar-open{display:flex}.sidebar-navigation{gap:20px}.brand{font-size:19px}.brand-caption{font-size:8px}.nav-item{min-height:44px;font-size:12px}.playlist-nav{min-height:36px;font-size:11px}.sidebar-account small{font-size:7px}.main-content{grid-column:1}.page-wrap{padding:22px 18px 30px}.preview-notice{padding:7px 18px;font-size:8px}.preview-notice>span:last-child{font-size:7px}}@media (width<=480px){.preview-notice>span:last-child{line-height:1.7}}