:root{--text:#4b5563;--text-h:#0b0d12;--bg:#fff;--surface:#f6f7f9;--border:#e2e4e9;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b7bcc6;--text-h:#f2f3f5;--bg:#0f1115;--surface:#171a20;--border:#262a33;--accent:#60a5fa}}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit}#root,.app{flex-direction:column;min-height:100svh;display:flex}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app-title{letter-spacing:1.5px;color:var(--text-h);font-size:15px;font-weight:700}.header-fields{gap:24px;display:flex}.header-field{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 8px;display:flex}.header-field:hover{background:var(--surface)}.header-field--static{cursor:default}.header-field--static:hover{background:0 0}.header-field-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);opacity:.7;font-size:10px}.header-field-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.header-field-input{color:var(--text-h);background:var(--surface);border:1px solid var(--accent);border-radius:4px;width:110px;padding:2px 6px;font-size:22px;font-weight:600}.drop-zone{flex-direction:column;flex:1;display:flex;position:relative}.drop-zone-overlay{color:var(--text-h);background:color-mix(in srgb, var(--bg) 85%, transparent);border:2px dashed var(--accent);pointer-events:none;z-index:10;border-radius:12px;justify-content:center;align-items:center;margin:12px;font-size:20px;font-weight:600;display:flex;position:fixed;inset:0}.drop-zone-rejected{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.app-main{flex-direction:column;flex:1;gap:16px;padding:16px 24px;display:flex}.toolbar{justify-content:space-between;align-items:center;display:flex}.transport{align-items:center;gap:8px;display:flex}.transport-button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 16px;font-weight:600}.transport-button:hover{border-color:var(--accent)}.transport-time{font-variant-numeric:tabular-nums;color:var(--text);margin-left:8px}.track-list{flex-direction:column;gap:8px;display:flex}.empty-state{text-align:center;color:var(--text);opacity:.7;padding:48px 0}.track-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:220px 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}.track-row--pending{opacity:.6;grid-template-columns:1fr}.track-row-info{flex-direction:column;gap:4px;min-width:0;display:flex}.track-row-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.track-row-file{opacity:.6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.track-row-badges{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--bg);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:11px}.track-row-waveform{min-width:0}.track-row-placeholder{height:56px;color:var(--text);opacity:.6;justify-content:center;align-items:center;font-size:13px;display:flex}.track-row-clip-meta{display:none}