:root{--bg: #282828;--surface: #232323;--header: #212121;--well: #1f1f1f;--border: #1a1a1a;--control-border: #5a5a5a;--control: #232323;--control-hover: #2e2e2e;--text: #e8e8e8;--text-dim: #9d9d9d;--accent: #36658e;--accent-strong: #305a7c;--selected: #2c5170;--brand: #7c5cff;--ok: #6fbf73;--warn: #d9a441;--err: #e06c6c;--radius: 2px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.panel{padding:10px}h1{font-size:13px;font-weight:600;margin:0 0 1px}.sub{color:var(--text-dim);font-size:11px;margin:0 0 12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px}.card h2{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);background:var(--header);border-bottom:1px solid var(--border);margin:0;padding:5px 9px}.card>:not(h2){margin-left:9px;margin-right:9px}.card>:last-child{margin-bottom:9px}.card>h2+*{margin-top:9px}dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0}dt{color:var(--text-dim);white-space:nowrap}dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ok{color:var(--ok)}.warn{color:var(--warn)}.err{color:var(--err)}button{background:var(--control);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);padding:3px 10px;font:inherit;cursor:pointer}button:hover:not(:disabled){background:var(--control-hover)}button:active:not(:disabled){background:var(--accent-strong)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#3d73a0}input,select{background:var(--well);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;padding:4px 6px;width:100%}input:focus,select:focus{outline:1px solid var(--accent);outline-offset:-1px}.row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.result{margin-top:6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}button.link{background:none;border:none;color:var(--text-dim);padding:3px 0;text-decoration:underline}button.link:hover:not(:disabled){background:none;color:var(--text)}.field{display:block;margin-bottom:8px}.select-list{list-style:none;margin:0;padding:0}.select-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;background:var(--well);border:none;border-bottom:1px solid var(--border);border-radius:0;padding:5px 9px}.select-row:hover:not(:disabled){background:#262626}.select-row.is-selected,.select-row.is-selected:hover{background:var(--selected)}.select-list li:last-child .select-row{border-bottom:none}.row-title{color:var(--text)}.row-meta{color:var(--text-dim);font-size:11px;white-space:nowrap}.card>.select-list{margin-left:0;margin-right:0}.panel--main{display:flex;flex-direction:column;height:100vh;padding-bottom:0}.panel-head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.search-row{margin-bottom:8px}.search-row input{flex:1}.track-list{flex:1;min-height:0;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius)}.track-row{display:flex;align-items:center;gap:8px;width:100%;background:var(--well);border-bottom:1px solid var(--border);padding:4px 8px}.track-row__main{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;background:none;border:none;border-radius:0;padding:0}.track-row:hover{background:#262626}.track-row.is-selected,.track-row.is-selected:hover{background:var(--selected)}.track-list li:last-child .track-row{border-bottom:none}.track-art{width:28px;height:28px;flex:none;object-fit:cover;background:var(--header);border-radius:var(--radius)}.track-art--empty{display:block}.track-text{display:flex;flex-direction:column;min-width:0;flex:1}.track-text .row-title,.track-text .row-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-score{flex:none;color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}.panel-foot{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--border);margin-top:8px}.trace{margin:0;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim);white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow-y:auto}.tab-bar{display:flex;gap:1px;border-bottom:1px solid var(--border);margin-bottom:8px}.tab{flex:1;background:var(--surface);border:none;border-radius:0;color:var(--text-dim);padding:5px 8px;font-size:11px}.tab:hover:not(:disabled){background:var(--control-hover);color:var(--text)}.tab.is-active,.tab.is-active:hover{background:var(--selected);color:var(--text)}.head-text{min-width:0}.head-text h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-area{flex:1;min-height:0;overflow-y:auto;padding-bottom:10px}.scroll-area .track-list{flex:none;overflow:visible}.project-picker{width:auto;min-width:0;flex:1;background:var(--control);border:1px solid var(--control-border);padding:3px 6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--header);border-bottom:1px solid var(--border);padding:4px 8px;margin-bottom:6px}.toolbar-count{color:var(--text-dim);font-size:11px}.icon-btn{background:none;border:none;border-radius:var(--radius);color:var(--text-dim);padding:1px 5px;min-width:20px;line-height:1.4}.icon-btn:hover:not(:disabled){background:var(--control-hover);color:var(--text)}.icon-btn:disabled{opacity:.35}.row-actions{display:flex;gap:2px;flex:none}.section-head{display:flex;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);padding-right:6px}.section-toggle{display:flex;align-items:center;gap:6px;flex:1;background:none;border:none;border-radius:0;color:var(--text);padding:4px 8px;text-align:left}.section-toggle:hover:not(:disabled){background:var(--control-hover)}.section-count{color:var(--text-dim);font-size:11px}.section-chevron{color:var(--text-dim);font-size:10px;width:10px}.about{text-align:center;padding:4px 0}.about-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;text-align:left}.about-mark{width:40px;height:40px;flex:none}.about-name{margin:0;font-size:15px;font-weight:600}.about-tagline{margin:1px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.about-body{text-align:left;color:var(--text-dim);margin:0 0 10px}.about-links{display:flex;flex-direction:column;gap:2px;align-items:center;padding:12px 0;border-top:1px solid var(--border);margin-top:4px}.about-meta{justify-content:center;text-align:left;padding:10px 0 14px;border-top:1px solid var(--border)}.field-label{flex:none;color:var(--text-dim);white-space:nowrap}.track-row.has-below{flex-wrap:wrap}.play-progress{display:flex;align-items:center;gap:6px;width:100%;padding:2px 0 1px}.play-progress__time{color:var(--text-dim);font-size:10px;font-variant-numeric:tabular-nums;min-width:28px}.play-progress__time:last-child{text-align:right}.play-progress__bar{flex:1;height:9px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.play-progress__bar::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--played, 0%),var(--border) var(--played, 0%))}.play-progress__bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:9px;height:9px;margin-top:-3px;border:none;border-radius:50%;background:var(--text)}.play-progress__bar:disabled{cursor:default;opacity:.45}.play-progress__bar:disabled::-webkit-slider-thumb{background:var(--text-dim)}.detail{border-top:1px solid var(--border);background:var(--surface);margin:0 -10px;padding:6px 10px 8px;max-height:55%;overflow-y:auto;flex:none}.detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.detail__title{display:flex;flex-direction:column;min-width:0}.detail__title strong,.detail__title .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail__transport{display:flex;align-items:center;gap:6px;margin-top:4px}.detail__transport .play-progress{flex:1}.detail__facts{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0}.chip{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:10px;padding:0 5px;line-height:15px}.detail__time{color:var(--text-dim);font-size:10px;width:30px;flex:none;font-variant-numeric:tabular-nums}.detail__time:last-of-type{text-align:right}.waveform{display:flex;align-items:center;gap:1px;flex:1;height:24px;min-width:0;cursor:pointer}.waveform:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.waveform__bar{flex:1;min-width:1px;background:var(--control-hover);border-radius:0}.waveform__bar.is-played{background:var(--accent)}.detail__actions{gap:4px;margin:6px 0}.detail__actions button{padding:2px 8px;font-size:11px}.detail__stems-title{display:flex;align-items:center;gap:6px;flex:1;padding:4px 0}.stem-list{list-style:none;margin:0;padding:0}.stem-row{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border);padding:1px 0}.stem-row:last-child{border-bottom:none}.detail__stem-name{flex:1;color:var(--text);font-size:11px}.stem-swatch{width:8px;height:8px;border-radius:1px;flex:none;margin-left:2px}.detail__stem-size{color:var(--text-dim);font-size:10px;font-variant-numeric:tabular-nums}