.timeline-editor-cursor{cursor:ew-resize;box-sizing:border-box;border-left:1px solid #5297ff;border-right:1px solid #5297ff;height:calc(100% - 32px);position:absolute;top:32px;transform:translate(-25%)scaleX(.5)}.timeline-editor-cursor-top{margin:auto;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(2)}.timeline-editor-cursor-area{cursor:ew-resize;width:16px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-editor-drag-line-container{height:100%;position:absolute;top:0;left:0}.timeline-editor-drag-line{border-left:1px dashed #5297ff99;width:0;height:99%;position:absolute;top:0}.timeline-editor:hover .timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{height:4px}.timeline-editor-edit-area{flex:auto;margin-top:10px;position:relative;overflow:hidden}.timeline-editor-edit-area .ReactVirtualized__Grid{overflow:overlay!important;outline:none!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{width:0;height:0}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-track{background-color:#0000!important}.timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar-thumb{background:#313132;border-radius:16px}.timeline-editor-action{background-color:#2f3134;position:absolute;top:0;left:0}.timeline-editor-action .timeline-editor-action-left-stretch,.timeline-editor-action .timeline-editor-action-right-stretch{border-radius:4px;width:10px;height:100%;position:absolute;top:0;overflow:hidden}.timeline-editor-action .timeline-editor-action-left-stretch:after,.timeline-editor-action .timeline-editor-action-right-stretch:after{border-top:28px solid #0000;border-bottom:28px solid #0000;border-radius:4px;margin:auto;position:absolute;top:0;bottom:0}.timeline-editor-action .timeline-editor-action-left-stretch{left:0}.timeline-editor-action .timeline-editor-action-left-stretch:after{content:"";border-left:7px solid #ffffff1a;border-right:7px solid #0000;left:0}.timeline-editor-action .timeline-editor-action-right-stretch{right:0}.timeline-editor-action .timeline-editor-action-right-stretch:after{content:"";border-left:7px solid #0000;border-right:7px solid #ffffff1a;right:0}.timeline-editor-edit-row-dragging{opacity:.5}.timeline-editor-edit-row{box-sizing:border-box;background-image:linear-gradient(#191b1d,#191b1d),linear-gradient(90deg,#ffffff14 1px,#0000 0);background-repeat:no-repeat,repeat;flex-direction:row;transition:opacity .2s,transform .2s;display:flex;position:relative}.timeline-editor-edit-row-drag-handle{cursor:grab;color:#666;-webkit-user-select:none;user-select:none;z-index:10;opacity:.6;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.timeline-editor-edit-row-drag-handle:hover{opacity:1;color:#999}.timeline-editor-edit-row-drag-handle:active{cursor:grabbing}.timeline-editor-edit-row-dragged{opacity:.5;pointer-events:none;z-index:1000;position:relative;transform:scale(.98)}.timeline-editor-edit-row-dragging{cursor:grabbing}.timeline-editor-edit-row-placeholder{opacity:.8;background:#4a90e21a;border:2px dashed #4a90e2;height:4px;min-height:4px;margin:2px 0}.timeline-editor-edit-row-placeholder .timeline-editor-edit-row-drag-handle,.timeline-editor-edit-row-placeholder .timeline-editor-edit-action{display:none}.timeline-editor-edit-row:before{content:"";z-index:100;opacity:0;background:#4a90e2;height:2px;transition:opacity .2s;position:absolute;left:0;right:0}.timeline-editor-edit-row[data-insert-position=top]:before{opacity:1;top:-1px}.timeline-editor-edit-row[data-insert-position=bottom]:before{opacity:1;bottom:-1px}.timeline-editor-time-area{flex:none;height:32px;position:relative}.timeline-editor-time-area .ReactVirtualized__Grid{outline:none}.timeline-editor-time-area .ReactVirtualized__Grid::-webkit-scrollbar{display:none}.timeline-editor-time-area-interact{cursor:pointer;position:absolute;top:0;left:0}.timeline-editor-time-unit{box-sizing:content-box;border-right:1px solid #fff3;position:relative;height:4px!important;top:auto!important;bottom:0!important}.timeline-editor-time-unit-big{height:8px!important}.timeline-editor-time-unit-scale{color:#fff9;position:absolute;top:0;right:0;transform:translate(50%,-100%)}.timeline-editor{background-color:#191b1d;flex-direction:column;width:600px;height:600px;min-height:32px;font-family:PingFang SC;font-size:12px;display:flex;position:relative;overflow:hidden}
.creative-timeline .timeline-editor{-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;width:100%;max-width:none;height:230px;font-family:inherit}.creative-timeline .timeline-editor-time-area{background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.creative-timeline .timeline-editor-edit-area,.creative-timeline .timeline-editor-edit-area .ReactVirtualized__Grid{background:#fff}.creative-timeline .timeline-editor-time-unit{border-right:1px solid #00000014}.creative-timeline .timeline-editor-time-unit-big,.creative-timeline .timeline-editor-time-unit-big *{color:#6b7280!important;box-shadow:none!important;background:0 0!important}.creative-timeline .timeline-editor-time-unit-scale{color:#6b7280;font-size:10px;box-shadow:none!important;background:0 0!important}.creative-timeline .timeline-editor-cursor-area,.creative-timeline .timeline-editor-cursor-area:before,.creative-timeline .timeline-editor-cursor-area:after{box-shadow:none!important;background:0 0!important;border:0!important}.creative-timeline .timeline-editor-cursor-area{width:0!important;min-width:0!important;max-width:0!important;overflow:visible!important}.creative-timeline .timeline-editor-cursor{box-shadow:none!important;background:0 0!important;border-left:2px solid #111827!important;border-right:0!important}.creative-timeline .timeline-editor-cursor-top path{fill:#111827}.creative-timeline .timeline-editor-edit-row{box-sizing:border-box;background-image:none!important}.creative-timeline .timeline-editor-edit-row:before{background:#00000014!important}.creative-timeline .timeline-editor-edit-area .ReactVirtualized__Grid,.creative-timeline .timeline-editor-time-area .ReactVirtualized__Grid{scrollbar-width:none;overflow-y:hidden!important}.creative-timeline .timeline-editor-edit-area .ReactVirtualized__Grid::-webkit-scrollbar{background:0 0;width:0!important;height:0!important}.creative-timeline .timeline-editor-time-area .ReactVirtualized__Grid::-webkit-scrollbar{background:0 0;width:0!important;height:0!important}.creative-timeline .timeline-editor-action{box-sizing:border-box;z-index:2;border-radius:10px;top:var(--timeline-action-top,14px)!important;height:var(--timeline-action-height,108px)!important;border:0!important}.creative-timeline .timeline-editor-action .timeline-editor-action-left-stretch,.creative-timeline .timeline-editor-action .timeline-editor-action-right-stretch{opacity:0;pointer-events:none;width:8px;height:auto;min-height:0;max-height:none;box-shadow:none;z-index:30;background:#00000080;border:0;border-radius:8px;top:0;bottom:0;overflow:visible;transform:none}.creative-timeline .timeline-editor-action .timeline-editor-action-left-stretch:after,.creative-timeline .timeline-editor-action .timeline-editor-action-right-stretch:after{content:"";width:2px;height:16px;box-shadow:none;background:#fff;border:0;border-radius:999px;margin:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.creative-timeline .timeline-editor-action .timeline-editor-action-left-stretch{border-top-right-radius:0;border-bottom-right-radius:0;left:2px}.creative-timeline .timeline-editor-action .timeline-editor-action-right-stretch{border-top-left-radius:0;border-bottom-left-radius:0;right:2px}.creative-timeline .timeline-editor-action-effect-effect0{background:linear-gradient(135deg,#dce7ff 0%,#c8d9ff 100%)}.creative-timeline .timeline-editor-action-effect-effect1{background:linear-gradient(135deg,#e2f4ea 0%,#ccead9 100%)}.creative-timeline .timeline-editor-action-effect-audio{background:#eeeff0}.creative-timeline .timeline-editor-action-selected{z-index:8;box-shadow:none!important;border:0!important}.creative-timeline .timeline-editor-action-selected .timeline-editor-action-left-stretch,.creative-timeline .timeline-editor-action-selected .timeline-editor-action-right-stretch,:is(.creative-timeline .timeline-editor-action:has(.timeline-editor-action-inner.is-selected) .timeline-editor-action-left-stretch,.creative-timeline .timeline-editor-action:has(.timeline-editor-action-inner.is-selected) .timeline-editor-action-right-stretch){opacity:1;pointer-events:auto}.creative-timeline .timeline-editor-action:has(.timeline-editor-action-inner.is-video){background:#dae0e8!important;border:0!important}.creative-timeline .timeline-editor-action:has(.timeline-editor-action-inner.is-dragging){z-index:40!important}.creative-timeline .timeline-editor-action:has(.timeline-editor-action-inner.is-dragging-secondary){opacity:.25}.creative-timeline .timeline-editor-action-inner{pointer-events:none;box-sizing:border-box;background:#fff6;border:2px solid #0000;border-radius:10px;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding:10px 12px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.creative-timeline .timeline-editor-action-inner.is-selected{box-shadow:none;border-color:#111}.creative-timeline .timeline-editor-action-inner.is-video{background:#ffffff47;border-color:#0000}.creative-timeline .timeline-editor-action-inner.is-video.is-selected{box-shadow:none;border-color:#111}.creative-timeline .timeline-editor-action-media{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.creative-timeline .timeline-editor-action-frame-strip{background:#dce2ea;grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;width:100%;height:100%;display:grid}.creative-timeline .timeline-editor-action-frame{object-fit:cover;-webkit-user-drag:none;filter:saturate(1.05)contrast(1.04);width:100%;height:100%;display:block}.creative-timeline .timeline-editor-action-frame-strip-loading{background:repeating-linear-gradient(110deg,#fff3 0 28px,#ffffff14 28px 56px)}.creative-timeline .timeline-editor-action-media-overlay{background:linear-gradient(#ffffff14 0%,#fff3 56%,#ffffff80 100%);position:absolute;inset:0}.creative-timeline .audio-waveform-timeline{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.creative-timeline .audio-waveform-timeline canvas{height:100%!important}.creative-timeline .timeline-editor-action-name{z-index:1;color:#1f2937;text-shadow:none;-webkit-user-select:none;user-select:none;letter-spacing:.2px;text-transform:none;font-size:12px;font-weight:600;position:relative}
