.timeline-module__cYIDQq__page{background:radial-gradient(ellipse 90% 40% at 50% 0%, color-mix(in oklch, var(--color-warm) 7%, transparent), transparent 70%), var(--color-void);grid-template-rows:auto auto 1fr auto;gap:clamp(.6rem,.4rem + .8vw,1.1rem);min-height:100svh;padding:clamp(.75rem,.5rem + 1vw,1.75rem);display:grid}.timeline-module__cYIDQq__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.timeline-module__cYIDQq__back{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);transition:color .22s}.timeline-module__cYIDQq__back:hover{color:var(--color-signal)}.timeline-module__cYIDQq__transport{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:3px;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1rem;display:flex}.timeline-module__cYIDQq__inline{align-items:center;gap:.6rem;display:flex}.timeline-module__cYIDQq__inline input[type=range]{appearance:none;background:var(--color-hairline);cursor:pointer;border-radius:99px;width:8rem;height:2px}.timeline-module__cYIDQq__inline input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-signal);border-radius:50%;width:13px;height:13px}.timeline-module__cYIDQq__inline input[type=range]::-moz-range-thumb{background:var(--color-signal);border:0;border-radius:50%;width:13px;height:13px}.timeline-module__cYIDQq__clock{font-size:var(--step--2);color:var(--color-signal);align-items:center;gap:.5rem;margin-left:auto;display:flex}.timeline-module__cYIDQq__clock span{opacity:.35}.timeline-module__cYIDQq__timeline{background:var(--color-canvas);border:1px solid var(--color-hairline);touch-action:none;border-radius:3px;align-content:start;align-self:start;gap:.4rem;padding:.75rem;display:grid;overflow:hidden}.timeline-module__cYIDQq__rulerRow,.timeline-module__cYIDQq__trackRow{grid-template-columns:9.5rem minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid}.timeline-module__cYIDQq__gutter{align-content:center;gap:.25rem;min-width:0;display:grid}.timeline-module__cYIDQq__trackName{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-dim)}.timeline-module__cYIDQq__gutter select{width:100%;font-family:var(--font-mono);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline);cursor:pointer;border-radius:2px;padding:.25rem .35rem;font-size:.65rem}.timeline-module__cYIDQq__ruler{cursor:pointer;border-bottom:1px solid var(--color-hairline);grid-template-columns:repeat(16,1fr);height:1.5rem;display:grid}.timeline-module__cYIDQq__bar{color:var(--color-ink-faint);border-left:1px solid var(--color-hairline);align-items:center;padding-left:.3rem;font-size:.62rem;display:grid}.timeline-module__cYIDQq__bar:first-child{border-left:0}.timeline-module__cYIDQq__tracks{gap:.4rem;display:grid;position:relative}.timeline-module__cYIDQq__playhead{top:0;bottom:0;left:calc(10rem + (100% - 10rem) * var(--playhead,0));background:var(--color-live);width:2px;box-shadow:0 0 12px color-mix(in oklch, var(--color-live) 70%, transparent);pointer-events:none;z-index:5;position:absolute;transform:translate(-1px)}.timeline-module__cYIDQq__lane{background:var(--color-surface);border:1px solid var(--color-hairline);cursor:copy;border-radius:2px;height:clamp(2.6rem,2rem + 2vw,3.6rem);position:relative;overflow:hidden}.timeline-module__cYIDQq__laneBar{background:var(--color-hairline);opacity:.6;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.timeline-module__cYIDQq__laneBar:first-child{left:0%}.timeline-module__cYIDQq__laneBar:nth-child(2){left:6.25%}.timeline-module__cYIDQq__laneBar:nth-child(3){left:12.5%}.timeline-module__cYIDQq__laneBar:nth-child(4){left:18.75%}.timeline-module__cYIDQq__laneBar:nth-child(5){left:25%}.timeline-module__cYIDQq__laneBar:nth-child(6){left:31.25%}.timeline-module__cYIDQq__laneBar:nth-child(7){left:37.5%}.timeline-module__cYIDQq__laneBar:nth-child(8){left:43.75%}.timeline-module__cYIDQq__laneBar:nth-child(9){left:50%}.timeline-module__cYIDQq__laneBar:nth-child(10){left:56.25%}.timeline-module__cYIDQq__laneBar:nth-child(11){left:62.5%}.timeline-module__cYIDQq__laneBar:nth-child(12){left:68.75%}.timeline-module__cYIDQq__laneBar:nth-child(13){left:75%}.timeline-module__cYIDQq__laneBar:nth-child(14){left:81.25%}.timeline-module__cYIDQq__laneBar:nth-child(15){left:87.5%}.timeline-module__cYIDQq__laneBar:nth-child(16){left:93.75%}.timeline-module__cYIDQq__clip{background:hsl(var(--hue) 70% 50% / .34);border:1px solid hsl(var(--hue) 85% 62% / .8);cursor:grab;border-radius:2px;align-items:center;padding-inline:.5rem;transition:filter .16s,box-shadow .16s;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.timeline-module__cYIDQq__clip:active{cursor:grabbing}.timeline-module__cYIDQq__clip[data-selected=true]{box-shadow:0 0 0 1px var(--color-ink) inset}.timeline-module__cYIDQq__clip[data-active=true]{filter:brightness(1.5)}.timeline-module__cYIDQq__clipName{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:.66rem;overflow:hidden}.timeline-module__cYIDQq__handle{cursor:ew-resize;background:linear-gradient(90deg,#0000,#ffffff38);width:10px;position:absolute;top:0;bottom:0;right:0}.timeline-module__cYIDQq__hints{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;line-height:1.7;display:flex}.timeline-module__cYIDQq__hints kbd{min-width:1.3rem;height:1.3rem;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:3px;place-items:center;padding-inline:.3rem;font-size:.62rem;display:inline-grid}.timeline-module__cYIDQq__count .timeline-module__cYIDQq__readout{color:var(--color-signal)}@media (max-width:720px){.timeline-module__cYIDQq__rulerRow,.timeline-module__cYIDQq__trackRow{grid-template-columns:6rem minmax(0,1fr)}.timeline-module__cYIDQq__playhead{left:calc(6.5rem + (100% - 6.5rem) * var(--playhead,0))}}