:root{--bg:#1e1f22;--panel:#2a2b2f;--panel2:#333438;--line:#44464c;--text:#d8d9dc;--dim:#8b8d93;--accent:#ff9f1c;--accent2:#36c5d6;--inst:#b07cff;--fx:#4fc28a;--bridge:#f0b54a;--red:#ff5a5a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.35 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}button,select,input{font:inherit;color:inherit}button{background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:3px 8px}button:hover{border-color:var(--dim)}button:disabled{opacity:.5;cursor:default}select,input[type=number],input[type=search],input[type=url],.track-name{border:1px solid var(--line);background:#18191b;border-radius:4px;padding:3px 6px}a{color:var(--accent2)}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.logo{color:var(--accent);letter-spacing:.5px;margin-right:8px;font-weight:700}.transport{align-items:center;gap:6px;display:flex}.transport-btn{width:34px;font-size:14px}.transport-btn.on{background:var(--fx);color:#000}.bpm{width:64px}.unit{color:var(--dim);font-size:11px}.position{text-align:center;background:#111;border-radius:4px;min-width:64px;padding:3px 8px;font-family:ui-monospace,monospace}.spacer{flex:1}.pill{background:var(--panel2);color:var(--dim);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px}.pill.connected{color:var(--fx);background:#1f3b2c}.pill.disconnected,.pill.connecting{color:var(--bridge);background:#3a2f1c}.toggle.on{background:var(--accent);color:#000}.workspace{flex:1;min-height:0;display:flex}.browser{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;width:280px;min-height:0;display:flex}.panel-title{text-transform:uppercase;color:var(--dim);letter-spacing:1px;padding:6px 10px;font-size:11px}.tabs{gap:2px;padding:0 6px;display:flex}.tab{border-bottom:none;border-radius:4px 4px 0 0;flex:1;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.tab.active{background:var(--bg);color:var(--accent)}.dot{background:var(--bridge);border-radius:50%;width:7px;height:7px}.dot.connected{background:var(--fx)}.browser input[type=search]{margin:6px}.browser-list{flex:1;padding:0 6px 10px;overflow-y:auto}.browser-item{text-align:left;background:0 0;border-color:#0000;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:8px;width:100%;margin-bottom:3px;display:grid}.browser-item:hover{background:var(--panel2);border-color:var(--line)}.badge{color:#000;border-radius:3px;grid-row:span 2;align-self:center;padding:2px 4px;font-size:9px;font-weight:700}.badge.inst{background:var(--inst)}.badge.fx{background:var(--fx)}.item-name{font-weight:600}.item-sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.hint{color:var(--dim);padding:8px 4px;font-size:12px}.error{color:var(--red)}.wam-url{border-top:1px solid var(--line);flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;display:flex}.label{color:var(--dim);text-transform:uppercase;font-size:11px}.bridge-help{padding:6px 4px}.bridge-help h3{margin:4px 0 8px;font-size:14px}.bridge-help p,.bridge-help li{color:var(--text);font-size:12px}.bridge-help ol{padding-left:18px}.bridge-bar{color:var(--dim);justify-content:space-between;align-items:center;gap:6px;padding:4px 2px 8px;font-size:11px;display:flex}.mixer{flex:1;min-width:0;overflow:auto}.strips{align-items:stretch;gap:6px;min-height:100%;padding:10px;display:flex}.strip{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;flex:none;gap:6px;width:190px;padding:6px;display:flex}.strip.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.strip.master{width:110px}.strip-head{font-weight:700}.track-name{width:100%;font-weight:600}.chain{flex-direction:column;flex:1;gap:3px;min-height:80px;display:flex}.slot{background:var(--panel2);border-left:3px solid var(--fx);border-radius:4px;align-items:center;gap:3px;padding:2px 3px;display:flex}.slot.bridge{border-left-color:var(--bridge)}.slot.bypassed{opacity:.45}.slot.empty{color:var(--dim);border-left-color:var(--line);padding:6px;font-size:11px}.slot-kind{color:var(--dim);width:26px;font-size:9px}.slot-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:2px;font-weight:600;overflow:hidden}.slot-name:hover{color:var(--accent)}.icon{color:var(--dim);background:0 0;border:none;padding:0 4px}.icon.on{color:var(--fx)}.latency{color:var(--bridge);font-size:11px}.strip-bottom{flex-direction:column;align-items:center;gap:4px;display:flex}.pan{width:100%}.fader-row{align-items:flex-end;gap:6px;height:150px;display:flex}.fader{writing-mode:vertical-lr;direction:rtl;width:22px;height:150px}.meter{background:#111;border-radius:2px;align-items:flex-end;gap:2px;width:14px;height:150px;padding:1px;display:flex}.meter .bar{background:linear-gradient(to top, var(--fx) 70%, var(--accent) 88%, var(--red));background-position:bottom;background-size:100% 150px;flex:1;height:0}.meter.clip{box-shadow:0 -3px 0 var(--red)}.db{color:var(--dim);font-family:ui-monospace,monospace;font-size:11px}.buttons{gap:4px;display:flex}.mute.on{background:var(--accent);color:#000}.solo.on{background:var(--accent2);color:#000}.add-track{flex-direction:column;flex:none;justify-content:flex-start;gap:6px;width:120px;display:flex}.keyboard{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;flex:none;padding:4px 10px 8px;display:flex}.kb-info{color:var(--dim);padding-bottom:4px;font-size:11px}.piano{-webkit-user-select:none;user-select:none;touch-action:none;height:56px;display:flex;position:relative}.key.white{background:#eee;border:1px solid #999;border-radius:0 0 3px 3px;flex:1}.key.black{z-index:1;width:0;position:relative}.key.black:after{content:"";background:#222;border-radius:0 0 2px 2px;width:12px;height:34px;position:absolute;left:-6px}.key.white.down,.key.black.down:after{background:var(--accent)}.plugin-window{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;min-width:220px;max-width:95vw;max-height:90vh;display:flex;position:fixed;box-shadow:0 12px 40px #000a}.win-bar{background:var(--panel2);cursor:move;-webkit-user-select:none;user-select:none;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:4px 8px;font-weight:600;display:flex}.win-close{background:0 0;border:none;padding:0 4px;font-size:16px}.win-body{overflow:auto}.builtin-gui{gap:8px;min-width:260px;padding:12px;display:grid}.builtin-gui label{grid-template-columns:80px 1fr;align-items:center;gap:8px;display:grid}.start-overlay{z-index:1000;cursor:pointer;background:#000b;place-items:center;display:grid;position:fixed;inset:0}.start-card{background:var(--panel);text-align:center;border:1px solid var(--line);border-radius:10px;max-width:420px;padding:28px 32px}.start-card h1{color:var(--accent);margin:0 0 8px}.primary{background:var(--accent);color:#000;border:none;padding:8px 20px;font-size:14px;font-weight:700}.toasts{z-index:2000;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:100px;right:16px}.toast{background:var(--panel2);border:1px solid var(--line);white-space:pre-line;border-radius:6px;max-width:360px;padding:8px 12px;box-shadow:0 4px 16px #0008}.toast.error{border-color:var(--red)}@media (max-width:700px){.browser{width:200px}}