.media-editor[data-state=active] .media-drop,.media-drop[hidden]{display:none}.media-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--warning-soft);color:var(--warning-text);font-size:var(--text-sm)}.media-error[hidden],.media-workspace[hidden],.media-result[hidden]{display:none}.media-workspace{gap:var(--space-5);display:grid}.media-file{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.media-file-actions{gap:var(--space-2);display:flex}.media-file-name{min-width:0;font-size:var(--text-sm);color:var(--text-secondary);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.media-file-name strong{color:var(--text);font-weight:600}.media-controls{margin-bottom:0}.media-controls:has(>.media-actions:last-child){align-content:space-between}.media-controls .check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.media-controls[hidden],.media-actions[hidden]{display:none}.media-actions{align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;flex-basis:100%;display:flex}.media-actions [hidden]{display:none}.media-progress{border-radius:var(--radius-pill);background:var(--bg-sunken);max-width:20rem;height:6px;box-shadow:inset 0 0 0 1px var(--border);flex:10rem;overflow:hidden}.media-progress span{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(var(--p,0));transition:transform var(--dur-fast) linear;display:block}.media-status{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.media-result{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-raised);box-shadow:var(--shadow-md);display:grid}.media-result-head{align-items:center;gap:var(--space-2);color:var(--success-text);font-weight:600;font-size:var(--text-sm);display:flex}.media-result-head p{font-variant-numeric:tabular-nums}.media-result-preview:empty,.media-result-notes:empty{display:none}.media-result-preview audio,.media-result-preview video{width:100%;max-width:40rem}.media-result-preview img{border-radius:var(--radius-control);max-width:100%;max-height:60vh;display:block}.media-result-preview video{border-radius:var(--radius-control);background:#000;max-height:60vh}.media-result-notes{font-size:var(--text-sm);color:var(--text-secondary)}.media-result-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-sunken);touch-action:none;user-select:none;cursor:pointer;height:7.5rem;position:relative;overflow:hidden}.timeline canvas{width:100%;height:100%;position:absolute;inset:0}.timeline-shade{background:color-mix(in srgb, var(--bg) 62%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.timeline-sel{border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);cursor:grab;position:absolute;top:0;bottom:0}.timeline[data-mode=remove] .timeline-sel{background:color-mix(in srgb, var(--danger-fill) 22%, transparent);border-color:var(--danger-fill)}.timeline[data-mode=remove] .timeline-shade{background:0 0}.timeline-handle{cursor:ew-resize;outline:none;place-items:center;width:1.5rem;margin-left:-.75rem;display:grid;position:absolute;top:0;bottom:0}.timeline-handle.is-start{place-items:center end;margin-left:-1.25rem}.timeline-handle.is-end{place-items:center start;margin-left:-.25rem}.timeline-handle:before{content:"";border-radius:var(--radius-pill);background:var(--accent);width:.5rem;height:60%;min-height:2.25rem;box-shadow:var(--shadow-sm)}.timeline[data-mode=remove] .timeline-handle:before{background:var(--danger-fill)}.timeline-handle:focus-visible:before{outline:3px solid var(--focus-ring);outline-offset:2px}.timeline-playhead{background:var(--text);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.timeline-playhead[hidden]{display:none}.timeline-loading{font-size:var(--text-sm);color:var(--text-tertiary);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.timeline-loading[hidden]{display:none}.transport{align-items:flex-end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.transport-times{align-items:end;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.transport-times .field{gap:var(--space-1);display:grid}.transport-times label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.transport-times input{width:6.5rem;height:var(--field-h);padding:0 var(--space-3);border:1px solid var(--field-border);border-radius:var(--radius-control);background:var(--field-bg);color:var(--text);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.transport-times input[aria-invalid=true]{border-color:var(--danger-border)}@media (width<=40rem){.transport-times{flex-basis:100%;grid-template-columns:1fr 1fr;display:grid}.transport-times input,.transport-times .btn{width:100%}}.transport-length:empty{display:none}.transport-length{min-height:var(--field-h);font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;margin:0 0 0 auto;display:flex}@media (width<=40rem){.timeline{height:6rem}.transport-times input{width:5.5rem}}.merge-stage{gap:var(--space-3);display:grid}.media-undo{margin-block:var(--space-4) var(--space-3)}.media-undo:has(+[data-workspace][hidden]){justify-content:center}.merge-list{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-raised);margin:0;padding:0;list-style:none;overflow:hidden}.merge-list li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);grid-template-columns:2rem minmax(0,1fr) auto;display:grid}.merge-list li:first-child{border-top:0}.merge-list .n{font-size:var(--text-sm);color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-weight:650}.merge-list .info{min-width:0}.merge-list .name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.merge-list .facts{font-size:var(--text-xs);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.merge-list .moves{gap:var(--space-1);display:flex}.merge-total{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.recorder{gap:var(--space-5);display:grid}.recorder-panel{justify-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-raised);box-shadow:var(--shadow-sm);display:grid}.recorder-wave{border-radius:var(--radius-control);background:var(--bg-sunken);width:100%;height:5rem}.recorder-time{font-size:var(--text-3xl);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--text);font-weight:650}.recorder[data-state=recording] .recorder-time{color:var(--danger-text)}.recorder-buttons{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.recorder-buttons [hidden]{display:none}.recorder-main{min-height:3rem;padding-inline:var(--space-6);font-size:var(--text-base)}.recorder-status{font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.recorder-settings{align-items:end;margin-bottom:0}.recorder-settings .field[hidden]{display:none}.recorder[data-state=recording] .recorder-settings,.recorder[data-state=paused] .recorder-settings{opacity:.6;pointer-events:none}.recorder-settings .check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}