.tr-root{display:grid;gap:1.25rem;padding:1.5rem;width:100%;flex:1 1 auto;align-self:stretch}.tr-dropzone{display:grid;justify-items:center;gap:.375rem;text-align:center;padding:2rem 1.5rem;border:1px dashed var(--line);border-radius:var(--radius);cursor:pointer;background:var(--panel);transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.tr-dropzone:hover,.tr-dropzone:focus-within{border-color:var(--signal)}.tr-dropzone-active{border-color:var(--signal);background:var(--panel-2);box-shadow:0 0 0 1px var(--signal)}.tr-dropzone-hint{font-family:var(--font-nameplate);text-transform:uppercase;letter-spacing:.03em;font-size:.9375rem;color:var(--ink)}.tr-dropzone-accept{font-size:.6875rem;color:var(--muted)}.tr-panel{display:grid;gap:1rem}.tr-file-row{display:flex;align-items:baseline;gap:.75rem}.tr-file-name{font-size:.875rem;color:var(--ink);overflow-wrap:anywhere}.tr-pick-another{margin-left:auto;background:none;border:none;color:var(--muted);font-size:.8125rem;cursor:pointer;text-decoration:underline}.tr-pick-another:hover{color:var(--signal)}.tr-mode-tabs{display:flex;gap:.5rem}.tr-tab{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem 1rem;font-family:var(--font-nameplate);font-size:.75rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);cursor:pointer}.tr-tab-active{border-color:var(--signal);color:var(--signal)}.tr-waveform{position:relative;height:120px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;touch-action:none}.tr-canvas{width:100%;height:100%;display:block}.tr-selection{position:absolute;top:0;bottom:0;background:#00e8c838;border-left:1px solid var(--glow);border-right:1px solid var(--glow);pointer-events:none}.tr-handle{position:absolute;top:0;bottom:0;width:10px;margin-left:-5px;cursor:ew-resize;background:transparent}.tr-handle:before{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:var(--signal)}.tr-handle:after{content:"";position:absolute;top:4px;left:0;width:10px;height:10px;border-radius:999px;background:var(--signal)}.tr-controls{display:flex;flex-wrap:wrap;align-items:end;gap:1rem}.tr-field{display:grid;gap:.25rem}.tr-field-label{font-family:var(--font-readout);font-size:.6875rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.tr-time-input{font-size:.9375rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.375rem .5rem;width:9ch}.tr-time-input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.tr-time-readout{font-size:.9375rem;color:var(--signal)}.tr-select{font:inherit;font-size:.875rem;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .625rem}.tr-preview-btn{background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:.5rem 1rem;color:var(--ink);cursor:pointer}.tr-preview-btn:hover{border-color:var(--signal);color:var(--signal)}.tr-export-row{display:flex;align-items:center;gap:1rem}.tr-export-btn{border:1px solid var(--signal);border-radius:var(--radius);background:var(--signal);color:var(--panel);font-family:var(--font-nameplate);text-transform:uppercase;letter-spacing:.03em;font-size:.8125rem;padding:.625rem 1.25rem;cursor:pointer}.tr-export-btn:hover:not(:disabled){opacity:.85}.tr-export-btn:disabled{background:var(--panel-2);border-color:var(--line);color:var(--muted);cursor:not-allowed}.tr-status{font-size:.8125rem;color:var(--signal)}.tr-error{margin:0;font-size:.8125rem;color:var(--clip)}.tr-result{display:grid;gap:.5rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem}.tr-result-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.tr-result-label{font-size:.6875rem;color:var(--muted)}.tr-result-value{font-size:1.125rem;color:var(--signal)}.tr-result-arrow{color:var(--muted)}.tr-reencode-note{margin:0;font-size:.75rem;color:var(--muted)}.tr-download{color:var(--signal);font-size:.875rem}@media(max-width:640px){.tr-controls{align-items:stretch}.tr-export-btn{width:100%}}