.animation-timeline{margin:25px 0 12px;border:1px solid #d4d4d1;border-radius:7px;overflow:hidden;background:#f6f6f5}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px;background:#f6f6f5;font-size:13px;flex-wrap:wrap}.timeline-head span{font-size:11px;color:#756776;margin-left:8px}.timeline-head label{display:flex;align-items:center;gap:8px;font-size:11px}.timeline-head input{width:100px;accent-color:#875775}.timeline-scroll{overflow-x:auto;overscroll-behavior-x:contain}.timeline-body{position:relative;min-height:159px;padding-left:120px}.timeline-ruler{height:34px;position:relative;border-bottom:1px solid #d4d4d1;cursor:crosshair;touch-action:none;background:#f6f6f5}.timeline-ruler>span{position:absolute;font:10px monospace;border-left:1px solid #d4d4d1;height:9px;bottom:0;padding-left:3px;line-height:12px}.timeline-ruler>span.major{height:27px;border-color:#d4d4d1}.timeline-drawings,.timeline-cues{position:relative}.track-name{position:absolute;left:-120px;width:120px;padding:18px 10px;height:100%;background:#f6f6f5;border-right:1px solid #d4d4d1;font-size:11px}.timeline-cues .track-name{padding-top:10px}.exposures{height:80px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent 19px,#f6f6f5 20px)}.exposure{position:absolute;top:7px;height:66px;min-width:6px;background:#f6f6f5;border:1px solid #d4d4d1;border-radius:3px;overflow:visible}.exposure.active{background:#f6f6f5;outline:2px solid #3153aa;outline-offset:-2px;z-index:2}.exposure-select{height:100%;width:100%;border:0;border-radius:0;padding:3px;overflow:hidden;text-align:left;display:flex;align-items:center;gap:5px;min-width:0;font:10px monospace}.exposure-select img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.exposure-select span{white-space:nowrap}.exposure-edge{position:absolute;right:-5px;top:0;width:10px;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;cursor:ew-resize;touch-action:none;z-index:3}.exposure-edge:hover,.exposure-edge:focus-visible{background:#e9e9e788}.cue-blocks{height:44px;position:relative;border-top:1px solid #d4d4d1}.timeline-cue{position:absolute;top:6px;height:29px;background:#f6f6f5;padding:6px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:2px solid #d4d4d1}.playhead{position:absolute;top:0;bottom:0;border-left:2px solid #d4d4d1;pointer-events:none;z-index:4}.playhead>span{display:block;position:absolute;top:0;left:-6px;border-top:10px solid #d4d4d1;border-inline:5px solid transparent}.timeline-foot{display:flex;gap:20px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #d4d4d1;font-size:10px}.timecode{font:11px monospace;color:#202020}.film{min-height:0}.film:empty{display:none}@media(max-width:700px){.timeline-head span{display:block;margin-left:0;margin-top:4px}.timeline-scroll{max-width:100%}}