:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light;--bg:#f7faff;--panel:#fff;--soft:#f2f6fc;--line:#dee7f4;--ink:#192a43;--muted:#6b7c93;--blue:#347ee5;--focus:#0a75ee;--shadow:0 12px 46px #263b5b12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--blue)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.47;cursor:not-allowed}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:10px 13px;font-weight:650;font-size:12px;transition:background .15s}button:hover:not(:disabled){background:#eaf3ff}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover:not(:disabled){background:#2366c4}button.ghost{background:0 0}label{display:block;color:var(--muted);font-size:12px;font-weight:650}label input,label select,label textarea{display:block;width:100%;border:1px solid #d4e1f0;background:var(--panel);color:var(--ink);border-radius:9px;padding:9px;margin-top:6px;font-size:12px}input[type=range]{padding:0;accent-color:var(--blue)}input[type=checkbox]{display:inline;width:auto;accent-color:var(--blue)}.shell{width:min(1480px,calc(100% - 44px));margin:auto}.site-header{background:var(--panel);border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;letter-spacing:-.7px;font-weight:850;text-decoration:none;color:var(--ink);white-space:nowrap}.brand .mark{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#69b7ff,#287ee9);width:32px;height:32px;color:#fff;border-radius:10px;margin-right:8px}.brand em,.hero h1 span{color:var(--blue);font-style:normal}.nav nav{display:flex;gap:24px}.nav nav a{color:var(--muted);font-size:13px;text-decoration:none}.skip{position:absolute;left:-1000px;top:12px;padding:10px;background:#fff;z-index:10}.skip:focus{left:12px}.hero{padding:40px 0 28px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--blue)}.hero h1{font-size:clamp(30px,4vw,52px);letter-spacing:-2px;margin:8px 0}.hero p{color:var(--muted);font-size:15px;line-height:1.7;max-width:800px;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.chips span{font-size:12px;color:#4d739f;border:1px solid #dae9fb;background:#edf6ff;border-radius:20px;padding:7px 10px}.status{padding:12px 16px;border:1px solid #b8d7fa;background:#eaf5ff;color:#24538d;border-radius:11px;margin-bottom:12px;font-size:13px;min-height:42px}.status.error{background:#fff1ee;border-color:#f3b6a9;color:#913b28}.workspace{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);margin-bottom:30px}.work-header{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.work-title{display:flex;align-items:center;gap:11px}.work-icon{background:#e6f2ff;border-radius:10px;padding:10px;color:var(--blue);font-weight:900}.work-title strong{font-size:15px;display:block}.work-title small{font-size:11px;color:var(--muted)}.actions,.subrow,.tools,.transport{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:5px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--soft)}.tabs button[aria-pressed=true]{background:#dcecff;color:#145bb4;border-color:#bad4fb}.grid{display:grid;grid-template-columns:248px minmax(0,1fr) 278px}.panel{padding:17px;border-right:1px solid var(--line);min-width:0}.panel.right{border-left:1px solid var(--line);border-right:0}.center h2,.panel h2{font-size:14px;margin:0 0 12px}.panel h3{font-size:12px;margin:18px 0 10px}.field{margin-bottom:12px}.hint,.muted{color:var(--muted);font-size:12px;line-height:1.6}.drop{border:1.5px dashed #99bce9;background:#f1f8ff;border-radius:12px;text-align:center;padding:24px 9px;margin-bottom:12px}.drop.drag{border-color:var(--blue);background:#dceeff}.drop strong{font-size:13px;display:block;margin-bottom:7px}.drop small{font-size:11px;color:var(--muted);display:block}.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.panel input[type=file]{display:none}.meta{font-size:12px;background:var(--soft);padding:11px;border:1px solid var(--line);border-radius:10px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.center{padding:15px 17px 18px;min-width:0;background:#fcfdff}.center-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.center h2{margin:0}.viewtools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.viewtools button{padding:7px 9px}.chartbox{position:relative;margin-bottom:13px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.charthead{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:800;border-bottom:1px solid var(--line)}.charthead span{font-weight:400;color:var(--muted);font-size:11px}.chartbox canvas{display:block;width:100%;height:174px;touch-action:pan-y;cursor:crosshair}.chartbox.spectrum canvas{height:140px}.axis{display:flex;justify-content:space-between;padding:0 10px 9px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.transport{padding:11px 0;align-items:center}.transport audio{width:100%;height:38px;max-width:500px}.transport input{flex:1;min-width:80px;accent-color:var(--blue)}.transport output{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.selection{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:12px;margin:8px 0 13px}.selection strong{font-size:12px}.selection .row2{margin-top:8px}.selection button{margin-top:9px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{background:var(--soft);border:1px solid var(--line);padding:11px;border-radius:11px;min-width:0}.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:19px;margin-top:6px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.results{display:grid;gap:6px;max-height:310px;overflow:auto}.result{display:flex;gap:7px;align-items:center;border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:8px;font-size:11px}.result button{padding:5px 7px;min-width:0;overflow-wrap:anywhere}.result .seek{flex:1;text-align:left}.result .del{color:#b34b4b}.pill{font-size:10px;padding:3px 5px;border-radius:6px;background:#e2edff;color:#38629c}.pill.clip{background:#ffeded;color:#b53a39}.pill.silence{background:#fff0df;color:#986017}.footbar{padding:16px 20px;background:#eff6ff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footbar p{font-size:12px;color:#587398;margin:0;max-width:550px;line-height:1.5}.below{margin:50px auto 80px;max-width:890px}.below h2{letter-spacing:-.8px}.below li,.below p{font-size:14px;line-height:1.8;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px;color:var(--muted);font-size:12px}.live{position:absolute;right:12px;top:48px;border-radius:7px;background:#132b42dd;color:#fff;padding:6px 8px;font-size:11px;pointer-events:none}.hidden,[hidden]{display:none!important}[data-theme=dark]{color-scheme:dark;--bg:#10192a;--panel:#19253a;--soft:#233149;--line:#33435e;--ink:#eff6ff;--muted:#b0c0d4;--blue:#76b5ff;--focus:#80b6ff}[data-theme=dark] .center{background:#152137}[data-theme=dark] .chips span,[data-theme=dark] .drop,[data-theme=dark] .status{background:#223954;color:#bfd9fa}[data-theme=dark] .tabs button[aria-pressed=true]{background:#314e75;color:#d8ecff}[data-theme=dark] .footbar{background:#20334d}[data-theme=dark] .footbar p{color:#b2cce9}[data-theme=dark] .chartbox{background:#162036}[data-theme=dark] .pill{background:#304867;color:#cedfff}@media(max-width:1160px){.grid{grid-template-columns:210px minmax(0,1fr) 240px}.panel{padding:12px}.shell{width:calc(100% - 24px)}}@media(max-width:940px){.grid{grid-template-columns:215px minmax(0,1fr)}.right{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.right h2,.right h3{grid-column:1/-1}.right .results{max-height:260px}.right>div:not(.row2){min-width:0}}@media(max-width:670px){.nav nav{display:none}.hero{padding:28px 0 20px}.grid{display:flex;flex-direction:column}.panel{border:0;border-bottom:1px solid var(--line)}.right{display:block}.work-header{padding:13px}.center{padding:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chartbox canvas{height:154px}.actions button{flex:1}.shell{width:calc(100% - 16px)}}@media(max-width:360px){.cards{grid-template-columns:1fr 1fr}.metric strong{font-size:16px}.row2{grid-template-columns:1fr}.work-header .actions{width:100%}}