:root{color-scheme:dark;--bg:#101316;--panel:#171c20;--panel-raised:#1c2227;--panel-deep:#12171b;--line:#2b333a;--line-subtle:#242c32;--text:#eeeee7;--text-secondary:#b6c0c3;--muted:#85939a;--mint:#b2ead1;--mint-bright:#c9f2de;--mint-dim:rgba(178,234,209,.09);--amber:#d3b07d;--danger:#f0aaa0;--radius:14px;--font:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 22% -20%,rgba(138,188,165,.045),transparent 55%);z-index:-1}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button,input,select,textarea,summary{touch-action:manipulation}a{color:inherit}p,h1,h2,h3,ol{margin:0}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}button svg[fill="currentColor"]{stroke:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.app-shell{max-width:1472px;padding:0 44px;margin:0 auto}.skip-link{position:absolute;left:20px;top:-70px;padding:12px 18px;background:var(--mint);color:var(--bg);z-index:100;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-subtle);gap:20px}.brand{display:inline-flex;gap:14px;align-items:center;text-decoration:none}.brand-mark{width:44px;height:46px;border:1px solid #60776e;border-radius:4px 4px 12px 4px;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;letter-spacing:-2px;color:var(--mint);position:relative;padding-right:2px}.brand-mark-dot{width:4px;height:4px;background:var(--mint);border-radius:50%;position:absolute;bottom:7px;right:7px}.brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.2}.brand-copy>span{font-size:13px;font-weight:600;letter-spacing:.19em;color:var(--muted)}.brand-copy strong{font-size:16px;font-weight:600;letter-spacing:.18em}.header-actions{display:flex;align-items:center;gap:28px}.local-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;letter-spacing:.13em;font-weight:600}.live-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;flex:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border-radius:7px;border:1px solid transparent;font-weight:600;font-size:13px;line-height:1.35;text-decoration:none;transition:background .16s,color .16s,border-color .16s,transform .16s;white-space:nowrap}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{background:var(--mint);color:#11231b;border-color:var(--mint)}.button-primary:not(:disabled):hover{background:var(--mint-bright);border-color:var(--mint-bright)}.button-secondary{background:var(--panel-raised);color:var(--text);border-color:#38434a}.button-secondary:not(:disabled):hover{border-color:#647a70;background:#232d30}.button-quiet{background:transparent;border-color:var(--line);color:var(--text-secondary)}.button-quiet:not(:disabled):hover{background:var(--panel-raised);color:var(--text);border-color:#465159}.button-text{background:transparent;color:var(--muted);padding-left:6px;padding-right:6px}.button-text:not(:disabled):hover{color:var(--mint)}.help-button{border:0;font-weight:500;color:var(--text-secondary);padding:10px 0}.help-button svg{width:17px;height:17px;color:var(--muted)}.help-button:not(:disabled):hover{background:transparent;color:var(--mint)}.page-heading{padding:39px 0 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{color:var(--muted);font-size:13px;letter-spacing:.18em;font-weight:600}.page-heading .eyebrow{margin-bottom:10px}h1{font-size:46px;line-height:1.1;font-weight:500;letter-spacing:-.055em}h1>span{color:var(--mint)}.page-intro{color:var(--muted);font-size:13px;line-height:1.6;margin-top:13px;letter-spacing:-.01em}.workspace-status{max-width:310px;text-align:right;color:var(--muted);font-size:13px;padding:0 0 3px;line-height:1.65}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-label{font-size:13px;font-weight:600;letter-spacing:.12em;line-height:1.5;color:var(--text-secondary)}.section-label>span{color:var(--mint);font-family:var(--mono);font-size:13px;letter-spacing:-.025em;margin-right:10px}.small-badge{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.1em;padding:5px 7px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:4px;line-height:1.4}.analysis-panel{overflow:hidden}.analysis-heading{padding:21px 23px 18px}.drop-zone{margin:0 22px 23px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px dashed #46584f;border-radius:9px;background:linear-gradient(110deg,rgba(178,234,209,.045),rgba(178,234,209,.005));transition:background .2s,border-color .2s}.drop-zone.is-dragging,.is-dragging .drop-zone{background:rgba(178,234,209,.13);border-color:var(--mint)}.file-intro{display:flex;align-items:center;gap:14px;min-width:0}.file-icon{height:45px;width:40px;color:var(--mint);display:grid;place-items:center;flex:none}.file-icon svg{height:31px;width:31px;stroke-width:1.3}.file-copy{min-width:0}.file-copy h3{font-size:15px;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere;line-height:1.4}.file-copy>p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:5px}.file-copy>p.sample-note{color:var(--amber);font-size:13px}.upload-actions{display:flex;flex-direction:column;align-items:stretch;gap:3px;flex:none}.upload-actions .button-primary,.upload-actions .button-secondary{min-height:42px;padding:10px 15px;font-size:13px}.upload-actions .button svg{height:16px;width:16px}.upload-actions .button-text{font-size:13px;min-height:32px;padding:5px 7px;gap:9px;font-weight:500}.visuals-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 23px 14px;gap:16px}.signal-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.12em}.spectral-dot{height:4px;width:4px;background:var(--amber);border-radius:50%;flex:none}.toolbar-divider{height:10px;width:1px;background:var(--line);margin:0 2px}.signal-label output{font-size:13px;color:var(--text-secondary);font-weight:500;letter-spacing:0}.frequency-control{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}select{background:#13181c;color:var(--text-secondary);border:1px solid #354048;border-radius:5px;min-height:36px;padding:7px 24px 7px 10px;max-width:100%;font-size:13px;cursor:pointer}.frequency-control select{min-height:32px;padding-top:4px;padding-bottom:4px;font-size:13px}.visuals{position:relative;background:#101518;border-top:1px solid var(--line-subtle);border-bottom:1px solid var(--line-subtle);padding:14px 22px 0;overflow:hidden}.view-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px;color:#718189;font-size:13px;letter-spacing:.12em;font-weight:600;line-height:1.5}.view-heading>span:last-child{font-size:13px;letter-spacing:0;color:#61717a;font-weight:400;display:flex;align-items:center;gap:6px}.canvas-frame{position:relative;padding-left:30px;width:100%;min-width:0;background:linear-gradient(transparent calc(50% - .5px),#213039 calc(50% - .5px),#213039 calc(50% + .5px),transparent calc(50% + .5px))}.canvas-frame canvas{display:block;width:100%;touch-action:none;cursor:crosshair;background-image:linear-gradient(to right,rgba(54,69,77,.28) 1px,transparent 1px);background-size:12.5% 100%;border-right:1px solid rgba(54,69,77,.25)}#waveform{height:110px}.amplitude-axis{position:absolute;inset:4px auto 4px 2px;width:22px;display:flex;flex-direction:column;justify-content:space-between;color:#627079;font-family:var(--mono);font-size:13px;line-height:1}.spectrum-heading{border-top:1px solid #263038;padding-top:12px;margin-top:9px}.spectrum-key{height:4px;width:29px;border-radius:3px;background:linear-gradient(90deg,#172226,#52675c,#b7a978,#e9c992)}.spectrogram-frame{background:linear-gradient(to bottom,transparent calc(50% - .5px),rgba(51,66,75,.3) calc(50% - .5px),rgba(51,66,75,.3) calc(50% + .5px),transparent calc(50% + .5px))}#spectrogram{height:220px}.frequency-axis{position:absolute;inset:4px auto 6px -4px;width:31px;display:flex;flex-direction:column;justify-content:space-between;color:#64737b;font-family:var(--mono);font-size:13px;line-height:1;white-space:nowrap}.visual-empty{position:absolute;inset:15px 24px 14px 50px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;pointer-events:none;background:radial-gradient(ellipse,rgba(16,21,24,.98) 0%,rgba(16,21,24,.93) 28%,rgba(16,21,24,.12) 76%)}.empty-focus{display:grid;place-items:center;height:60px;width:60px;color:#788f82;margin-bottom:16px}.empty-focus svg{height:48px;width:48px;stroke-width:1.15}.visual-empty strong{font-size:17px;font-weight:400;letter-spacing:-.03em;color:#bdc7c6}.visual-empty p{color:#6f8088;font-size:13px;line-height:1.8;margin-top:8px}.empty-caption{font-size:13px;letter-spacing:.16em;margin-top:21px;color:#52656c;font-weight:600}.visuals-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 23px 11px;background:#13191d;color:#677780;font-size:13px;border-bottom:1px solid var(--line-subtle)}.visuals-caption>span{font-family:var(--mono);font-size:13px;letter-spacing:.12em;white-space:nowrap}.transport{padding:18px 22px 16px}.transport-main{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.playback-buttons{display:flex;align-items:center;gap:6px}.play-button{background:var(--mint);color:#15251d;min-width:79px;gap:5px;padding:10px 11px}.play-button svg{height:16px;width:16px}.compact-button{gap:3px;padding:9px 8px;border:0}.compact-button svg{width:15px;height:15px}.compact-button>span{font-size:13px}.skip-button{padding:8px;min-width:37px;font-size:13px;font-family:var(--mono);font-weight:400;border:0}.time-display{display:flex;align-items:baseline;gap:6px;white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums}.time-display>#time{color:var(--text);font-size:15px;letter-spacing:-.06em}.time-display>#time-total{color:#62737c;font-size:13px}.source-switch{display:flex;align-items:center;margin-left:auto;padding:3px;border:1px solid var(--line);border-radius:7px;background:#11171b}.source-switch button{min-height:36px;background:transparent;border:1px solid transparent;color:#71818b;border-radius:4px;padding:7px 12px;font-size:13px;font-weight:500}.source-switch button.active{color:var(--mint);background:#21302d;border-color:#334c41}.source-switch button:not(:disabled):hover{color:var(--text)}.source-switch button:disabled.active{opacity:.68}.transport-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px;border-top:1px solid var(--line-subtle);padding-top:13px}.speed-control{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.speed-control select{font-size:13px;min-height:36px;min-width:69px}.checkbox-label{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-secondary);min-height:36px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{appearance:none;margin:0;flex:none;width:14px;height:14px;border-radius:3px;border:1px solid #4b5b63;background:#12171b;display:grid;place-content:center;cursor:pointer}.checkbox-label input[type=checkbox]::after{content:"";width:7px;height:4px;border-bottom:1.5px solid #15231c;border-left:1.5px solid #15231c;transform:rotate(-45deg) scale(0);margin-top:-2px}.checkbox-label input[type=checkbox]:checked{background:var(--mint);border-color:var(--mint)}.checkbox-label input[type=checkbox]:checked::after{transform:rotate(-45deg) scale(1)}input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;display:block;width:100%;min-width:0;height:28px;margin:0;cursor:pointer;accent-color:var(--mint)}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#82bfa5,#34453e)}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#536d61}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--mint);border:2px solid #a3cfba;margin-top:-4.5px;box-shadow:0 0 0 4px rgba(178,234,209,.035)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--mint);border:1px solid #a3cfba}input[type=range]:focus-visible{outline-offset:1px;border-radius:5px}.volume-control{display:flex;align-items:center;gap:9px;margin-left:auto;width:106px;min-width:80px;min-height:36px}.volume-control svg{height:14px;width:14px;color:#84958e}.volume-control input[type=range]::-webkit-slider-thumb{height:9px;width:9px;margin-top:-3px}.selection-disclosure{border-top:1px solid var(--line);background:rgba(0,0,0,.065)}summary{list-style:none;cursor:pointer;min-height:44px}summary::-webkit-details-marker{display:none}summary svg{height:17px;width:17px;transition:transform .2s}details[open]>summary svg{transform:rotate(180deg)}.selection-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 23px;color:var(--muted)}.selection-disclosure>summary>span{display:flex;align-items:baseline;gap:12px}.selection-disclosure>summary strong{color:var(--text-secondary);font-size:13px;font-weight:500}.selection-disclosure>summary>span>span{color:#73838b;font-size:13px}.selection-content{padding:4px 23px 22px}.selection-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.selection-inputs>label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.input-unit{position:relative;display:flex;align-items:center}.input-unit>span{position:absolute;right:12px;font-family:var(--mono);font-size:13px;color:var(--muted)}input[type=number]{padding-right:38px!important}.selection-options{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}.selection-zoom{display:flex;align-items:center;gap:6px}.selection-zoom .button{font-size:13px;padding:7px 9px;min-height:38px}.selection-info{font-size:13px;line-height:1.7;margin-top:7px}.noise-learning{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.noise-learning strong{color:var(--text-secondary);font-size:13px;font-weight:500}.noise-learning p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:4px}.noise-actions{display:flex;align-items:center;gap:14px;margin-top:11px;flex-wrap:wrap}.noise-actions .button{font-size:13px}.noise-learning .noise-profile{color:#9ebaaa;font-size:13px;margin-top:9px}.cleanup-panel{padding:21px 23px 23px}.panel-glyph{color:#81978c;display:grid;place-items:center}.panel-glyph svg{height:18px;width:18px;stroke-width:1.25}.cleanup-title{font-size:25px;line-height:1.25;letter-spacing:-.045em;font-weight:400;margin-top:23px}.cleanup-intro{color:var(--muted);font-size:13px;margin-top:8px}.preset-grid{display:flex;flex-direction:column;gap:9px;margin-top:24px}.preset-option{display:flex;align-items:center;gap:11px;text-align:left;min-height:69px;border:1px solid var(--line);border-radius:8px;padding:12px 11px;background:var(--panel-deep);color:var(--text-secondary);transition:background .16s,border-color .16s}.preset-option:hover{background:#1c2927;border-color:#496253}.preset-option.active{background:linear-gradient(115deg,rgba(178,234,209,.09),rgba(178,234,209,.03));border-color:#607f6e;color:var(--text)}.preset-icon{width:26px;height:29px;display:grid;place-items:center;color:#86998f;flex:none}.preset-icon svg{width:21px;height:21px;stroke-width:1.3}.preset-option.active .preset-icon{color:var(--mint)}.preset-option>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.preset-option strong{font-size:13px;font-weight:500;letter-spacing:-.012em}.preset-option small{font-size:13px;line-height:1.5;color:var(--muted)}.preset-radio{height:13px;width:13px;border:1px solid #475b51;border-radius:50%;margin-left:auto;display:grid;place-items:center;flex:none}.preset-option.active .preset-radio{border-color:#a5d4bc}.preset-option.active .preset-radio::after{content:"";height:5px;width:5px;border-radius:50%;background:var(--mint)}.noise-control{margin-top:22px;padding-top:16px;border-top:1px solid var(--line-subtle)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;color:var(--text-secondary);font-size:13px;line-height:1.5}.switch-input{appearance:none;-webkit-appearance:none;margin:0;width:28px;height:16px;border-radius:15px;background:#303b42;position:relative;cursor:pointer;flex:none;border:1px solid #445049;transition:background .16s}.switch-input::after{content:"";height:10px;width:10px;position:absolute;left:2px;top:2px;border-radius:50%;background:#87988f;transition:transform .16s,background .16s}.switch-input:checked{background:#405b4e;border-color:#577b67}.switch-input:checked::after{transform:translateX(12px);background:var(--mint)}.range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;font-size:13px;color:var(--muted)}.range-heading output{font-family:var(--mono);color:var(--mint);font-size:13px;letter-spacing:-.03em}.noise-control input[type=range]{height:34px}.range-extents{display:flex;justify-content:space-between;color:#73848b;font-size:13px;letter-spacing:.025em}.fine-tune{border-top:1px solid var(--line-subtle);border-bottom:1px solid var(--line-subtle);margin-top:24px}.fine-tune>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-size:13px;color:var(--text-secondary)}.fine-tune>summary svg{height:15px;width:15px;color:var(--muted)}.fine-tune-content{padding:0 0 16px;display:flex;flex-direction:column;gap:10px}.switch-row small,.select-setting small{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:3px}.select-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:var(--text-secondary);font-size:13px;line-height:1.5}.select-setting select{min-width:75px;font-size:13px}.settings-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;margin-top:20px;min-height:18px}.settings-status .live-dot{height:4px;width:4px;background:#769e89}.apply-button{width:100%;min-height:47px;margin-top:12px;font-size:13px}.apply-button svg{height:17px;width:17px;stroke-width:1.6}.reset-button{width:100%;font-size:13px;min-height:40px;padding:9px 4px}.processing-note{color:var(--muted);font-size:13px;line-height:1.8;text-align:center;margin-top:3px}.process-summary{font-size:13px;line-height:1.7;color:#a8c9b6;margin-top:10px}.process-summary:empty{display:none}.listening-tip{display:flex;gap:10px;border-top:1px solid var(--line-subtle);padding-top:20px;margin-top:23px}.listening-tip>svg{color:#6e8276;width:19px;height:19px;stroke-width:1.25;margin-top:1px}.listening-tip p{color:#778991;font-size:13px;line-height:1.8}.listening-tip strong{display:block;color:#a6b8b0;font-size:13px;font-weight:500;margin-bottom:2px}progress{appearance:none;width:100%;height:4px;margin-top:13px;border:0;border-radius:10px;overflow:hidden;background:#2c3d33;accent-color:var(--mint)}progress::-webkit-progress-bar{background:#2c3d33}progress::-webkit-progress-value{background:var(--mint);transition:width .16s}progress::-moz-progress-bar{background:var(--mint)}.is-busy .live-dot{animation:soft-pulse 1.2s ease-in-out infinite}.bottom-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;margin-top:22px;align-items:stretch}.markers-panel,.save-panel{padding:22px 24px 20px}.count-badge{display:grid;place-items:center;min-width:25px;height:23px;padding:3px 7px;background:#202b27;border:1px solid #34483d;border-radius:5px;color:#b3c8bb;font-family:var(--mono);font-size:13px}.bottom-title{font-size:21px;font-weight:400;letter-spacing:-.035em;line-height:1.35;margin-top:22px}.section-intro{font-size:13px;line-height:1.7;color:var(--muted);margin-top:8px}.marker-compose{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.marker-compose>input{flex:1;min-width:170px}.marker-compose .button{font-size:13px;min-height:43px;padding:10px 12px}.marker-compose .button svg{height:16px;width:16px}.markers-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0;max-height:265px;overflow-y:auto;scrollbar-color:#42554b #171c20;margin-top:16px}.markers-list:empty{display:none}.marker-item{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line-subtle);font-size:13px;line-height:1.65}.marker-time{border:1px solid #385043;background:#1b2a23;border-radius:4px;color:var(--mint);font-size:13px;font-family:var(--mono);font-variant-numeric:tabular-nums;padding:4px 7px;min-height:35px;flex:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.marker-text{flex:1;overflow-wrap:anywhere;color:var(--text-secondary);padding-top:6px;min-width:0}.marker-remove{border:0;background:transparent;color:#82918b;font-size:13px;min-height:35px;min-width:35px;padding:5px;flex:none}.marker-remove:hover{color:var(--danger)}.marker-empty{display:flex;align-items:center;justify-content:center;gap:13px;padding:39px 12px 35px;color:#52675c;margin-top:13px;min-height:148px;border:1px dashed #2e3a35;border-radius:7px}.marker-empty>svg{width:22px;height:22px;stroke-width:1.2}.marker-empty p{font-size:13px;color:#8c9c94}.marker-empty p>span{display:block;color:#677c72;font-size:13px;margin-top:5px;line-height:1.7}.observation-note{display:flex;gap:8px;font-size:13px;color:#6f8379;line-height:1.7;border-top:1px solid var(--line-subtle);padding-top:16px;margin-top:20px}.observation-note>span{color:#9ebcaa;font-size:15px;line-height:1}.save-fields{margin-top:23px;display:flex;flex-direction:column;gap:13px}.save-fields label{display:block;font-size:13px;color:var(--text-secondary);font-weight:500;line-height:1.5}.optional{font-size:13px;color:#75888f;font-weight:400;margin-left:5px}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}input[type=text],input[type=number],textarea{display:block;width:100%;background:#12171b;border:1px solid #354149;color:var(--text);padding:11px 12px;border-radius:6px;font-size:13px;line-height:1.6;min-height:43px;transition:border-color .15s;min-width:0}input[type=text]:hover,input[type=number]:hover,textarea:hover{border-color:#4b5c61}input::placeholder,textarea::placeholder{color:#647980;opacity:1}textarea{resize:vertical;min-height:67px;max-height:240px;font-weight:400}.save-fields input,.save-fields textarea{margin-top:6px}.export-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.export-options>label:first-child{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.export-options select{font-size:13px}.export-options .checkbox-label{font-size:13px}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.download-actions .button{padding:10px 8px;min-height:44px;font-size:13px;gap:7px}.download-actions .button svg{height:15px;width:15px}.download-actions .button-quiet{font-size:13px;border-color:transparent;min-height:36px}.export-explainer{font-size:13px;line-height:1.8;color:#7d8f97;margin-top:7px}.export-status{font-size:13px;line-height:1.8;color:var(--mint);margin-top:10px;overflow-wrap:anywhere}.export-status:empty{display:none}.cms-notice{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line-subtle);margin-top:15px;color:#788e83}.cms-notice svg{height:14px;width:14px;stroke-width:1.4}.cms-notice p{font-size:13px;line-height:1.6}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:27px 0 35px}.site-footer p{font-size:13px;letter-spacing:.045em;color:#60736a}.version-badge{font-family:var(--mono);font-size:13px;letter-spacing:.07em;color:#73847a;padding:4px 7px;border:1px solid #2a3730;border-radius:4px}.help-dialog{color:var(--text);width:min(720px,calc(100% - 36px));max-height:calc(100dvh - 64px);border:1px solid #3a4b42;border-radius:15px;background:#171d20;padding:31px;box-shadow:0 25px 100px #0008;overflow-y:auto;scrollbar-color:#536b5d #171d20}.help-dialog::backdrop{background:rgba(4,10,8,.82);backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin-top:12px}.icon-button{height:44px;width:44px;flex:none;padding:10px;background:#202a25;border:1px solid #33473c;color:var(--text-secondary)}.icon-button:hover{color:var(--mint);border-color:#6e9580}.help-lede{font-size:13px;line-height:1.8;color:var(--muted);margin-top:19px}.help-steps{display:flex;flex-direction:column;list-style:none;padding:0;gap:22px;margin:29px 0}.help-steps li{display:flex;gap:15px;align-items:flex-start}.help-steps li>span{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:5px;border:1px solid #3f5749;background:#1e2e25;color:var(--mint);font-family:var(--mono);font-size:13px}.help-steps strong{font-size:13px;font-weight:500}.help-steps p,.help-glossary p,.help-section p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:5px}.help-glossary{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;border:1px solid #354039;border-radius:8px;background:#131b17;margin-top:25px}.help-glossary h3,.help-section h3{font-size:13px;font-weight:500;color:var(--text-secondary)}.help-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.help-section p strong{color:var(--text-secondary);font-weight:500}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#22382b;border:1px solid #557b62;border-radius:8px;box-shadow:0 12px 38px #0006;color:var(--text);font-size:13px;line-height:1.6;max-width:calc(100% - 40px);padding:12px 18px;z-index:70}.toast.error{background:#382721;border-color:#775745;color:#f2d4c7}.loaded .drop-zone{border-style:solid;border-color:#334c3f;background:linear-gradient(110deg,rgba(178,234,209,.04),rgba(178,234,209,.01))}.loaded .file-icon{color:#9ecab2}.loaded canvas{background-image:none}.is-busy .apply-button{cursor:progress}.is-busy .settings-status .live-dot{background:var(--amber)}@keyframes soft-pulse{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:1500px){.app-shell{padding:0 48px}.work-grid{grid-template-columns:minmax(0,1fr) 352px}.drop-zone{padding:24px}.cleanup-panel{padding:23px 25px 25px}}
@media(max-width:1240px){.app-shell{padding:0 30px}.work-grid{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.cleanup-panel{padding:21px 19px}.drop-zone{padding:18px 15px;gap:10px}.file-icon{width:29px}.file-intro{gap:9px}.file-copy h3{font-size:13px}.file-copy>p{font-size:13px}.upload-actions .button-primary,.upload-actions .button-secondary{font-size:13px;padding:10px 11px}.transport-main{gap:10px}.transport-options{gap:16px}.time-display>#time{font-size:14px}.time-display>#time-total{font-size:13px}.source-switch button{padding:7px 9px}.compact-button>span{display:none}.compact-button{padding:9px 5px;min-width:29px}.skip-button{padding:8px 5px;min-width:29px}.playback-buttons{gap:3px}.source-switch{margin-left:auto}.bottom-grid{gap:18px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.markers-panel,.save-panel{padding:21px 20px}.download-actions .button{font-size:13px;gap:5px}.selection-disclosure>summary>span>span{display:none}.preset-option small{font-size:13px}.cleanup-title{font-size:24px}.volume-control{width:94px}}
@media(max-width:1060px){.app-shell{padding:0 24px}.work-grid{grid-template-columns:minmax(0,1fr) 288px;gap:16px}.analysis-heading{padding:19px}.drop-zone{margin:0 18px 20px;flex-direction:column;align-items:stretch;padding:17px}.file-intro{gap:11px}.file-copy h3{font-size:14px}.upload-actions{flex-direction:row;align-items:center;gap:13px;padding-left:40px}.upload-actions .button-text{min-height:42px}.transport{padding:16px 18px}.transport-main{gap:8px}.play-button{min-width:61px;font-size:13px;padding:10px 7px}.source-switch button{padding:6px 8px;font-size:13px;min-height:34px}.transport-options{gap:13px}.volume-control{width:86px}.volume-control input{max-width:60px}.time-display{gap:5px}.time-display>#time{font-size:13px}.time-display>#time-total{font-size:13px}.visuals-toolbar{padding:0 19px 12px}.frequency-control>span{display:none}.visuals{padding:14px 18px 0}.visuals-caption{padding:10px 19px;font-size:13px}.selection-disclosure>summary{padding:15px 19px}.bottom-grid{gap:16px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.marker-compose .button{width:100%}.marker-empty{padding:28px 14px}.marker-empty p{font-size:13px}.marker-empty p>span{font-size:13px}.download-actions .button svg{display:none}.header-actions{gap:22px}.cleanup-title{font-size:23px}.cleanup-panel{padding:20px 17px}.preset-option{gap:8px;padding:11px 9px}.preset-option strong{font-size:13px}.preset-icon{width:23px}.switch-row{font-size:13px}.cleanup-intro{font-size:13px}}
@media(max-width:900px){.app-shell{max-width:780px}.site-header{height:91px}.page-heading{padding:31px 0 25px}.page-heading h1{font-size:43px}.page-intro{font-size:13px}.workspace-status{font-size:13px;max-width:190px}.work-grid{grid-template-columns:1fr;gap:18px}.analysis-heading{padding:20px 23px}.drop-zone{margin:0 22px 22px;flex-direction:row;align-items:center;gap:18px;padding:21px}.upload-actions{flex-direction:column;padding-left:0;gap:1px}.upload-actions .button-primary,.upload-actions .button-secondary{font-size:13px}.upload-actions .button-text{min-height:31px}.file-icon{width:36px}.file-intro{gap:12px}.file-copy h3{font-size:15px}.file-copy>p{font-size:13px}.frequency-control>span{display:inline}.visuals-toolbar{padding:0 23px 14px}.visuals{padding:14px 22px 0}.visuals-caption{padding:10px 23px;font-size:13px}.transport{padding:18px 22px 16px}.transport-main{gap:16px}.play-button{min-width:79px;font-size:13px;padding:10px 11px}.playback-buttons{gap:5px}.compact-button{padding:9px 8px}.compact-button>span{display:inline}.skip-button{padding:8px;min-width:37px}.time-display{gap:6px}.time-display>#time{font-size:15px}.time-display>#time-total{font-size:13px}.source-switch button{min-height:36px;padding:7px 12px;font-size:13px}.transport-options{gap:23px}.volume-control{width:115px}.volume-control input{max-width:none}.selection-disclosure>summary{padding:17px 23px}.selection-disclosure>summary>span>span{display:inline}.cleanup-panel{padding:23px}.cleanup-title{margin-top:19px;font-size:25px}.cleanup-intro{font-size:13px}.cleanup-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.cleanup-main{min-width:0}.cleanup-actions{padding-top:24px}.preset-grid{margin-top:22px}.preset-option{gap:11px;padding:12px}.preset-option strong{font-size:13px}.preset-option small{font-size:13px}.preset-icon{width:26px}.switch-row{font-size:13px}.settings-status{margin-top:0}.apply-button{margin-top:15px;min-height:49px}.listening-tip{margin-top:27px;padding-top:23px}.listening-tip p{font-size:13px}.listening-tip strong{font-size:13px}.processing-note{font-size:13px}.bottom-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.markers-panel,.save-panel{padding:23px}.marker-compose{flex-wrap:nowrap}.marker-compose .button{width:auto;font-size:13px}.marker-empty{min-height:127px;margin-top:18px;padding:25px 15px}.marker-empty p{font-size:13px}.marker-empty p>span{font-size:13px}.observation-note{font-size:13px}.fields-two{gap:18px}.save-fields{gap:15px}.save-fields label{font-size:13px}.download-actions .button{font-size:13px}.download-actions .button svg{display:inline;width:16px;height:16px}.download-actions .button-quiet{font-size:13px}.export-explainer{font-size:13px}.cms-notice p{font-size:13px}.site-footer{padding-bottom:30px}}
@media(max-width:600px){.app-shell{padding:0 16px}.site-header{height:83px;gap:12px}.brand{gap:10px}.brand-mark{width:37px;height:40px;font-size:18px}.brand-copy>span{font-size:13px;letter-spacing:.15em}.brand-copy strong{font-size:13px;letter-spacing:.17em}.header-actions{gap:0}.local-label{display:none}.help-button{font-size:13px;gap:6px;min-height:44px}.help-button svg{width:15px;height:15px}.page-heading{padding:28px 0 22px;display:block}.page-heading .eyebrow{font-size:13px;letter-spacing:.14em;margin-bottom:9px}.page-heading h1{font-size:40px;letter-spacing:-.05em}.page-intro{max-width:310px;font-size:13px;line-height:1.75;margin-top:11px}.workspace-status{text-align:left;max-width:none;padding:0;margin-top:15px;font-size:13px;color:#99afa3}.panel{border-radius:11px}.work-grid{gap:16px}.analysis-heading{padding:18px 16px 16px}.section-label{font-size:13px;letter-spacing:.09em}.section-label>span{font-size:13px;margin-right:8px}.small-badge{font-size:13px;padding:4px 5px;letter-spacing:.06em}.drop-zone{margin:0 15px 20px;padding:17px 15px;flex-direction:column;align-items:stretch;gap:16px}.file-intro{gap:12px}.file-icon{width:31px;height:39px}.file-icon svg{height:29px;width:29px}.file-copy h3{font-size:14px}.file-copy>p{font-size:13px;line-height:1.7}.upload-actions{flex-direction:row;align-items:center;gap:11px;padding-left:0;justify-content:space-between}.upload-actions .button-primary,.upload-actions .button-secondary{font-size:13px;min-height:44px;padding:11px 13px}.upload-actions .button-text{font-size:13px;min-height:44px}.visuals-toolbar{padding:0 16px 12px;gap:8px}.signal-label{font-size:13px;gap:6px;letter-spacing:.09em}.signal-label output{font-size:13px}.frequency-control>span{display:none}.frequency-control select{min-height:38px;min-width:69px;font-size:13px}.visuals{padding:13px 15px 0}.view-heading{font-size:13px;letter-spacing:.11em;gap:8px}.view-heading>span:last-child{font-size:13px}.canvas-frame{padding-left:23px}.amplitude-axis{font-size:13px}.frequency-axis{font-size:13px;left:-4px;width:26px}.view-heading.spectrum-heading{padding-top:11px;margin-top:6px}#waveform{height:110px}#spectrogram{height:220px}.visual-empty{inset:14px 15px 12px 31px}.empty-focus{margin-bottom:14px}.visual-empty strong{font-size:15px}.visual-empty p{font-size:13px;line-height:1.8}.empty-caption{font-size:13px;letter-spacing:.13em;margin-top:18px}.visuals-caption{padding:10px 16px;font-size:13px;line-height:1.7;gap:9px}.visuals-caption>span{font-size:13px}.transport{padding:16px 15px}.transport-main{gap:12px;display:grid;grid-template-columns:auto 1fr;align-items:center}.playback-buttons{gap:4px}.play-button{font-size:13px;min-width:68px;padding:10px 8px;min-height:46px}.compact-button>span{display:none}.compact-button{padding:9px 7px;min-height:44px}.skip-button{min-width:35px;min-height:44px;padding:8px 6px;font-size:13px}.time-display{justify-content:flex-end;gap:5px}.time-display>#time{font-size:15px}.time-display>#time-total{font-size:13px}.source-switch{grid-column:1 / -1;margin-left:0;display:grid;grid-template-columns:1fr 1fr}.source-switch button{min-height:38px;padding:8px 12px;font-size:13px}.transport-options{gap:10px 15px;justify-content:flex-start;margin-top:13px;padding-top:11px}.speed-control{gap:7px;font-size:13px}.speed-control select{min-height:44px;min-width:66px;font-size:13px}.checkbox-label{font-size:13px;min-height:44px;gap:7px}.checkbox-label input[type=checkbox]{width:15px;height:15px}.volume-control{width:100%;margin-left:0;min-height:33px;gap:12px;padding-right:3px}.volume-control>svg{width:16px;height:16px}.volume-control input[type=range]{height:32px}.volume-control input[type=range]::-webkit-slider-thumb{height:11px;width:11px;margin-top:-4px}.selection-disclosure>summary{padding:16px;gap:12px;min-height:61px}.selection-disclosure>summary>span{display:block}.selection-disclosure>summary strong{font-size:13px}.selection-disclosure>summary>span>span{display:block;margin-top:3px;font-size:13px}.selection-content{padding:0 16px 20px}.selection-inputs{gap:10px;grid-template-columns:1fr 1fr}.selection-inputs>.button{grid-column:1 / -1;min-height:40px;font-size:13px}.selection-inputs>label{font-size:13px}.selection-options{gap:4px}.selection-zoom{gap:7px;width:100%}.selection-zoom .button{flex:1;font-size:13px;min-height:44px;padding:8px 6px}.selection-info{font-size:13px;margin-top:9px}.noise-learning p{font-size:13px}.noise-actions{gap:4px}.noise-actions .button-secondary{font-size:13px;flex:1;white-space:normal}.noise-actions .button-text{font-size:13px;min-width:45px}.cleanup-panel{padding:20px 19px}.cleanup-title{font-size:25px;margin-top:19px}.cleanup-intro{font-size:13px}.cleanup-inner{display:block}.preset-grid{margin-top:20px;gap:9px}.preset-option{min-height:71px;padding:12px 14px}.preset-option strong{font-size:13px}.preset-option small{font-size:13px}.preset-icon{margin-right:3px}.noise-control{margin-top:20px;padding-top:15px}.switch-row{font-size:13px;min-height:44px}.range-heading{font-size:13px;margin-top:12px}.noise-control input[type=range]{height:40px}.range-extents{font-size:13px}.fine-tune{margin-top:22px}.fine-tune>summary{min-height:55px;font-size:13px}.fine-tune-content{gap:12px}.switch-row small,.select-setting small{font-size:13px}.select-setting{font-size:13px}.select-setting select{min-height:44px}.cleanup-actions{padding-top:22px}.settings-status{font-size:13px}.apply-button{min-height:49px;font-size:13px;margin-top:13px}.reset-button{min-height:44px;font-size:13px}.processing-note{font-size:13px;max-width:265px;margin-left:auto;margin-right:auto}.listening-tip{margin-top:19px;padding-top:19px;gap:12px}.listening-tip p{font-size:13px}.listening-tip strong{font-size:13px}.bottom-grid{gap:16px;margin-top:16px}.markers-panel,.save-panel{padding:20px 19px}.bottom-title{font-size:22px;margin-top:21px}.section-intro{font-size:13px;line-height:1.8;margin-top:9px}.marker-compose{flex-wrap:wrap;margin-top:19px}.marker-compose>input{flex:1 0 100%;min-height:46px;font-size:13px}.marker-compose .button{width:100%;min-height:44px;font-size:13px}.marker-empty{padding:25px 12px;margin-top:17px;gap:11px;min-height:123px}.marker-empty p{font-size:13px}.marker-empty p>span{font-size:13px}.marker-empty>svg{height:20px;width:20px}.observation-note{font-size:13px;margin-top:17px;padding-top:14px}.marker-item{gap:8px;font-size:13px}.marker-time{min-height:44px;font-size:13px;padding:5px}.marker-remove{min-height:44px;min-width:40px;font-size:13px}.marker-text{padding-top:8px}.fields-two{grid-template-columns:1fr;gap:13px}.save-fields{margin-top:22px;gap:13px}.save-fields label{font-size:13px}.save-fields input{min-height:46px}.save-fields textarea{min-height:80px;font-size:13px}.export-options{gap:8px;margin-top:14px}.export-options>label:first-child{width:100%;justify-content:space-between;font-size:13px}.export-options select{min-height:44px;min-width:173px;font-size:13px}.export-options .checkbox-label{font-size:13px}.download-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.download-actions .button{font-size:13px;min-height:46px;padding:12px 9px;gap:9px}.download-actions .button-primary{order:0}.download-actions #download-package{order:1}.download-actions #download-original{order:2}.download-actions #download-report{order:3}.download-actions .button-quiet{font-size:13px;min-height:44px;border-color:var(--line-subtle)}.export-explainer{font-size:13px;line-height:1.8;margin-top:14px}.cms-notice{gap:9px;align-items:flex-start;margin-top:16px;padding-top:15px}.cms-notice p{font-size:13px;line-height:1.7}.cms-notice svg{margin-top:1px}.site-footer{padding:23px 0 29px;gap:12px}.site-footer p{font-size:13px;letter-spacing:0}.version-badge{font-size:13px;letter-spacing:.02em;padding:4px 6px}.help-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 28px);padding:21px 19px;border-radius:12px}.dialog-heading{gap:12px}.dialog-heading .eyebrow{font-size:13px;letter-spacing:.1em}.dialog-heading h2{font-size:23px;line-height:1.2;margin-top:10px}.icon-button{height:40px;width:40px;min-height:40px;padding:8px}.help-lede{font-size:13px;line-height:1.9;margin-top:19px}.help-steps{gap:23px;margin:26px 0}.help-steps li{gap:12px}.help-steps strong{font-size:13px}.help-steps p,.help-glossary p,.help-section p{font-size:13px;line-height:1.9}.help-steps li>span{height:29px;width:29px;font-size:13px}.help-glossary{grid-template-columns:1fr;gap:17px;padding:16px}.help-glossary h3,.help-section h3{font-size:13px}.help-section{margin-top:22px;padding-top:18px}}
@media(max-width:359px){.app-shell{padding:0 11px}.brand-copy>span{font-size:13px}.brand-copy strong{font-size:13px}.help-button{font-size:13px;gap:4px}.help-button svg{height:14px;width:14px}.brand{gap:8px}.brand-mark{width:34px;height:38px}.page-heading h1{font-size:37px}.page-intro{font-size:13px}.upload-actions{gap:7px}.upload-actions .button-primary,.upload-actions .button-secondary{font-size:13px;padding:10px}.upload-actions .button-text{font-size:13px;padding-left:0;padding-right:0}.file-copy h3{font-size:13px}.file-copy>p{font-size:13px}.file-intro{gap:8px}.file-icon{width:26px}.time-display>#time{font-size:13px}.time-display>#time-total{font-size:13px}.transport-main{gap:8px}.transport-options{gap:8px 12px}.transport-options .checkbox-label{font-size:13px}.play-button{min-width:60px;font-size:13px}.skip-button{min-width:29px;font-size:13px}.compact-button{padding:9px 5px}.bottom-title{font-size:20px}.small-badge{font-size:13px}.visual-empty strong{font-size:14px}.empty-caption{font-size:13px}.section-label{font-size:13px}.source-switch button{font-size:13px}.site-footer p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


/* Readable type, clear control boundaries, and generous touch targets. */
:root {
  --muted: #95a3a8;
}
.workspace-status {
  min-height: 24px;
  font-size: 13px;
  max-width: 360px;
}
.workspace-status.error { color: var(--danger); }
.page-intro { font-size: 14px; }
.eyebrow, .local-label, .brand-copy > span { font-size: 10px; }
.section-label, .section-label > span { font-size: 11px; }
.small-badge, .version-badge { font-size: 10px; }
.brand-copy strong { font-size: 16px; }
.button, .source-switch button, .selection-zoom .button,
.marker-time, .marker-remove, .upload-actions .button,
.download-actions .button, .reset-button, .icon-button {
  min-height: 44px;
  font-size: 13px;
}
.button { white-space: normal; }
.help-button { white-space: nowrap; }
.button-quiet, .button-secondary { border-color: #53646c; }
.button-text, .compact-button, .skip-button, .help-button {
  border-color: transparent;
}
.drop-zone { flex-direction: row; flex-wrap: wrap; align-items: center; }
.file-intro { flex: 1 1 240px; min-width: 0; }
.file-copy h3 { font-size: 16px; }
.file-copy > p, .file-copy > p.sample-note { font-size: 13px; }
.upload-actions { flex: 0 1 auto; max-width: 100%; padding-left: 0; }
.upload-actions .button-primary, .upload-actions .button-secondary {
  padding: 11px 15px;
}
.visuals-toolbar { flex-wrap: wrap; gap: 10px 16px; }
.signal-label { min-height: 36px; font-size: 10px; }
.signal-label output { font-size: 13px; }
.signal-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-left: auto;
}
.frequency-control { gap: 8px; font-size: 13px; }
.frequency-control > span { font-size: 13px; }
.frequency-control select, .speed-control select, select {
  min-height: 44px;
  font-size: 13px;
}
.channel-control select { min-width: 116px; }
.frequency-control:not(.channel-control) select { min-width: 78px; }
.view-heading, .view-heading > span:last-child { font-size: 10px; }
.view-heading > span:last-child, .frequency-axis, .amplitude-axis,
.visuals-caption, .empty-caption, .visual-empty p,
.source-switch button, .time-display > #time-total,
.selection-disclosure > summary > span > span, .range-extents,
.listening-tip p, .marker-empty p > span, .observation-note,
.export-explainer, .cms-notice, .site-footer p, .version-badge,
.optional { color: var(--muted); }
.frequency-axis, .amplitude-axis { font-size: 10px; }
.canvas-frame { padding-left: 33px; }
.frequency-axis { width: 32px; left: -3px; }
.visual-empty strong { font-size: 20px; }
.visual-empty p { font-size: 13px; }
.empty-caption { font-size: 10px; }
.visuals-caption { font-size: 12px; align-items: flex-start; }
.visuals-caption > span { font-size: 10px; margin-top: 2px; }
.transport-main { display: flex; flex-wrap: wrap; gap: 12px; }
.playback-buttons { gap: 5px; }
.play-button { min-width: 78px; }
.compact-button, .skip-button { min-width: 44px; }
.time-display > #time { font-size: 18px; }
.time-display > #time-total { font-size: 13px; }
.source-switch button { min-width: 87px; padding: 8px 13px; }
.transport-options { gap: 10px 17px; }
.speed-control, .checkbox-label { font-size: 13px; min-height: 44px; }
.volume-control { min-height: 44px; min-width: 100px; }
input[type=range] { min-height: 44px; }
.checkbox-label input[type=checkbox] {
  width: 17px;
  height: 17px;
  border-color: #81968c;
}
.selection-disclosure > summary strong { font-size: 14px; }
.selection-disclosure > summary > span > span { font-size: 13px; }
.selection-disclosure > summary > span {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3px 12px;
}
.selection-inputs > label, .selection-info,
.noise-learning p, .noise-learning strong,
.noise-learning .noise-profile, .noise-actions .button { font-size: 13px; }
.noise-learning strong { color: var(--text-secondary); }
.noise-actions { gap: 9px; }
.cleanup-intro, .preset-option small, .switch-row, .range-heading,
.fine-tune > summary, .select-setting,
.switch-row small, .select-setting small,
.processing-note, .process-summary,
.listening-tip p, .listening-tip strong { font-size: 13px; }
.preset-option { min-height: 83px; }
.preset-option strong { font-size: 14px; }
.preset-option small { line-height: 1.55; }
.preset-option > span:nth-child(2) { min-width: 0; }
.preset-radio { margin-left: auto; }
.switch-input {
  width: 36px;
  height: 22px;
  border-color: #657a6e;
}
.switch-input::after { width: 14px; height: 14px; left: 3px; top: 3px; }
.switch-input:checked::after { transform: translateX(14px); }
.range-heading output { font-size: 14px; }
.range-extents, .settings-status { font-size: 12px; }
.range-extents { margin-top: 1px; }
.apply-button { min-height: 48px; font-size: 14px; }
.processing-note, .process-summary { line-height: 1.8; }
.listening-tip { gap: 11px; }
.listening-tip strong { margin-bottom: 5px; }
.section-intro, .marker-compose .button,
.marker-item, .marker-empty p > span, .observation-note,
.save-fields label, .optional, .export-options > label:first-child,
.export-options .checkbox-label, .export-options select,
.export-explainer, .export-status, .cms-notice p { font-size: 13px; }
.marker-empty p { font-size: 14px; }
.marker-empty { min-height: 152px; }
.marker-empty p > span { line-height: 1.75; }
.marker-time { padding: 6px 9px; }
.marker-remove { min-width: 44px; }
.marker-compose > input { flex-basis: 210px; }
input[type=text], input[type=number], textarea {
  font-size: 14px;
  min-height: 44px;
  border-color: #586c76;
}
select { border-color: #586c76; }
input::placeholder, textarea::placeholder { color: #91a3ab; }
input[type=number] { padding-right: 44px !important; }
.input-unit > span { font-size: 12px; }
.download-actions .button { font-size: 13px; }
.download-actions .button-quiet { border-color: #354149; }
.download-actions .button svg { display: inline; }
.export-options { gap: 8px 18px; }
.export-options .checkbox-label { min-height: 44px; }
.export-explainer, .cms-notice p { line-height: 1.75; }
.site-footer p { font-size: 12px; letter-spacing: 0; }
.help-lede, .help-steps p, .help-glossary p, .help-section p {
  font-size: 14px;
  line-height: 1.8;
}
.help-steps strong, .help-glossary h3, .help-section h3 { font-size: 15px; }
.help-steps li > span { font-size: 11px; }
.help-dialog .eyebrow { font-size: 10px; }

@media (max-width: 1240px) {
  .drop-zone { gap: 15px; }
  .file-intro { flex-basis: 240px; }
  .frequency-control > span { display: none; }
  .source-switch { margin-left: 0; }
  .transport-main { justify-content: space-between; }
  .source-switch { flex: 1 1 100%; }
  .source-switch button { flex: 1; }
  .volume-control { width: 110px; }
  .volume-control input { max-width: none; }
  .selection-disclosure > summary > span > span { display: none; }
  .cleanup-panel .preset-option { gap: 8px; }
  .preset-icon { width: 22px; }
  .preset-option strong { font-size: 13px; }
  .marker-compose { flex-wrap: wrap; }
  .marker-compose > input { flex-basis: 100%; }
  .marker-compose .button { width: 100%; }
}

@media (min-width: 601px) and (max-width: 900px) {
  .frequency-control > span { display: inline; }
  .transport-main { justify-content: flex-start; }
  .source-switch { margin-left: auto; flex: 0 1 auto; }
  .source-switch button { flex: initial; }
  .selection-disclosure > summary > span > span { display: block; }
  .marker-compose { flex-wrap: nowrap; }
  .marker-compose > input { flex-basis: 210px; }
  .marker-compose .button { width: auto; }
}

@media (max-width: 600px) {
  .brand-copy > span { font-size: 10px; letter-spacing: .1em; }
  .brand-copy strong { font-size: 14px; }
  .help-button { font-size: 13px; }
  .page-intro { font-size: 14px; }
  .workspace-status { font-size: 13px; }
  .page-heading .eyebrow { font-size: 10px; }
  .section-label, .section-label > span { font-size: 11px; }
  .small-badge { font-size: 10px; }
  .drop-zone { flex-direction: row; gap: 14px; padding: 18px 14px; }
  .file-intro { flex: 1 1 100%; }
  .file-copy h3 { font-size: 16px; }
  .file-copy > p { font-size: 13px; }
  .upload-actions { flex: 1 1 100%; flex-direction: row; flex-wrap: wrap; gap: 7px 12px; }
  .upload-actions .button { font-size: 13px; }
  .upload-actions .button-primary, .upload-actions .button-secondary { flex: 1 1 auto; }
  .upload-actions .button-text { flex: 1 1 auto; }
  .signal-label { min-height: 24px; font-size: 10px; }
  .signal-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 12px;
    margin: 0;
  }
  .frequency-control { display: block; min-width: 0; }
  .frequency-control > span { display: block; font-size: 13px; margin-bottom: 6px; }
  .frequency-control select { width: 100%; min-width: 0; min-height: 44px; }
  .visuals-toolbar { padding-top: 0; padding-bottom: 15px; gap: 9px; }
  .view-heading, .view-heading > span:last-child { font-size: 10px; }
  .view-heading > span:last-child { text-align: right; }
  .frequency-axis, .amplitude-axis { font-size: 10px; }
  .visual-empty strong { font-size: 18px; }
  .visual-empty p { font-size: 13px; }
  .empty-caption { font-size: 10px; max-width: 210px; line-height: 1.6; }
  .visuals-caption { font-size: 12px; }
  .transport-main { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 8px; }
  .play-button { min-width: 71px; }
  .compact-button, .skip-button { min-width: 44px; }
  .time-display { margin-left: auto; gap: 5px; }
  .time-display > #time { font-size: 16px; }
  .time-display > #time-total { font-size: 13px; }
  .source-switch { flex: 1 1 100%; margin-left: 0; display: flex; }
  .source-switch button { min-height: 44px; font-size: 14px; flex: 1; }
  .transport-options { gap: 9px 16px; }
  .speed-control, .checkbox-label { min-height: 44px; font-size: 13px; }
  .speed-control select { min-width: 85px; }
  .volume-control { width: 100%; }
  .volume-control input[type=range] { min-height: 44px; }
  .selection-disclosure > summary strong { font-size: 14px; }
  .selection-disclosure > summary > span > span { display: block; font-size: 13px; line-height: 1.6; }
  .selection-inputs > label { font-size: 13px; }
  .selection-zoom { flex-wrap: wrap; }
  .selection-zoom .button { flex-basis: 130px; font-size: 13px; }
  .selection-info, .noise-learning p, .noise-learning strong,
  .noise-actions .button-secondary, .noise-actions .button-text { font-size: 13px; }
  .noise-actions .button-secondary { min-width: 160px; }
  .preset-option { min-height: 83px; }
  .preset-option strong { font-size: 14px; }
  .preset-option small, .cleanup-intro, .switch-row,
  .fine-tune > summary, .switch-row small, .select-setting small,
  .select-setting, .processing-note, .listening-tip p,
  .listening-tip strong { font-size: 13px; }
  .range-heading { font-size: 13px; }
  .range-extents, .settings-status { font-size: 12px; }
  .processing-note { max-width: 100%; }
  .bottom-title { font-size: 23px; }
  .section-intro, .marker-compose .button, .marker-empty p > span,
  .observation-note, .save-fields label, .export-options > label:first-child,
  .export-options .checkbox-label, .export-options select,
  .export-explainer, .cms-notice p { font-size: 13px; }
  .marker-item { font-size: 13px; }
  .marker-time, .marker-remove { font-size: 13px; }
  .marker-time { padding: 7px; }
  .marker-empty p { font-size: 14px; }
  input[type=text], input[type=number], textarea, select,
  .save-fields textarea, .marker-compose > input,
  .frequency-control select, .speed-control select,
  .select-setting select, .export-options select { font-size: 16px; }
  .export-options > label:first-child { align-items: flex-start; flex-direction: column; gap: 6px; }
  .export-options select { width: 100%; min-width: 0; }
  .download-actions .button, .download-actions .button-quiet { font-size: 14px; }
  .site-footer { flex-wrap: wrap; }
  .site-footer p { font-size: 11px; }
  .version-badge { font-size: 10px; }
  .help-dialog .eyebrow { font-size: 10px; }
  .help-lede, .help-steps p, .help-glossary p, .help-section p { font-size: 14px; }
  .help-steps strong, .help-glossary h3, .help-section h3 { font-size: 15px; }
}

@media (max-width: 380px) {
  .header-actions .help-button { font-size: 13px; }
  .header-actions .help-button svg { display: none; }
  .brand-copy > span { font-size: 10px; letter-spacing: .05em; }
  .brand-copy strong { font-size: 14px; }
  .analysis-heading .small-badge, .save-panel .small-badge { display: none; }
  .transport-main .time-display { width: 100%; justify-content: flex-start; margin-top: 1px; }
  .marker-item { flex-wrap: wrap; }
  .marker-text { flex-basis: calc(100% - 115px); }
}

.download-ready {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-top: 10px;
  padding: 11px 13px;
  border: 1px solid #608570;
  border-radius: 6px;
  background: var(--mint-dim);
  color: var(--mint);
  overflow-wrap: anywhere;
  text-underline-offset: 3px;
}
.mobile-cleanup-link { display: none; }
#cleanup-heading { scroll-margin-top: 24px; }
@media (max-width: 600px) {
  .loaded .mobile-cleanup-link {
    display: flex;
    flex-basis: 100%;
    margin-top: 3px;
    color: var(--mint);
    border-color: #608570;
  }
}