.studio-timeline{--timeline-accent:#258c76;flex:none;height:282px;min-height:282px;padding:0 18px 8px;overflow:hidden}.studio-timeline.is-empty{height:252px;min-height:252px}.studio-timeline-heading{gap:8px;min-height:34px;padding:4px 0}.studio-timeline-actions{gap:1px}.studio-timeline-actions .icon-button{width:30px;height:30px;min-height:30px}.studio-timeline-actions svg{width:16px;height:16px}.studio-trim-info{color:#465e50;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;min-height:27px;font-size:11px;display:flex;overflow:hidden}.studio-trim-info>span{text-overflow:ellipsis;overflow:hidden}.studio-trim-info button{color:#316d63;text-underline-offset:3px;background:0 0;border:0;flex:none;min-height:28px;padding:2px 4px;font-size:10px;text-decoration:underline}.studio-timeline-navigation{direction:ltr;align-items:center;gap:4px;height:30px;display:flex}.studio-timeline-navigation>span{color:#56675d;text-align:center;white-space:nowrap;text-overflow:ellipsis;direction:rtl;flex:1;font-size:10px;overflow:hidden}.studio-timeline-navigation button{color:#3f6250;background:#fff;border:1px solid #dce5df;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;min-height:28px;padding:3px;font-size:19px;display:grid}.studio-timeline-navigation svg{width:15px;height:15px}.studio-timeline-scroll{scrollbar-width:thin;scrollbar-color:#9bbbad #edf2ef;outline-offset:-2px;direction:ltr;padding:0 10px 8px;position:relative;overflow:auto hidden}.studio-timeline-scroll::-webkit-scrollbar{height:6px;display:block!important}.studio-timeline-scroll::-webkit-scrollbar-thumb{background:#9bbbad;border-radius:5px}.studio-timeline-content{direction:ltr;min-width:100%;padding-top:0;position:relative}.studio-time-ruler,.studio-timeline.is-empty .studio-time-ruler{cursor:grab;touch-action:none;user-select:none;background:repeating-linear-gradient(90deg,#0000 0 31px,#bfcec650 31px 32px) bottom/32px 5px repeat-x;width:100%;min-width:0;height:24px;margin:0;padding:0;display:block;position:relative}.studio-time-ruler>span{color:#64776a;direction:ltr;min-width:30px;font-size:9px;position:absolute;top:0}.studio-track-row,.studio-timeline.is-empty .studio-track-row{justify-content:initial;border:0;min-width:0;margin:5px 0 0;padding:0;display:flex}.studio-track-row.element,.studio-timeline.is-empty .studio-track-row.element{width:100%;margin-top:3px;display:flex}.studio-track-add{height:23px;min-height:23px;font-size:10px}.studio-video-track,.studio-timeline.is-empty .studio-video-track{background:0 0;justify-content:flex-start;align-items:center;gap:0;width:max-content;min-width:0;min-height:70px;padding:0;display:flex}.studio-track-segment{flex:none;margin:0;padding:0;display:block;position:relative}.studio-clip-shell{touch-action:none;flex:none;min-width:0;height:68px;position:relative}.studio-clip,.clip-item.studio-clip{touch-action:none;cursor:grab;border:2px solid #0000;border-radius:7px;width:100%;min-width:0;max-width:none;height:100%;padding:0;display:block;position:relative;overflow:hidden}.studio-clip.selected{border-color:#258c76}.studio-clip-shell.selected{z-index:3}.studio-clip-frames{width:100%;height:100%;display:flex}.studio-clip-frames>img,.studio-clip-frames>video{object-fit:cover;pointer-events:none;flex:1;width:33.333%;min-width:0}.studio-clip-name{top:4px;left:9px;right:9px}.studio-clip-duration{font-variant-numeric:tabular-nums;bottom:3px;right:8px}.studio-trim-handle{z-index:5;cursor:ew-resize;touch-action:none;opacity:0;visibility:hidden;background:0 0;border:0;place-items:center;width:22px;min-height:0;padding:0;display:grid;position:absolute;top:0;bottom:0}.studio-trim-handle.start{left:-9px}.studio-trim-handle.end{right:-9px}.studio-trim-handle>span{background:#fff;border:1px solid #b2c9bd;border-radius:5px;width:13px;height:30px;display:block;box-shadow:0 2px 5px #223d2d1c}.studio-trim-handle>span:after{content:"";background:#4e7f68;border-radius:2px;width:2px;height:16px;margin:6px auto;display:block}.studio-clip-shell.selected .studio-trim-handle,.studio-clip-shell:focus-within .studio-trim-handle{opacity:1;visibility:visible}.studio-trim-handle:focus-visible>span{outline-offset:2px;outline:2px solid #18836f}.studio-trim-handle:disabled{opacity:.3;cursor:wait}.studio-transition-joint{z-index:4;width:18px;height:22px;top:calc(50% - 11px);right:-9px}.studio-clip-shell.selected+.studio-transition-joint{z-index:1}.studio-touch-dragging{opacity:.8;box-shadow:0 6px 15px #253b3025;z-index:12!important}.studio-touch-target{outline-offset:2px;outline:2px dashed #258c76}.studio-playhead{z-index:9;pointer-events:none;background:#32483b;border:0;border-radius:0;width:1px;min-height:0;padding:0;position:absolute;top:0;bottom:0}.studio-playhead>i{pointer-events:auto;cursor:ew-resize;touch-action:none;background:#258c76;border-radius:4px 4px 8px 8px;width:17px;height:19px;position:absolute;top:0;left:-8px}.studio-playhead:focus-visible>i{outline-offset:3px;outline:2px solid #258c76}.studio-audio-track,.studio-timeline.is-empty .studio-audio-track{flex:none;min-width:0;max-width:none;height:28px;min-height:28px}.studio-add-scene,.studio-timeline.is-empty .studio-add-scene{flex:none;width:40px;min-width:40px;height:48px;margin:0 12px}.studio-timeline.is-empty .studio-timeline-actions{display:none}.studio-timeline.is-empty .studio-video-track{background:#e8eced;border-radius:5px;justify-content:space-between;width:100%;min-height:54px}.studio-timeline.is-empty .studio-track-row.audio{display:flex}.studio-timeline.is-empty .studio-time-ruler{display:block}.studio-timeline.is-empty .studio-trim-info{font-size:10px}.studio-timeline-footer{display:none}@media (width<=760px){.studio-timeline{height:222px;min-height:222px;padding:0 12px 4px}.studio-timeline.is-empty{height:217px;min-height:217px}.studio-timeline-heading{min-height:28px;padding:0}.studio-timeline-title{gap:3px}.studio-timeline-title>span{font-size:9px}.studio-timeline-actions .icon-button{width:25px;height:28px;min-height:28px}.studio-timeline-actions svg{width:14px;height:14px}.studio-trim-info{height:24px;min-height:24px;font-size:9px}.studio-trim-info button{min-height:24px;font-size:9px}.studio-timeline-navigation{gap:3px;height:25px}.studio-timeline-navigation>span{font-size:8px}.studio-timeline-navigation button{width:25px;height:24px;min-height:24px;font-size:17px}.studio-timeline-scroll{padding:0 10px 6px}.studio-time-ruler{height:20px}.studio-time-ruler>span{font-size:8px}.studio-track-row,.studio-timeline.is-empty .studio-track-row{margin-top:4px}.studio-track-add{height:20px;min-height:20px;font-size:9px}.studio-video-track,.studio-timeline.is-empty .studio-video-track{min-height:52px}.studio-clip-shell{height:50px}.studio-clip-name{font-size:8px;top:3px}.studio-clip-duration{font-size:8px}.studio-trim-handle{width:24px}.studio-trim-handle.start{left:-10px}.studio-trim-handle.end{right:-10px}.studio-trim-handle>span{width:13px;height:29px}.studio-add-scene,.studio-timeline.is-empty .studio-add-scene{width:35px;min-width:35px;height:35px}.studio-audio-track,.studio-timeline.is-empty .studio-audio-track{height:23px;min-height:23px}.studio-audio-track>span{font-size:9px}}.studio-timeline.is-empty .studio-timeline-navigation{display:none}@media (width<=760px){.studio-timeline.is-empty{height:185px;min-height:185px}}