.tr{max-width:1180px;margin-inline:auto;container-type:inline-size}.tr__source{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:12px;display:flex}.tr__name{font-family:var(--font-display);letter-spacing:var(--track-display);color:var(--text);overflow-wrap:anywhere;font-size:1rem;font-weight:600}.tr__facts{font-family:var(--font-mono);color:var(--text-subtle);font-variant-numeric:tabular-nums;font-size:.75rem}.tr__spacer{flex:1;min-width:0}.tr__stage{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 10px 8px;transition:border-color .15s,background .15s}.tr__stage.is-dragover{border-color:var(--accent);background:var(--accent-soft)}.tr__ruler{height:20px}.tr__ruler canvas{width:100%;height:20px;display:block}.tr__wave{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);cursor:text;touch-action:none;user-select:none;height:clamp(180px,34vh,300px);position:relative;overflow:hidden}.tr__wave:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tr__wave[data-hover=in],.tr__wave[data-hover=out]{cursor:ew-resize}.tr__wave[data-hover=move]{cursor:grab}.tr__wave.is-dragging{cursor:grabbing}.tr__wave canvas{width:100%;height:100%;display:block}.tr__veil{background:color-mix(in srgb, var(--bg) 55%, transparent);pointer-events:none;position:absolute;inset-block:0}.tr__veil--before{left:0}.tr__veil--after{right:0}.tr__region{border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;position:absolute;inset-block:0}.tr__region[data-mode=remove]{border-color:var(--danger);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--danger) 12%, transparent) 0 6px, transparent 6px 12px)}.tr__handle{cursor:ew-resize;pointer-events:auto;background:0 0;border:0;place-items:center;width:22px;padding:0;display:grid;position:absolute;top:0;bottom:0}.tr__handle--in{left:-12px}.tr__handle--out{right:-12px}.tr__grip{border-radius:var(--r-full);background:var(--accent);width:7px;height:34px;box-shadow:0 0 0 2px var(--surface), 0 1px 4px var(--shadow-b);transition:height .15s var(--ease), width .15s var(--ease)}.tr__region[data-mode=remove] .tr__grip{background:var(--danger)}.tr__handle:hover .tr__grip,.tr__handle:focus-visible .tr__grip{width:9px;height:46px}.tr__chip{border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding:2px 7px;font-size:.7rem;position:absolute;top:7px;left:50%;transform:translate(-50%)}.tr__region[data-mode=remove] .tr__chip{background:var(--danger);color:var(--n-0)}.tr__playhead{background:var(--danger);pointer-events:none;will-change:transform;width:1px;position:absolute;inset-block:0}.tr__playhead-cap{background:var(--danger);clip-path:polygon(0 0,100% 0,50% 100%);width:9px;height:9px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tr__empty{text-align:center;background:var(--surface);color:var(--text-muted);place-items:center;margin:0;padding:0 24px;font-size:.875rem;display:grid;position:absolute;inset:0}.tr__empty--drop{color:inherit;font:inherit;cursor:pointer;border:0;align-content:center;gap:4px;transition:background .18s}.tr__empty--drop svg{color:var(--accent-text);margin-bottom:8px}.tr__emptytitle{font-size:.9375rem;font-weight:620}.tr__emptyhint{color:var(--text-muted);max-width:48ch;font-size:.8125rem}.tr__empty--drop:hover,.tr__stage.is-dragover .tr__empty--drop{background:var(--accent-soft)}.tr__empty--drop:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.tr__wave input[type=file]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tr__host>.tr{max-width:none}.tr__host [data-tr=expand]{display:none}.tr__mini{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);cursor:grab;touch-action:none;height:34px;margin-top:8px;position:relative;overflow:hidden}.tr__mini:active{cursor:grabbing}.tr__mini canvas{opacity:.55;width:100%;height:100%;display:block}.tr__minisel{background:color-mix(in srgb, var(--accent) 22%, transparent);pointer-events:none;position:absolute;inset-block:0}.tr__miniview{border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;border-radius:3px;position:absolute;inset-block:0}.tr__transport{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 2px 0;display:flex}.tr__playgroup{align-items:center;gap:6px;display:flex}.tr__playbtn{border-radius:var(--r-full);border:1.5px solid var(--border-input);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;transition:border-color .15s, background .15s, transform .1s var(--ease);place-items:center;padding:0;display:grid}.tr__playbtn:hover{border-color:var(--accent);background:var(--accent-soft)}.tr__playbtn:active{transform:scale(.94)}.tr__playbtn .tr__ico-pause,.tr__playbtn.is-playing .tr__ico-play{display:none}.tr__playbtn.is-playing .tr__ico-pause{display:block}.tr__iconbtn{border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;place-items:center;padding:0;transition:border-color .15s,color .15s,background .15s;display:grid}.tr__iconbtn:hover{border-color:var(--border-hover);color:var(--text)}.tr__iconbtn.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.tr__clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;display:flex}.tr__now{color:var(--text);min-width:8.2ch;font-size:1.0625rem}.tr__of{color:var(--text-subtle);font-size:.78rem}.tr__zoom{align-items:center;gap:8px;display:flex}.tr__zoomout{font-family:var(--font-mono);color:var(--text-subtle);text-align:right;font-variant-numeric:tabular-nums;min-width:3.6ch;font-size:.75rem}.tr__points{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.tr__point{align-items:center;gap:7px;display:flex}.tr__pointlabel{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.tr__time{border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--surface);width:11ch;height:34px;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;padding:0 8px;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.tr__time:hover{border-color:var(--border-hover)}.tr__time:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.tr__setbtn{border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--surface);height:34px;color:var(--text-muted);font:inherit;cursor:pointer;align-items:center;gap:5px;padding:0 8px;font-size:.75rem;transition:border-color .15s,color .15s;display:inline-flex}.tr__setbtn:hover{border-color:var(--border-hover);color:var(--text)}.tr__presets{align-items:center;gap:8px;display:flex}.tr__options{margin-top:14px}.tr__result{border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding:12px 14px;display:flex}.tr__verdict{align-items:flex-start;gap:8px;max-width:46ch;display:flex}.tr__verdict strong{font-size:.8125rem;display:block}.tr__verdict-ico{flex:none;margin-top:2px}.tr__verdict[data-state=lossless]{color:var(--success)}.tr__verdict[data-state=lossy]{color:var(--warning)}.tr__verdict[data-state=lossy] .tr__verdict-ico{transform:rotate(180deg)}.tr__verdict-why{color:var(--text-muted);font-size:.78rem;line-height:1.45;display:block}.tr__out{gap:18px;margin:0;display:flex}.tr__out div{flex-direction:column;gap:1px;display:flex}.tr__out dt{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.tr__out dd{font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:.9375rem}.tr__legend{color:var(--text-subtle);flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:.75rem;display:flex}.tr__legend>span{align-items:center;gap:5px;display:inline-flex}@container (width<=620px){.tr__legend,.tr__point--len{display:none}.tr__result{align-items:stretch}.tr__result .btn{justify-content:center;width:100%}}.tm--trim{--tm-cycle:7s}.tm-tr-bar{fill:var(--border-strong)}.tm-tr-bar--in{fill:var(--text)}.tm-tr-veil{fill:var(--bg-subtle);opacity:.82}.tm-tr-veil--l{transform-origin:0;animation:tm-tr-veil-l var(--tm-cycle) var(--ease) infinite}.tm-tr-veil--r{transform-origin:100%;animation:tm-tr-veil-r var(--tm-cycle) var(--ease) infinite}@keyframes tm-tr-veil-l{0%,12%{transform:scaleX(.02)}38%,93%{transform:none}to{transform:scaleX(.02)}}@keyframes tm-tr-veil-r{0%,12%{transform:scaleX(.02)}44%,93%{transform:none}to{transform:scaleX(.02)}}.tm-tr-edge{stroke:var(--accent);stroke-width:1.75px}.tm-tr-grip{fill:var(--accent)}.tm-tr-hl{animation:tm-tr-hl var(--tm-cycle) var(--ease) infinite}.tm-tr-hr{animation:tm-tr-hr var(--tm-cycle) var(--ease) infinite}@keyframes tm-tr-hl{0%,12%{transform:translate(-62px)}38%,93%{transform:none}to{transform:translate(-62px)}}@keyframes tm-tr-hr{0%,12%{transform:translate(66px)}44%,93%{transform:none}to{transform:translate(66px)}}.tm-tr-out{animation:tm-tr-out var(--tm-cycle) var(--ease) infinite}@keyframes tm-tr-out{0%,50%{opacity:0;transform:translateY(-16px)scale(.96)}66%,93%{opacity:1;transform:none}to{opacity:0;transform:translateY(-16px)scale(.96)}}.tm-tr-done .tm-tick{animation:tm-tr-tick var(--tm-cycle) var(--ease) infinite}@keyframes tm-tr-tick{0%,68%{stroke-dashoffset:14px}80%,95%{stroke-dashoffset:0}to{stroke-dashoffset:14px}}