:root{font:12px/1.5 "Segoe UI",system-ui,sans-serif;color:#e2e4e7;background:#17191c;--line:#383c42;--muted:#a0a6af;--accent:#75b7d4}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,[role=button],select{cursor:pointer}button,.ghost,.secondary,.primary,.download,[role=button]{border:1px solid #4a515b;border-radius:3px;background:#292d33;color:#e2e4e7;padding:6px 11px;text-decoration:none}button:hover,[role=button]:hover,.download:hover{background:#343b44;border-color:#8d9aa9}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#336a83;border-color:#548fa9;font-weight:600}.primary:hover{background:#407e99}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hidden{display:none!important}.topbar{height:54px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);background:#22252a}.topbar h1{font-size:18px;letter-spacing:-.02em;font-weight:600;margin:0;white-space:nowrap}.subtitle,.privacy{font-size:11px;color:var(--muted)}.privacy{margin-left:auto}.topbar [role=button]{white-space:nowrap}main{padding:16px 20px;max-width:1680px;margin:auto}.empty{display:grid;place-content:center;height:65vh;text-align:center;color:var(--muted);border:1px solid var(--line);background:#1d2024}.empty h2{font-size:17px;color:#d2d7df;font-weight:500}.empty p{margin:5px}.filebar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px}.filebar>div{min-width:0}.filebar strong{font-size:13px;overflow-wrap:anywhere}.filebar small{display:block;color:var(--muted);font:11px ui-monospace,monospace}.editor{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;align-items:start}.visual,.sidebar,.outputs{border:1px solid var(--line);background:#202328}.visual{overflow:hidden}.tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--line);height:40px;padding:0 8px}.tab{border:0;border-radius:0;height:40px;background:transparent;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tabs .ghost{margin-left:10px;font-size:11px;padding:3px 9px}.legend{margin-left:auto;font-size:10px;color:#89929d}#viz{display:block;width:100%;height:390px;background:#101316}.axis{display:flex;justify-content:space-between;padding:5px 12px;color:var(--muted);font:10px ui-monospace,monospace}.navigation{display:flex;gap:6px;align-items:center;padding:8px;border-top:1px solid var(--line)}.navigation button{padding:1px 10px;font-size:16px}.navigation label{display:flex;align-items:center;gap:6px;min-width:0}.navigation input{width:140px;accent-color:var(--accent)}.navigation output{margin-left:auto;color:var(--muted);font:10px ui-monospace,monospace}.truth{border-top:1px solid var(--line);padding:10px 12px;color:var(--muted)}.truth strong{font-size:10px;text-transform:uppercase;color:#d5ba92}.truth p{font-size:11px;margin:4px 0}.sidebar{padding:12px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}h2{font-size:13px;font-weight:600;margin:0}.status{color:var(--muted);font-size:10px}.estimate{display:grid;grid-template-columns:1fr auto;gap:2px 8px;border-bottom:1px solid var(--line);padding-bottom:9px}.estimate strong{font:600 24px/1 ui-monospace,monospace;grid-column:2;grid-row:1/3;color:var(--accent)}#confidence{color:#d5ba92;font-size:11px}.field{display:flex;flex-direction:column;gap:3px;margin:8px 0}.field span{color:var(--muted);font-size:11px}input[type=number],select{min-width:0;width:100%;background:#171a1e;color:#dce1e8;border:1px solid #484e57;border-radius:2px;height:29px;padding:0 6px}input:disabled{opacity:.55}.hint{font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.keys{display:flex;flex-direction:column;gap:5px}.keyrow{display:grid;grid-template-columns:43px minmax(0,1fr) 20px;gap:5px;padding:7px 0;border-bottom:1px solid var(--line);align-items:center}.keynote{color:var(--accent);font:600 11px ui-monospace,monospace}.notefields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.notefields label{font-size:9px;color:var(--muted);min-width:0}.notefields input{font:11px ui-monospace,monospace;margin-top:3px;padding:0 3px}.keyrow .ghost{padding:0;font-size:16px}#addNote{margin-top:8px;font-size:11px}.keyplaceholder,.stemempty{padding:18px;color:#909aa6;font-size:11px}.actions{display:flex;gap:8px;margin-top:14px}.actions .primary{flex:1}details{margin-top:11px;padding-top:8px;border-top:1px solid var(--line)}summary{color:#b5bec9;cursor:pointer;font-size:11px}.advanced{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.check{grid-column:1/-1;display:flex;gap:5px;align-items:center;margin:6px 0;color:#b5bec9;font-size:11px}.candidate{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.candidate span{flex:1}.candidate button{font-size:10px;white-space:nowrap;padding:3px 6px}.outputs{padding:12px;margin-top:12px}.stems{display:grid;grid-template-columns:1fr;gap:6px}.stem{display:grid;grid-template-columns:32px 220px 1fr auto;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);background:#1b1e22}.stem .play{width:30px;height:30px;padding:0;color:var(--accent)}.steminfo{min-width:0;grid-column:2}.steminfo strong{font-size:12px}.steminfo small{display:block;color:var(--muted);font-size:10px}.download{grid-column:4;grid-row:1;font-size:10px}.stemwave{grid-column:3;grid-row:1;width:100%;height:52px}.metrics{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.metrics span{display:block;color:var(--muted);font-size:10px}.metrics strong{font:600 16px ui-monospace,monospace;color:var(--accent)}.exportbar{margin:10px 0}.warnings{font-size:11px;line-height:1.5;color:#c9b293;padding-left:18px}.processing{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:10px;margin-top:12px}.processing span{flex:1;color:#c5d8e4}.processing progress{accent-color:var(--accent);width:120px}.error{padding:10px;border:1px solid #80604d;background:#302822;color:#f2ccb3;font-size:12px}footer{border-top:1px solid var(--line);padding:10px 20px;color:#858e99;font-size:10px}body.busy #drop{pointer-events:none;opacity:.4}@media(max-width:1000px){.editor{grid-template-columns:minmax(0,1fr) 340px}.legend,.subtitle{display:none}.notefields{grid-template-columns:1fr 1fr}.stem{grid-template-columns:32px 180px 1fr auto}}@media(max-width:760px){main{padding:10px}.topbar{padding:0 10px;gap:9px}.privacy{display:none}.topbar [role=button]{margin-left:auto}.editor{grid-template-columns:1fr}#viz{height:270px}.notefields{grid-template-columns:repeat(4,minmax(0,1fr))}.stem{grid-template-columns:32px 1fr auto;gap:8px}.download{grid-column:3}.stemwave{grid-column:1/-1;grid-row:2}.navigation input{width:90px}}@media(max-width:400px){.topbar h1{font-size:16px}.navigation output{font-size:9px}.notefields{grid-template-columns:1fr 1fr}.filebar .ghost{font-size:10px}.processing{flex-wrap:wrap}.tabs .ghost{font-size:10px;margin-left:2px}}