.preview-panel{min-width:0}
#toast{pointer-events:none}
.moment-tools{border:1px solid var(--line);border-radius:var(--radius-10);padding:6px 10px 8px;margin:6px 0 10px;min-width:0}
.moment-tools legend{font-size:13px;padding:0 6px}
.moment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 5px}
.moment-actions .button{min-height:32px;padding:6px 9px;font-size:11px}
.moment-actions .text-button{font-size:11px;min-height:30px}
.moment-tools .timeline-note{margin:0;font-size:11px;line-height:1.4}
.timeline-viewport{overflow-x:auto;padding-bottom:8px}
#timeline-surface{min-width:100%}
.timeline-scale{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px}
.timeline-scale select{width:auto;min-height:32px}
.timeline-selection{position:absolute;inset-block:0;background:var(--color-selection-overlay);border-inline:2px solid var(--color-selection);pointer-events:none;z-index:4}
.timeline-event.is-selected{outline:2px solid var(--color-selection);outline-offset:1px;z-index:3}
.timeline-event.is-active{filter:brightness(1.25)}
.timeline-event.is-pending{border-style:dashed;opacity:.8;top:12px;height:19px;z-index:2}
.timeline-event.is-reference{opacity:.45;cursor:default}
.timeline-event.is-dragging{opacity:.6;cursor:grabbing}
.timeline-event:has(.timeline-handle){touch-action:none;cursor:grab}
.timeline-handle{position:absolute;top:0;bottom:0;width:7px;padding:0!important;pointer-events:auto!important;cursor:ew-resize;background:currentColor;opacity:.5}
.timeline-handle.start{left:0}.timeline-handle.end{right:0}
.timeline-wave{position:relative;min-width:0;touch-action:none}
.timeline-wave canvas{display:block;width:100%}
#timeline-ruler{position:relative;height:30px;touch-action:none;cursor:ew-resize;overflow:hidden;border-bottom:1px solid var(--line)}
#timeline-ticks span{position:absolute;top:0;padding-left:3px;font-size:10px;font-variant-numeric:tabular-nums;border-left:1px solid var(--muted);height:25px;white-space:nowrap}
.timeline-lane{touch-action:none}
.timeline-options{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-bottom:8px;font-size:11px}
.timeline-options label{display:flex;align-items:center;gap:5px;margin:0}
.timeline-options input{width:auto;margin:0}
.timeline-options button{min-width:32px}
.timeline-ghost{position:absolute;top:0;bottom:0;min-width:3px;border:2px solid var(--color-success);background:color-mix(in srgb,var(--color-success) 19%,transparent);pointer-events:none;z-index:6}
.timeline-ghost.is-invalid{border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 19%,transparent)}
.timeline-ghost[data-cut-duration]::after{content:attr(data-cut-duration);position:absolute;left:10px;top:2px;padding:2px 6px;border-radius:4px;background:var(--panel);color:var(--text);white-space:nowrap;font-size:12px;font-style:normal;font-variant-numeric:tabular-nums}
.timeline-snap-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--color-warning);pointer-events:none;z-index:7}
#timeline-gesture-status{min-height:2.8em;margin:4px 0}
#timeline-properties{min-width:0;margin:8px 0;border:1px solid var(--line);border-radius:8px;padding:10px}
.timeline-property-fields{display:flex;flex-wrap:wrap;gap:8px}
.timeline-property-fields label{flex:1 1 120px;min-width:0;font-size:11px}
.timeline-property-fields input{width:100%;min-width:0}
#timeline-add{margin-bottom:8px}
#timeline-add summary{cursor:pointer;padding:6px 0}
#timeline-actions{align-items:flex-start}
#timeline-actions>div{flex:1 1 120px;min-width:0}
#timeline-actions small{display:block;max-width:240px;font-size:11px;color:var(--muted);margin-top:4px}
.manual-cut-row,.excluded-reference{border:1px solid var(--line);border-radius:var(--radius-10);padding:12px;margin-bottom:10px}
.review-items article.is-selected{border-color:var(--color-selection);box-shadow:inset 3px 0 var(--color-selection)}
.cut-filter{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px}
.cut-filter select{min-width:0;flex:1}
.manual-cut-row .time-inputs{margin:12px 0}
.time-inputs .text-button{font-size:11px;margin-top:4px}
.zoom-row .time-inputs label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 5px}
.zoom-row .time-inputs label .text-button{grid-column:1/-1;min-height:24px;padding:2px 0;margin:0;font-size:10px;text-align:left}
.manual-cut-row[hidden],.excluded-reference[hidden],.pause-row[hidden]{display:none}
.timeline-card{border:1px solid var(--line);border-radius:var(--radius-12);padding:10px;min-width:0}
.timeline-card .timeline-heading{align-items:center;gap:10px;flex-wrap:wrap;letter-spacing:0;font-size:12px}
.timeline-heading h2{font-size:14px}
#timeline-mode{color:var(--accent)}
.timeline-clocks{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;font-variant-numeric:tabular-nums;margin:10px 0}
.timeline-clocks strong{font-weight:500}
.timeline-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:5px}
.timeline-controls .timeline-clocks{margin:0;font-size:11px;gap:5px 12px}
.timeline-controls .timeline-scale{margin:0;gap:6px;font-size:11px}
.timeline-controls .timeline-scale select{min-height:28px;margin:0;padding:4px 6px}
.timeline-card .timeline-heading{margin-bottom:5px}
.timeline-card #timeline-note{font-size:11px;line-height:1.4;margin-bottom:6px}
.timeline-note,.timeline-detail{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.timeline-note{margin-bottom:12px}
.timeline-track{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:center;margin:5px 0}
.timeline-track>span{font-size:12px;color:var(--text)}
.timeline-lane{height:32px;position:relative;background:var(--color-timeline-background);border:1px solid var(--line);border-radius:var(--radius-5);min-width:0}
.timeline-empty{display:block;padding:8px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.timeline-event{position:absolute;top:3px;height:24px;min-width:3px;max-width:100%;padding:0;border:1px solid currentColor;border-radius:var(--radius-3);overflow:hidden;text-align:left;font-size:11px;white-space:nowrap}
.timeline-event span{padding:0 5px;pointer-events:none}
.timeline-speech{background:var(--color-timeline-speech);color:var(--color-timeline-speech-text)}
.timeline-title{background:var(--color-timeline-title);color:var(--color-timeline-title-text)}
.timeline-zoom{background:var(--color-timeline-zoom);color:var(--color-timeline-zoom-text)}
.timeline-cut{background:repeating-linear-gradient(135deg,var(--color-timeline-cut),var(--color-timeline-cut) 4px,var(--color-timeline-cut-stripe) 4px,var(--color-timeline-cut-stripe) 8px);color:var(--color-timeline-cut-text)}
.timeline-event.is-join{width:4px!important;transform:translateX(-50%);border-radius:0}
.timeline-event.is-join:first-child{transform:none}
.timeline-cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--color-timeline-cursor);pointer-events:none;z-index:2;transform:translateX(-100%)}
.timeline-card canvas{height:40px;border-radius:var(--radius-5)}
.timeline-card .timeline-labels{font-size:12px;color:var(--muted);margin-left:60px;font-variant-numeric:tabular-nums}
.timeline-navigation{margin-top:14px}
.timeline-card input[type=range]{height:24px;margin:4px 0}
.timeline-picker{display:flex;gap:8px;align-items:end;margin-top:10px}
.timeline-picker label{flex:1;min-width:0}
.timeline-picker select{max-width:100%;height:40px}
.timeline-picker button{min-height:40px}
.timeline-detail{margin-top:10px;min-height:38px}
.timeline-card :is(button,input,select):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;z-index:3}
@media(max-width:420px){.timeline-card{padding:10px}.timeline-track{grid-template-columns:42px minmax(0,1fr);gap:6px}.timeline-card .timeline-labels{margin-left:48px}.timeline-clocks{display:grid;gap:4px}.timeline-picker{flex-wrap:wrap}.timeline-picker label{flex-basis:100%}.timeline-picker button{width:100%}}