.trim-stage{position:relative;display:grid;aspect-ratio:16 / 9;min-width:0;border-radius:var(--radius-lg);background:var(--paper);overflow:hidden}.trim-stage>*{grid-area:1 / 1}[data-state=ready] .trim-stage,[data-state=working] .trim-stage{background:#141311}.trimmer.is-over .trim-stage{outline:2px solid var(--accent);outline-offset:2px}.trim-video{width:100%;height:100%;object-fit:contain;background:#141311;cursor:pointer;animation:t-in var(--dur-3) var(--ease-out)}.trim-no-preview{align-self:center;justify-self:center;max-width:30rem;padding:var(--space-6);color:#e7e2da;font-size:var(--text-sm);text-align:center}.trim-busy{display:grid;place-items:center;align-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center;background:var(--paper)}.trim-busy{font-size:var(--text-sm);color:var(--ink-2)}.trim-spinner{width:var(--space-3);height:var(--space-3);border-radius:50%;background:var(--accent);animation:trim-breathe .9s var(--ease-in-out) infinite alternate}@keyframes trim-breathe{to{opacity:.3;transform:scale(.7)}}.trim-drop[hidden],.trim-video[hidden],.trim-no-preview[hidden],.trim-busy[hidden],.trim-problem[hidden],.trim-timeline[hidden],.trim-playhead[hidden]{display:none}.trim-timeline{display:grid;gap:var(--space-3);margin-top:var(--space-5);animation:t-in var(--dur-3) var(--ease-out)}.trim-transport{display:flex;align-items:center;gap:var(--space-3)}.trim-play-mark{width:0;height:0;margin-left:3px;border-style:solid;border-width:.45em 0 .45em .75em;border-color:transparent transparent transparent currentColor}.trim-play.is-playing .trim-play-mark{width:.7em;height:.8em;margin:0;border:0;border-inline:.22em solid currentColor}.trim-play:disabled{opacity:.5;cursor:default}.trim-now{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.trim-of{color:var(--ink-3)}.trim-sound{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-2);cursor:pointer}.trim-bar{--handle: 14px;padding-inline:calc(var(--handle) / 2);touch-action:none;cursor:pointer;user-select:none}.trim-track{--s: 0;--e: 1;--p: 0;--k: 0;position:relative;height:4.5rem}.trim-strip{position:absolute;inset:0;display:flex;border-radius:var(--radius-md);background:repeating-linear-gradient(90deg,var(--paper-3) 0 calc(10% - 2px),var(--paper-2) calc(10% - 2px) 10%);overflow:hidden}.trim-strip canvas{flex:1 1 0;min-width:0;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-3) var(--ease-out)}.trim-strip canvas.is-drawn{opacity:1}.trim-shade{position:absolute;top:0;bottom:0;background:#1614129e;pointer-events:none}.trim-shade-start{left:0;width:calc(var(--s) * 100%);border-radius:var(--radius-md) 0 0 var(--radius-md)}.trim-shade-end{right:0;width:calc((1 - var(--e)) * 100%);border-radius:0 var(--radius-md) var(--radius-md) 0}.trim-window{position:absolute;top:-2px;bottom:-2px;left:calc(var(--s) * 100%);right:calc((1 - var(--e)) * 100%);border-block:3px solid var(--accent);pointer-events:none}.trim-playhead{position:absolute;top:-6px;bottom:-6px;left:calc(var(--p) * 100%);width:2px;margin-left:-1px;border-radius:1px;background:var(--paper);box-shadow:0 0 0 1px #0006;pointer-events:none}.trim-track[data-keyframe]:after{content:"";position:absolute;top:0;bottom:0;left:calc(var(--k) * 100%);width:0;border-left:2px dashed var(--accent);pointer-events:none}.trim-handle{position:absolute;z-index:1;top:-2px;bottom:-2px;width:var(--handle);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);cursor:ew-resize;touch-action:none;transition:transform var(--dur-1) var(--ease-out)}.trim-handle:before{content:"";width:2px;height:40%;border-radius:1px;background:currentColor;opacity:.8}.trim-handle[data-edge=start]{left:calc(var(--s) * 100% - var(--handle));border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.trim-handle[data-edge=end]{left:calc(var(--e) * 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.trim-handle[data-front]{z-index:2}.trim-handle[data-dragging]{transform:scaleY(1.08)}.trim-handle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.trim-handle[aria-disabled=true]{cursor:default;opacity:.6}.trim-bar:has([aria-disabled=true]){cursor:default}.trim-ruler{display:flex;justify-content:space-between;margin:0;padding:0 7px;list-style:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.trim-text{font-size:var(--text-sm);color:var(--ink-2)}.trim-panel>.btn-ghost{justify-self:start}.trim-file{display:grid;gap:var(--space-1);min-width:0}.trim-name{font-size:var(--text-lg);font-weight:500;overflow-wrap:anywhere;outline:none}.trim-facts{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}.trim-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.trim-time[aria-invalid=true]{border-color:var(--danger)}.trim-field-error{margin-top:calc(-1 * var(--space-3));font-size:var(--text-xs);color:var(--danger)}.trim-field-error[hidden]{display:none}.trim-keep{margin-top:calc(-1 * var(--space-2));font-size:var(--text-sm);color:var(--ink-2);min-height:1lh}#trim-time-hint{margin-top:calc(-1 * var(--space-4))}.trim-hint{min-height:3lh;font-size:var(--text-xs);color:var(--ink-3)}.trim-start-note{min-height:2lh;font-size:var(--text-xs);color:var(--accent)}.trim-progress[hidden],.ws-side .btn[hidden]{display:none}.trim-progress-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink-2)}.trim-note strong{outline:none}.trim-note .btn{justify-self:start}.trim-done-facts{font-family:var(--font-mono);font-size:var(--text-xs)}@media(prefers-reduced-motion:reduce){.trim-video,.trim-timeline,.trim-spinner{animation:none}}