.timeline.svelte-286z0l{padding:8px 0;user-select:none}.timeline.interactive.svelte-286z0l .track-items:where(.svelte-286z0l){cursor:pointer}.timeline.compact.svelte-286z0l .track-row:where(.svelte-286z0l){min-height:20px;margin-bottom:3px}.timeline.compact.svelte-286z0l .track-items:where(.svelte-286z0l){height:20px}.timeline.compact.svelte-286z0l .track-item:where(.svelte-286z0l){height:16px;top:2px;border-radius:3px}.timeline.compact.svelte-286z0l .item-label:where(.svelte-286z0l){font-size:9px}.time-ruler.svelte-286z0l{display:flex;align-items:flex-end;margin-bottom:6px;height:18px}.track-label-spacer.svelte-286z0l{width:90px;min-width:90px}.ruler-bar.svelte-286z0l{flex:1;position:relative;height:18px;border-bottom:1px solid var(--color-grey-30, #ccc)}.ruler-mark.svelte-286z0l{position:absolute;bottom:2px;transform:translate(-50%);font-size:10px;color:var(--color-font-tertiary, #888);font-variant-numeric:tabular-nums}.track-row.svelte-286z0l{display:flex;align-items:stretch;margin-bottom:4px;min-height:28px}.track-label.svelte-286z0l{width:90px;min-width:90px;font-size:11px;font-weight:500;color:var(--color-font-secondary, #555);display:flex;align-items:center;gap:5px;padding-right:8px}.track-type-icon.svelte-286z0l{font-size:9px;opacity:.5}.track-items.svelte-286z0l{flex:1;position:relative;height:28px;background:var(--color-grey-10, #f4f4f4);border-radius:4px;overflow:hidden}.dark .track-items.svelte-286z0l{background:var(--color-grey-20, #2a2a2a)}.track-item.svelte-286z0l{position:absolute;top:2px;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;box-sizing:border-box;overflow:hidden;min-width:2px;transition:filter .12s}.track-item.svelte-286z0l:hover{filter:brightness(1.15)}.item-label.svelte-286z0l{font-size:10px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.35)}.item-duration.svelte-286z0l{font-size:9px;color:#ffffffbf;white-space:nowrap;margin-left:4px;flex-shrink:0}.playhead.svelte-286z0l{position:absolute;top:0;bottom:0;width:2px;background:var(--color-button-primary, #e74c3c);z-index:2;pointer-events:none;box-shadow:0 0 4px #e74c3c80}.playhead.svelte-286z0l:before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;background:var(--color-button-primary, #e74c3c);border-radius:50%}