:root{--bg:#f5f0e8;--bg-elevated:#ede8e0;--bg-elevated-2:#e3ddd3;--border:#d5d0c8;--line:#8a847a;--text:#1a1a1a;--text-dim:#5f5b54;--accent:#ff6b2b;--accent-hover:#ff7d45;--accent-active:#f05a17;--accent-ink:#a8390c;--on-accent:#1a1a1a;--focus:#1a1a1a;--success:#25702f;--danger:#b71c1c;--warning:var(--accent-ink);--trim-dim:#a8a0948c;--backdrop:#1a1a1a59;--radius:2px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--fs-label:.6875rem;--fs-title:.8125rem;--fs-body:.875rem;--fs-readout:.8125rem;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-variant-numeric:tabular-nums;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1c1b19;--bg-elevated:#262421;--bg-elevated-2:#302e2a;--border:#3d3a35;--line:#7a746a;--text:#ece7df;--text-dim:#a39d93;--accent-hover:#ff8350;--accent-ink:#ff8a50;--focus:#ece7df;--success:#66bb6a;--danger:#ef5350;--trim-dim:#0a090899;--backdrop:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100vh;font-size:var(--fs-body);margin:0}a{color:var(--accent-ink)}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#app{max-width:1100px;padding:var(--s5) var(--s4) 64px;gap:var(--s4);flex-direction:column;margin:0 auto;display:flex;position:relative}h1,h2,h3,th,label,button,.wave-label{text-transform:uppercase;letter-spacing:.08em}h2,h3{font-size:var(--fs-title);margin:0 0 var(--s3);font-weight:700}p{margin:0 0 var(--s2)}button{font:inherit;font-size:var(--fs-label);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2) var(--s3);cursor:pointer;min-height:32px;color:var(--text);background:0 0;font-weight:600}button:hover{background:var(--bg-elevated-2);border-color:var(--text)}button:active{background:var(--border)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{border-color:var(--line);background:0 0}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-size:var(--fs-body);min-height:44px;padding:var(--s3) var(--s5);font-weight:700}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.primary:active:not(:disabled){background:var(--accent-active);border-color:var(--accent-active)}button.active{background:var(--text);border-color:var(--text);color:var(--bg)}button.active:hover{background:var(--text)}button.danger{border-color:var(--danger);color:var(--danger)}button.icon-button{min-width:32px;padding:0 var(--s2);color:var(--text-dim);border-color:#0000}button.icon-button:hover{color:var(--danger);background:0 0;border-color:#0000}.app-header{justify-content:space-between;align-items:baseline;gap:var(--s3);border-bottom:2px solid var(--text);padding-bottom:var(--s3);display:flex}.app-header h1{letter-spacing:.18em;margin:0;font-size:1.125rem;font-weight:800}.app-header h1:after{content:"";width:var(--s2);height:var(--s2);margin-left:var(--s2);background:var(--accent);vertical-align:middle;display:inline-block}.layout{gap:var(--s4);align-items:flex-start;display:flex}.main-column{gap:var(--s4);flex-direction:column;flex:1;min-width:0;display:flex}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4)}.panel-header{justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.panel-header h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel>div[style*=display\:flex]{flex-wrap:wrap;gap:var(--s2)!important;margin-top:var(--s3)!important}.readout{font-family:var(--mono);font-size:var(--fs-readout);font-variant-numeric:tabular-nums;letter-spacing:0}.muted{color:var(--text-dim);font-size:.75rem}.drop-zone{border:1px dashed var(--line);border-radius:var(--radius);padding:var(--s5) var(--s4);text-align:center;color:var(--text-dim);cursor:pointer;transition:border-color .15s,background-color .15s}.drop-zone:hover{border-color:var(--text)}.drop-zone p{margin:0 0 var(--s2)}.drop-zone button{margin-top:var(--s2)}.drop-zone.drag-over{border-color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text);border-style:solid}.panel:has(.file-table thead) .drop-zone{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);text-align:left;display:flex}.panel:has(.file-table thead) .drop-zone p{margin:0}.panel:has(.file-table thead) .drop-zone .muted{display:none}.panel:has(.file-table thead) .drop-zone button{margin:0}.preset-field{margin-bottom:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.settings-grid{gap:var(--s4) var(--s5);grid-template-columns:1fr 1fr;display:grid}.settings-grid+.settings-grid{padding-top:var(--s4);border-top:1px solid var(--border);margin-top:var(--s4)!important}.field{gap:var(--s1);flex-direction:column;display:flex}.field label,.wave-label,.file-table th{font-size:var(--fs-label);color:var(--text-dim);font-weight:600}.field input[type=number],.field select{font:inherit;font-family:var(--mono);font-size:var(--fs-readout);background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s1) var(--s2);min-height:32px}.field input[type=number]{text-align:right}.field input:disabled,.field select:disabled{opacity:.4;cursor:not-allowed}.slider-row{align-items:center;gap:var(--s3);display:flex}.slider-row .readout{text-align:right;min-width:10ch}input[type=range]{appearance:none;background:0 0;flex:1;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);height:2px}input[type=range]::-moz-range-track{background:var(--line);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:none;border-radius:0;width:12px;height:16px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:0;width:12px;height:16px}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:2px}input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--focus);outline-offset:2px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;margin:0}.checkbox-row{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.checkbox-row label{font-size:.75rem;font-weight:600}.checkbox-row small{padding-left:var(--s5);color:var(--text-dim);flex-basis:100%;font-size:.75rem}.checkbox-row:has(input:disabled){opacity:.55;cursor:not-allowed}.checkbox-row:has(input:disabled) label{text-decoration:line-through;text-decoration-thickness:1px}.file-table{border-collapse:collapse;width:100%;font-size:var(--fs-readout);margin-top:var(--s3)}.file-table th,.file-table td{text-align:left;padding:var(--s1) var(--s2);border-bottom:1px solid var(--border)}.file-table th:nth-child(2),.file-table .size-cell{text-align:right}.file-table td:first-child{overflow-wrap:anywhere}.file-table tbody tr{cursor:pointer}.file-table tbody tr:hover{background:var(--bg-elevated-2)}.file-table tr.selected{background:var(--bg);box-shadow:inset 4px 0 0 var(--accent)}.file-table .size-cell,.file-table .status{white-space:nowrap}.file-table .row-action{text-align:right;width:1%;padding:0}.tag{margin-left:var(--s2);padding:0 var(--s1);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--accent-ink);color:var(--accent-ink);display:inline-block}.status:before{content:"";width:var(--s2);height:var(--s2);margin-right:var(--s2);vertical-align:0;background:currentColor;border-radius:50%;display:inline-block}.status-queued,.status-skipped{color:var(--text-dim)}.status-processing{color:var(--accent-ink)}.status-done{color:var(--success)}.status-error{color:var(--danger)}.status-error,.status-processing{font-weight:600}.action-row{justify-content:space-between;align-items:center;gap:var(--s4);border-top:2px solid var(--text);padding:var(--s3) 0;z-index:4;background:var(--bg);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.action-row .readout{color:var(--text)}.waveform-editor .wave-body{gap:var(--s1);flex-direction:column;display:flex}.wave-label{margin-top:var(--s2)}.wave-canvas{background:var(--bg);border:1px solid var(--line);touch-action:none;width:100%;display:block}.wave-original{height:160px}.wave-processed{height:96px}.waveform-editor .wave-body>.readout{color:var(--text)}.wave-controls{align-items:center;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.wave-controls small{margin-left:auto}.progress-bar{background:var(--bg);border:1px solid var(--line);height:var(--s3);overflow:hidden}.progress-bar-fill{background:var(--accent);width:0%;height:100%;transition:width .1s linear}.log{background:var(--bg);border:1px solid var(--border);padding:var(--s2);margin-top:var(--s3);max-height:120px;font-family:var(--mono);font-size:var(--fs-readout);white-space:pre-wrap;overflow-y:auto}.log:empty{display:none}.about-button{top:var(--s4);right:var(--s4);background:var(--bg);position:absolute}.modal-overlay{background:var(--backdrop);padding:var(--s4);z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:2px solid var(--text);border-radius:var(--radius);padding:var(--s5);width:100%;max-width:500px;max-height:85vh;overflow-y:auto}.modal h2{font-size:1rem}.badge{padding:0 var(--s2);font-size:var(--fs-label);border:1px solid var(--border);background:var(--bg);display:inline-block}@media (min-width:960px){#app:has(.waveform-editor){max-width:1440px}.main-column:has(>.waveform-editor){align-items:start;gap:var(--s4);grid-template-columns:minmax(360px,5fr) minmax(0,7fr);display:grid}.main-column:has(>.waveform-editor)>*{grid-column:2}.main-column:has(>.waveform-editor)>:first-child{top:var(--s4);max-height:calc(100vh - 2 * var(--s4));grid-area:1/1/span 4;position:sticky;overflow-y:auto}.main-column:has(>.waveform-editor) .file-table th{z-index:1;background:var(--bg-elevated);position:sticky;top:0}.main-column:has(>.waveform-editor)>:first-child>div[style*=display\:flex]{padding:var(--s2) 0;background:var(--bg-elevated);position:sticky;bottom:0}}@media (max-width:720px){.layout{flex-direction:column}.settings-grid{grid-template-columns:1fr}.wave-controls small{margin-left:0}}@media (max-width:560px){.file-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.file-table tbody tr{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;display:grid}.file-table td{border:0}.file-table td:first-child{grid-column:1/-1}.file-table .size-cell{text-align:left}.action-row{flex-direction:column;align-items:stretch}}@media (pointer:coarse){button,.field select,.field input[type=number]{min-height:44px}button.icon-button{min-width:44px}.file-table td{padding-block:var(--s3)}.file-table .row-action{padding:0}input[type=checkbox]{width:24px;height:24px}.checkbox-row small{padding-left:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}