:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#202126;background:#f5f5f7;font-synthesis:none;--accent:#2563dc;--ink:#202126;--muted:#777b85;--border:#ececef;--green:#378369;--blue:#6a80cd}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select{font:inherit}button{border:0;border-radius:11px;background:var(--accent);color:white;padding:11px 18px;font-size:13px;font-weight:550;cursor:pointer;transition:background .15s,box-shadow .15s}button:hover{background:#1d51bb}button:disabled{opacity:.4;cursor:default}button.secondary{background:#f0f1f5;color:#444954}button.secondary:hover{background:#e7e9ef}.text-button{padding:9px 4px;color:var(--accent);background:transparent;white-space:nowrap}.text-button:hover{background:#eef3ff}:focus-visible{outline:3px solid #94b5f0;outline-offset:4px}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid #e8e8ec;background:rgba(255,255,255,.9)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:20px;font-weight:650;letter-spacing:-.5px}.brand-sub{font-size:12px;font-weight:450;color:#8b8d96;letter-spacing:0}.logo{width:34px;height:34px;background:#272c34;border-radius:11px;display:grid;place-items:center}.logo svg{width:26px;fill:none;stroke:#b3ddc1;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.view-nav{display:flex;gap:4px;padding:4px;border-radius:12px;background:#eeeef1}.view-nav button{padding:8px 24px;color:#727580;background:transparent;font-size:13px}.view-nav button[aria-current=page]{background:#fff;color:#24272e;box-shadow:0 1px 5px #171b2910}.local-status{font-size:11px;color:#81858d;white-space:nowrap}.local-status i{display:inline-block;width:6px;height:6px;background:#83a68c;border-radius:50%;margin-right:4px}main{max-width:1280px;padding:40px 28px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#9699a0;font-weight:650}h1{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:10px 0}h2{font-size:17px;font-weight:650;letter-spacing:-.4px;margin:0 0 6px}h3{font-size:14px;font-weight:600;margin:0}p{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0 14px}.page-heading p{font-size:13px;margin:0}.page-heading .primary{padding:13px 22px}.record-bar{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:17px 20px;margin-bottom:24px;border:1px solid #eeeef2}.record-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eff5f0;color:#639275;font-size:24px}.record-title{min-width:0;flex:1}.record-title strong{font-size:13px;font-weight:600;display:block;overflow-wrap:anywhere}.record-title span{display:block;font-size:10px;color:#91959c;margin-top:5px}.duration{font-size:12px;color:#737984;font-variant-numeric:tabular-nums;white-space:nowrap}.record-more{margin-left:12px}.record-more summary{font-size:11px;color:#777f8a;cursor:pointer}.record-popover{position:absolute;z-index:3;right:0;top:calc(100% + 8px);width:min(420px,calc(100vw - 48px));padding:20px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 16px 45px #1b233116}.record-popover p{overflow-wrap:anywhere}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.workspace{min-width:0}.panel{background:#fff;border:1px solid #eeeef1;border-radius:20px;padding:24px;margin-bottom:22px;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.panelhead p{font-size:11px;margin:6px 0 0}.subtle-label{font-size:10px;color:#9296a0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}details>summary{cursor:pointer;font-size:12px;color:#777d88}.subtle-details{border-top:1px solid #f0f0f3;margin-top:18px;padding-top:13px}.subtle-details summary{font-size:11px}.subtle-details p{margin-top:12px;font-size:11px}.tag,.count{font-size:10px;background:#f1f3f7;color:#798391;padding:5px 8px;border-radius:6px;font-weight:450;white-space:nowrap}.count{margin-left:5px}canvas{display:block;width:100%}.bpm-readout{font-size:13px;font-weight:600;white-space:nowrap;color:#536572;font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;gap:14px;border-top:1px solid #f1f2f4;padding-top:18px;margin-top:10px}.play-button{min-width:64px}.transport select{width:65px;padding:8px!important;margin:0!important}.transport input{flex:1;min-width:30px}#clock{font-size:10px;white-space:nowrap;color:#8a8e96;font-variant-numeric:tabular-nums}input[type=range]{accent-color:#526eac;cursor:pointer}input[type=number],input[type=text],select{width:100%;border:1px solid #e9eaf0;background:#f9f9fb;border-radius:10px;padding:11px 12px;color:#3d424e;font-size:13px}input[type=number]{font-variant-numeric:tabular-nums}input[type=text]{font-size:11px}label{display:block;font-size:12px;color:#626873;margin:19px 0 9px}label>span,output{float:right;color:#979ba5;font-size:11px}.check{display:flex;align-items:center;gap:8px;line-height:1.7}.check input{accent-color:var(--accent)}.inline{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap;font-size:10px}.inline select{font-size:11px;width:auto}.wide{width:100%;margin-top:21px}.helper{font-size:10px;line-height:1.8;color:#8c919a;margin:12px 0 0}.settings-panel h2{margin-top:10px}.settings-panel>p{font-size:11px}.settings-panel input[type=number]{font-size:19px;padding:11px 14px;background:#f7f8fa}.settings-panel #qualityMin{font-size:16px}.advanced-settings{margin-top:23px;padding-top:16px;border-top:1px solid #eeeef2}.advanced-settings summary{font-size:11px}.advanced-settings input[type=range]{width:100%}.settings-panel .helper{text-align:center}.advanced-settings .helper{text-align:left}.side-note{display:flex;gap:12px;padding:0 18px}.side-note p{font-size:11px;color:#9a9ea6}.note-icon{font-size:24px;color:#a7afb9}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px 1px 14px}.legend-dot:first-child{margin-left:0}.acf-dot{background:var(--green)}.peaks-dot{background:var(--blue)}.ref-dot{background:#c2c6cd}pre{font:10px/1.7 ui-monospace,Consolas,monospace;background:#f6f7f9;border-radius:9px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}#message{position:fixed;z-index:10;left:50%;top:88px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 40px);padding:12px 20px;border:1px solid #e7e9ef;border-radius:12px;background:#fff;box-shadow:0 6px 26px #17203815;font-size:12px;color:#5e6572;line-height:1.7}footer{display:flex;justify-content:space-between;font-size:10px;color:#a4a7af;padding:15px 0 32px;letter-spacing:.3px}button,summary{-webkit-tap-highlight-color:transparent}@media(max-width:1000px){.local-status{display:none}.app-header{padding:0 28px}.layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.panel{padding:20px}.brand-sub{display:none}}@media(max-width:760px){.app-header{height:66px;padding:0 18px;gap:12px}.brand{font-size:17px;gap:7px}.logo{width:30px;height:30px}.view-nav button{font-size:11px;padding:8px 12px}main{padding:27px 16px 0}.page-heading{gap:12px;margin-bottom:22px}h1{font-size:25px}.eyebrow{font-size:8px;letter-spacing:1px}.page-heading p{font-size:11px}.page-heading .primary{padding:11px 14px;white-space:nowrap;font-size:11px}.layout{display:flex;flex-direction:column;gap:0}.workspace,aside{width:100%}.side-note{display:none}.panel{padding:20px;border-radius:17px}.record-bar{padding:15px;gap:10px;flex-wrap:wrap}.record-title{flex-basis:50%}.record-more{margin-left:0}.duration{font-size:10px}.panelhead{gap:9px;flex-wrap:wrap}.transport{gap:8px}.bpm-readout{font-size:11px}.subtle-label{font-size:9px}.inline select{max-width:120px}h2{font-size:16px}.transport #clock{font-size:9px}.transport select{width:55px}.brand-sub{display:none}footer{gap:12px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}