.remotion-editor-starter-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f7;background:#17171a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.remotion-editor-starter-root *{box-sizing:border-box}.remotion-editor-starter-root{overscroll-behavior:none;background:#17171a;width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}.remotion-editor-starter-root.remotion-editor-fullscreen{isolation:isolate;touch-action:manipulation;position:relative}.remotion-editor-starter-root .remotion-editor-runtime{width:100%;height:100%}.remotion-editor-starter-root .editor-initial-loading{z-index:50;color:#f5f5f7;background:#17171af5;grid-template-columns:auto minmax(0,320px) auto;place-content:center;align-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.remotion-editor-starter-root .editor-loading-spinner{border:3px solid #3a3a42;border-top-color:#2f88ff;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite editor-loading-spin}.remotion-editor-starter-root .editor-initial-loading-copy{gap:4px;min-width:0;display:grid}.remotion-editor-starter-root .editor-initial-loading-copy strong{font-size:15px}.remotion-editor-starter-root .editor-initial-loading-copy span,.remotion-editor-starter-root .editor-loading-percent{color:#aeb4c0;font-size:12px}.remotion-editor-starter-root .editor-initial-loading progress{color:#2f88ff;background:#34343c;border:0;border-radius:999px;grid-column:2;width:100%;height:6px;overflow:hidden}.remotion-editor-starter-root .editor-initial-loading progress::-webkit-progress-bar{background:#34343c}.remotion-editor-starter-root .editor-initial-loading progress::-webkit-progress-value{background:#2f88ff;border-radius:999px;transition:width .18s ease-out}.remotion-editor-starter-root .editor-initial-loading progress::-moz-progress-bar{background:#2f88ff;border-radius:999px}.remotion-editor-starter-root .editor-loading-percent{text-align:right;min-width:34px}.remotion-editor-starter-root .editor-loading-retry{color:#f5f5f7;background:#2a2a31;border:1px solid #4a4d58;border-radius:5px;grid-column:2;justify-self:start;min-height:40px;padding:0 16px}.remotion-editor-starter-root .editor-loading-retry:hover,.remotion-editor-starter-root .editor-loading-retry:focus-visible{border-color:#2f88ff;outline:none}@keyframes editor-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.remotion-editor-starter-root .editor-loading-spinner{animation-duration:1.8s}}@media (max-width:480px){.remotion-editor-starter-root .editor-initial-loading{grid-template-columns:28px minmax(0,1fr)}.remotion-editor-starter-root .editor-initial-loading progress,.remotion-editor-starter-root .editor-loading-percent,.remotion-editor-starter-root .editor-loading-retry{grid-column:1/-1}.remotion-editor-starter-root .editor-loading-percent{justify-self:center}}.remotion-editor-starter-root button,.remotion-editor-starter-root input,.remotion-editor-starter-root select,.remotion-editor-starter-root textarea{font:inherit}.remotion-editor-starter-root button{cursor:pointer}.remotion-editor-starter-root .app-shell{background:#19191d;flex-direction:column;min-width:0;height:100dvh;display:flex;overflow:hidden}.remotion-editor-starter-root .toolbar{background:#1b1b20;border-bottom:1px solid #2b2b31;flex:0 0 clamp(54px,7.5vh,70px);justify-content:flex-start;align-items:center;gap:clamp(6px,1.2vw,18px);min-width:0;height:clamp(54px,7.5vh,70px);padding:0 clamp(8px,1vw,12px);display:flex;overflow:hidden}.remotion-editor-starter-root .toolbar-group{background:#222229;border-radius:4px;flex:none;align-items:center;gap:0;display:flex;overflow:hidden}.remotion-editor-starter-root .toolbar-spacer{flex:1;min-width:4px}.remotion-editor-starter-root .upload-status-list{align-items:center;gap:8px;max-width:420px;display:flex;overflow:hidden}.remotion-editor-starter-root .upload-status{color:#d8dbe2;background:#222229;border:1px solid #343641;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;width:170px;padding:7px 9px;font-size:11px;display:grid}.remotion-editor-starter-root .upload-status>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remotion-editor-starter-root .upload-status strong{color:#f1f3f7;font-weight:600}.remotion-editor-starter-root .upload-status div{background:#343641;border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.remotion-editor-starter-root .upload-status div span{border-radius:inherit;background:#2f88ff;height:100%;display:block}.remotion-editor-starter-root .ui-button{color:#f5f5f7;background:#24242b;border:0;border-right:1px solid #2d2d35;border-radius:0;justify-content:center;align-items:center;min-width:clamp(36px,4.3vw,46px);height:clamp(36px,5.2vh,46px);padding:0 clamp(8px,1vw,12px);font-size:17px;line-height:1;display:inline-flex}.remotion-editor-starter-root .editor-icon{pointer-events:none;flex:none;display:block}.remotion-editor-starter-root .media-import-button{min-width:clamp(68px,7vw,82px)}.remotion-editor-starter-root .toolbar-media-icons{align-items:center;gap:4px;display:inline-flex}.remotion-editor-starter-root .ui-button:hover:not(:disabled){background:#303039}.remotion-editor-starter-root .ui-button:disabled{opacity:.45;cursor:not-allowed}.remotion-editor-starter-root .editor-exit-button{white-space:nowrap;border:1px solid #343641;border-radius:4px;flex:none;gap:6px;min-width:clamp(76px,7vw,88px);text-decoration:none}.remotion-editor-starter-root .editor-exit-button span{font-size:13px;font-weight:600}.remotion-editor-starter-root .editor-version-group{background:#222229;border:1px solid #343641;border-radius:4px;flex:0 340px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:220px;max-width:380px;height:clamp(36px,5.2vh,46px);display:grid;overflow:hidden}.remotion-editor-starter-root .editor-version-select{color:#f5f5f7;background:#24242b;border:0;border-right:1px solid #343641;outline:none;min-width:0;padding:0 10px;font-size:12px}.remotion-editor-starter-root .editor-version-active-button{color:#f5f5f7;white-space:nowrap;background:#24242b;border:0;min-width:92px;padding:0 10px;font-size:12px;font-weight:600}.remotion-editor-starter-root .editor-version-active-button:hover:not(:disabled){background:#303039}.remotion-editor-starter-root .editor-version-active-button:disabled{opacity:.5;cursor:not-allowed}.remotion-editor-starter-root .editor-title-context-group{flex:none;align-items:center;gap:8px;min-width:150px;max-width:320px;height:clamp(36px,5.2vh,46px);display:flex}.remotion-editor-starter-root .editor-title-context-button{color:#f5f5f7;white-space:nowrap;background:#24242b;border:1px solid #343641;border-radius:4px;min-width:132px;height:100%;padding:0 10px;font-size:12px;font-weight:600}.remotion-editor-starter-root .editor-title-context-button:hover:not(:disabled){background:#303039}.remotion-editor-starter-root .editor-title-context-button:disabled{opacity:.5;cursor:not-allowed}.remotion-editor-starter-root .editor-title-context-status{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}.remotion-editor-starter-root .editor-title-context-status.error{color:#fca5a5}.remotion-editor-starter-root .ui-button-active{background:#3a3a43}.remotion-editor-starter-root .snapping-button.ui-button-active{color:#2f88ff}.remotion-editor-starter-root .toolbar-zoom-label{color:#f5f5f7;background:#24242b;border:0;border-right:1px solid #2d2d35;min-width:clamp(42px,5vw,56px);height:clamp(36px,5.2vh,46px);font-size:13px;font-weight:600}.remotion-editor-starter-root .workspace{grid-template-areas:"editor""resize""transport""timeline";grid-template-rows:minmax(0, 1fr) 8px clamp(44px, 6vh, 56px) var(--editor-timeline-height,clamp(112px, 20vh, 252px));flex:1;min-width:0;min-height:0;display:grid;overflow:hidden}.remotion-editor-starter-root .timeline-resize-handle{z-index:8;cursor:row-resize;touch-action:none;background:#1c1c21;border:0;outline:0;grid-area:resize;width:100%;min-width:0;position:relative}.remotion-editor-starter-root .timeline-resize-handle:before{content:"";background:#35353d;height:1px;position:absolute;inset:3px 0 auto}.remotion-editor-starter-root .timeline-resize-handle:after{content:"";background:#686873;border-radius:999px;width:48px;height:3px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.remotion-editor-starter-root .timeline-resize-handle:hover:after,.remotion-editor-starter-root .timeline-resize-handle:focus-visible:after,.remotion-editor-starter-root .timeline-resize-handle-active:after{background:#6fa7ff}.remotion-editor-starter-root .timeline-resize-handle:focus-visible{box-shadow:inset 0 0 0 1px #6fa7ff}.remotion-editor-starter-root .editor-top{grid-area:editor;grid-template-columns:minmax(0,1fr) clamp(300px,24vw,392px);min-width:0;min-height:0;display:grid;overflow:hidden}.remotion-editor-starter-root .stage-panel{border-right:1px solid #2b2b31;min-width:0;min-height:0;overflow:hidden}.remotion-editor-starter-root .stage-shell{background:#222226;min-width:0;height:100%;min-height:0;padding:clamp(10px,2vh,18px) clamp(12px,1.8vw,24px);position:relative;overflow:hidden}.remotion-editor-starter-root .stage-shell-dragover{background:#161d27}.remotion-editor-starter-root .stage-toolbar{z-index:3;background:#24242b;border-radius:4px;align-items:center;display:flex;position:absolute;top:14px;right:24px;overflow:hidden}.remotion-editor-starter-root .stage-zoom-label{text-align:center;color:#c4c7ce;min-width:42px;font-size:12px}.remotion-editor-starter-root .stage-area{justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;padding-top:0;display:flex}.remotion-editor-starter-root .stage{box-shadow:none;background:#000;position:relative;overflow:hidden}.remotion-editor-starter-root .canvas-overlay{position:absolute;inset:0}.remotion-editor-starter-root .empty-canvas-message{color:#ffffff8a;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0 14px;font-size:clamp(12px,1.65vw,30px);font-weight:500;line-height:1.08;display:flex;position:absolute;inset:0}.remotion-editor-starter-root .empty-canvas-message span{overflow-wrap:anywhere;max-width:100%}.remotion-editor-starter-root .canvas-guide{pointer-events:none;z-index:10;background:#2f88ffd9;position:absolute}.remotion-editor-starter-root .canvas-guide-vertical{width:1px;top:0;bottom:0}.remotion-editor-starter-root .canvas-guide-horizontal{height:1px;left:0;right:0}.remotion-editor-starter-root .canvas-item{outline-offset:0;border:0;outline:1px solid #0000;position:absolute}.remotion-editor-starter-root .canvas-item-selected{outline-color:#2f88ff;box-shadow:0 0 0 1px #2f88ff7a}.remotion-editor-starter-root .motion-scene-layer-handle{cursor:move;touch-action:none;background:#2f88ff0a;border:1px dashed #abc6ffb8;border-radius:3px;min-width:8px;min-height:8px;padding:0;position:absolute}.remotion-editor-starter-root .motion-scene-layer-handle:hover,.remotion-editor-starter-root .motion-scene-layer-handle-selected{background:#2f88ff1f;border-style:solid;border-color:#8ab8ff;box-shadow:0 0 0 1px #2f88ff47}.remotion-editor-starter-root .motion-scene-layer-handle-locked{cursor:default;border-style:dotted}.remotion-editor-starter-root .motion-scene-layer-label{color:#fff;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:#2f88ff;border-radius:3px;max-width:180px;padding:0 6px;font-size:10px;font-weight:600;line-height:18px;position:absolute;bottom:calc(100% + 5px);left:0;overflow:hidden}.remotion-editor-starter-root .motion-scene-layer-resize{touch-action:none;z-index:2;background:#2f88ff;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute}.remotion-editor-starter-root .motion-scene-layer-resize-top-left{cursor:nwse-resize;top:-5px;left:-5px}.remotion-editor-starter-root .motion-scene-layer-resize-top-right{cursor:nesw-resize;top:-5px;right:-5px}.remotion-editor-starter-root .motion-scene-layer-resize-bottom-left{cursor:nesw-resize;bottom:-5px;left:-5px}.remotion-editor-starter-root .motion-scene-layer-resize-bottom-right{cursor:nwse-resize;bottom:-5px;right:-5px}.remotion-editor-starter-root .canvas-item-transform-disabled:not(.canvas-item-crop-active){cursor:default}.remotion-editor-starter-root .canvas-multi-selection-bounds{pointer-events:none;z-index:11;border:1px solid #2f88ff;position:absolute;box-shadow:0 0 0 1px #2f88ff7a}.remotion-editor-starter-root .canvas-multi-selection-bounds .resize-handle{pointer-events:auto}.remotion-editor-starter-root .canvas-item-crop-active{cursor:grab;outline-style:dashed;outline-color:#8ab8ff}.remotion-editor-starter-root .canvas-item-crop-active:active:not(:disabled){cursor:grabbing}.remotion-editor-starter-root .canvas-text-editor{outline-offset:0;caret-color:#fff;cursor:text;z-index:4;outline:2px solid #2f88fff2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.remotion-editor-starter-root .canvas-text-editor-input{cursor:text;touch-action:manipulation;-webkit-user-select:text;user-select:text;white-space:pre-wrap;outline:0;width:100%;max-height:100%;overflow:hidden}.remotion-editor-starter-root .crop-background-preview{-o-object-fit:cover;object-fit:cover;opacity:.32;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.remotion-editor-starter-root .resize-handle{touch-action:none;z-index:12;background:#2f88ff;border:none;border-radius:50%;width:10px;height:10px;padding:0;position:absolute}.remotion-editor-starter-root .resize-top-left{top:-5px;left:-5px}.remotion-editor-starter-root .resize-top-right{top:-5px;right:-5px}.remotion-editor-starter-root .resize-bottom-left{bottom:-5px;left:-5px}.remotion-editor-starter-root .resize-bottom-right{bottom:-5px;right:-5px}.remotion-editor-starter-root .crop-handle{z-index:3;background:#111827;border:2px solid #8ab8ff;border-radius:2px;width:12px;height:12px;position:absolute}.remotion-editor-starter-root .crop-left{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.remotion-editor-starter-root .crop-right{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.remotion-editor-starter-root .crop-top{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.remotion-editor-starter-root .crop-bottom{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.remotion-editor-starter-root .crop-top-left{cursor:nwse-resize;top:-6px;left:-6px}.remotion-editor-starter-root .crop-top-right{cursor:nesw-resize;top:-6px;right:-6px}.remotion-editor-starter-root .crop-bottom-left{cursor:nesw-resize;bottom:-6px;left:-6px}.remotion-editor-starter-root .crop-bottom-right{cursor:nwse-resize;bottom:-6px;right:-6px}.remotion-editor-starter-root .canvas-context-menu{z-index:50;background:#202026;border:1px solid #3b3d48;border-radius:6px;min-width:150px;position:fixed;overflow:hidden;box-shadow:0 14px 36px #0000005c}.remotion-editor-starter-root .canvas-context-menu button{color:#f5f5f7;text-align:left;background:0 0;border:0;border-bottom:1px solid #303039;width:100%;padding:10px 12px;font-size:12px}.remotion-editor-starter-root .canvas-context-menu button:hover:not(:disabled){background:#303039}.remotion-editor-starter-root .transport-bar{background:#202026;border-top:1px solid #2b2b31;grid-area:transport;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:0;padding:0 clamp(8px,1.5vw,18px);display:flex;overflow:hidden}.remotion-editor-starter-root .transport-left,.remotion-editor-starter-root .transport-right{background:#24242b;border-radius:4px;flex:0 auto;align-items:center;min-width:0;display:flex;overflow:hidden}.remotion-editor-starter-root .transport-time{color:#c7cad1;flex:auto;justify-content:center;align-items:center;gap:clamp(10px,2vw,24px);min-width:170px;font-size:13px;display:flex}.remotion-editor-starter-root .transport-playback{border-radius:4px;display:flex;overflow:hidden}.remotion-editor-starter-root .transport-playback .ui-button{min-width:44px}.remotion-editor-starter-root .transport-playback .ui-button:nth-child(2){color:#fff}.remotion-editor-starter-root .zoom-slider input{width:clamp(64px,8vw,100px)}.remotion-editor-starter-root .timeline-panel{overscroll-behavior:contain;touch-action:pan-x pan-y;background:#232329;border-top:1px solid #2b2b31;grid-area:timeline;grid-template-rows:34px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}@media (pointer:coarse) and (max-width:900px),(max-width:700px) and (orientation:portrait){.remotion-editor-starter-root .resize-handle,.remotion-editor-starter-root .motion-scene-layer-resize{background:0 0;border:0;border-radius:0;width:44px;height:44px}.remotion-editor-starter-root .resize-handle:after,.remotion-editor-starter-root .motion-scene-layer-resize:after{content:"";background:#2f88ff;border:1px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute}.remotion-editor-starter-root .resize-top-left,.remotion-editor-starter-root .motion-scene-layer-resize-top-left,.remotion-editor-starter-root .resize-top-left:after,.remotion-editor-starter-root .motion-scene-layer-resize-top-left:after{top:0;left:0}.remotion-editor-starter-root .resize-top-right,.remotion-editor-starter-root .motion-scene-layer-resize-top-right,.remotion-editor-starter-root .resize-top-right:after,.remotion-editor-starter-root .motion-scene-layer-resize-top-right:after{top:0;right:0}.remotion-editor-starter-root .resize-bottom-left,.remotion-editor-starter-root .motion-scene-layer-resize-bottom-left,.remotion-editor-starter-root .resize-bottom-left:after,.remotion-editor-starter-root .motion-scene-layer-resize-bottom-left:after{bottom:0;left:0}.remotion-editor-starter-root .resize-bottom-right,.remotion-editor-starter-root .motion-scene-layer-resize-bottom-right,.remotion-editor-starter-root .resize-bottom-right:after,.remotion-editor-starter-root .motion-scene-layer-resize-bottom-right:after{bottom:0;right:0}}.remotion-editor-starter-root .timeline-head{border-bottom:1px solid #303039;align-items:stretch;min-width:0;display:flex;position:relative}.remotion-editor-starter-root .timeline-sidebar-spacer{border-right:1px solid #303039;flex:0 0 122px;width:122px}.remotion-editor-starter-root .timeline-sidebar-toggle{display:none}.remotion-editor-starter-root .timeline-timebar{--timeline-scroll-left:0px;touch-action:none;flex:1;min-width:0;position:relative;overflow:hidden}.remotion-editor-starter-root .timeline-playhead-handle{z-index:8;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:44px;height:32px;padding:0;position:absolute;top:0}.remotion-editor-starter-root .timeline-playhead-handle span{left:var(--timeline-playhead-marker-left,50%);background:#2f88ff;border-radius:0 0 5px 5px;width:12px;height:16px;position:absolute;top:0;transform:translate(-50%);box-shadow:0 0 0 1px #02061757}.remotion-editor-starter-root .timeline-playhead-handle span:after{content:"";background:#2f88ff;border-radius:1px;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.remotion-editor-starter-root .timeline-marker{transform:translateX(calc(0px - var(--timeline-scroll-left)));will-change:transform;color:#9fa5b1;font-size:10px;position:absolute;top:8px}.remotion-editor-starter-root .timeline-body{min-width:0;min-height:0;position:relative;overflow:auto}.remotion-editor-starter-root .timeline-playhead{z-index:5;background:#2f88ff;width:2px;position:absolute;top:0}.remotion-editor-starter-root .timeline-snap-indicator{z-index:4;background:#ffffffb8;width:1px;position:absolute;top:0}.remotion-editor-starter-root .timeline-row{min-height:56px;display:flex;box-shadow:inset 0 -1px #303039}.remotion-editor-starter-root .timeline-track-meta{color:#d9dbe1;z-index:6;background:#26262d;border-right:1px solid #303039;flex:0 0 122px;justify-content:space-between;align-self:stretch;align-items:center;width:122px;padding:10px 12px;font-size:13px;display:flex;position:sticky;left:0}.remotion-editor-starter-root .timeline-track-actions{gap:3px;display:flex}.remotion-editor-starter-root .timeline-track-actions button{color:#afb5bf;background:#202028;border:1px solid #3a3d47;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1.1;display:inline-flex}.remotion-editor-starter-root .timeline-track-actions button:hover:not(:disabled){color:#fff;background:#303039}.remotion-editor-starter-root .timeline-track-action-active{color:#2f88ff;background:#2f88ff1f;border-color:#2f88ff7a}.remotion-editor-starter-root .timeline-lane{flex:none;min-height:56px;position:relative}.remotion-editor-starter-root .timeline-item{z-index:1;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#7080ffe6,#4554a5d9);border:1px solid #0000;border-radius:8px;align-items:stretch;display:flex;position:absolute;top:7px;overflow:hidden}.remotion-editor-starter-root .timeline-motion-expand{z-index:4;color:#fff;background:#0000003d;border:0;border-right:1px solid #ffffff29;flex:0 0 24px;justify-content:center;align-items:center;width:24px;margin-left:10px;padding:0;display:inline-flex;position:relative}.remotion-editor-starter-root .timeline-motion-layer-row{background:#202027;min-height:32px}.remotion-editor-starter-root .timeline-motion-layer-meta{background:#202027;padding:4px 8px 4px 20px;font-size:11px}.remotion-editor-starter-root .timeline-motion-layer-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.remotion-editor-starter-root .timeline-motion-layer-meta .timeline-track-actions button{width:20px;height:20px}.remotion-editor-starter-root .timeline-motion-layer-lane{background:linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/40px 100%;min-height:32px}.remotion-editor-starter-root .timeline-motion-layer-item{color:#dbe7ff;text-align:left;background:#26334a;border:1px solid #84a9ff61;border-radius:5px;min-width:4px;height:24px;padding:0 8px;font-size:10px;position:absolute;top:4px;overflow:hidden}.remotion-editor-starter-root .timeline-motion-layer-item-shape{background:#3c2f4d;border-color:#e0adff6b}.remotion-editor-starter-root .timeline-motion-layer-item-media{background:#203f43;border-color:#7fe1d56b}.remotion-editor-starter-root .timeline-motion-layer-item-custom_graphic{background:#4a3822;border-color:#ffc6717a}.remotion-editor-starter-root .timeline-motion-layer-item-selected{border-color:#4d90ff;box-shadow:0 0 0 1px #4d90ff8c}.remotion-editor-starter-root .timeline-motion-layer-item-hidden{opacity:.42}.remotion-editor-starter-root .timeline-motion-layer-trim{cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.remotion-editor-starter-root .timeline-motion-layer-trim-left{left:0}.remotion-editor-starter-root .timeline-motion-layer-trim-right{right:0}.remotion-editor-starter-root .timeline-item-selected{z-index:2;overflow:visible}.remotion-editor-starter-root .timeline-item-video,.remotion-editor-starter-root .timeline-item-image,.remotion-editor-starter-root .timeline-item-gif{background:#1c2430}.remotion-editor-starter-root .timeline-item-captions{background:linear-gradient(#3dc9b3f0,#1d7468e6)}.remotion-editor-starter-root .timeline-item-text{background:linear-gradient(#f59e0bf2,#b45309e6)}.remotion-editor-starter-root .timeline-item-solid{background:linear-gradient(#ec4899f0,#831843e0)}.remotion-editor-starter-root .timeline-item-selected{border-color:#2f88ff;box-shadow:0 0 0 1px #2f88ff73}.remotion-editor-starter-root .timeline-max-trim{pointer-events:none;z-index:-1;background:#ffffff14;border:1px solid #ffffffc7;border-radius:10px;position:absolute;top:-4px;bottom:-4px}.remotion-editor-starter-root .timeline-item-body{z-index:2;text-shadow:0 1px 5px #000000b8;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:6px 10px;display:flex;overflow:hidden}.remotion-editor-starter-root .timeline-item-body strong,.remotion-editor-starter-root .timeline-item-body span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.remotion-editor-starter-root .timeline-item-body span{color:#ffffffbf}.remotion-editor-starter-root .timeline-thumbnails{opacity:.54;pointer-events:none;z-index:0;grid-auto-columns:minmax(34px,1fr);grid-auto-flow:column;display:grid;position:absolute;inset:0}.remotion-editor-starter-root .timeline-thumbnails img,.remotion-editor-starter-root .timeline-thumbnails video{-o-object-fit:cover;object-fit:cover;filter:saturate(.92)contrast(1.04);border-right:1px solid #00000057;width:100%;height:100%}.remotion-editor-starter-root .timeline-waveform{opacity:.7;pointer-events:none;z-index:1;align-items:center;gap:2px;height:16px;display:flex;position:absolute;bottom:5px;left:14px;right:14px}.remotion-editor-starter-root .timeline-waveform span{background:#ffffffb8;border-radius:999px;width:2px;min-height:2px}.remotion-editor-starter-root .timeline-volume-line{z-index:4;cursor:ns-resize;background:#ffffffe6;border:0;border-radius:999px;height:2px;margin-top:-1px;position:absolute;left:12px;right:12px}.remotion-editor-starter-root .timeline-trim{z-index:3;cursor:ew-resize;touch-action:none;background:#ffffff2e;border:none;width:10px;position:absolute;top:0;bottom:0}.remotion-editor-starter-root .timeline-trim-left{left:0}.remotion-editor-starter-root .timeline-trim-right{right:0}@media (pointer:coarse) and (max-width:900px),(max-width:700px) and (orientation:portrait){.remotion-editor-starter-root .timeline-playhead-handle{width:44px;height:32px}.remotion-editor-starter-root .timeline-item{overflow:visible}.remotion-editor-starter-root .timeline-motion-expand{margin-left:44px}.remotion-editor-starter-root .timeline-panel[data-track-sidebar-expanded=true] .timeline-sidebar-spacer,.remotion-editor-starter-root .timeline-panel[data-track-sidebar-expanded=true] .timeline-track-meta{flex-basis:88px;width:88px}.remotion-editor-starter-root .timeline-sidebar-toggle{z-index:12;color:#d9dde5;touch-action:manipulation;background:#1d1d22eb;border:1px solid #3b3d48;border-radius:4px;justify-content:center;align-items:center;width:28px;height:26px;padding:0;display:inline-flex;position:absolute;top:3px;right:3px}.remotion-editor-starter-root .timeline-panel[data-track-sidebar-expanded=false] .timeline-sidebar-spacer,.remotion-editor-starter-root .timeline-panel[data-track-sidebar-expanded=false] .timeline-track-meta{opacity:0;visibility:hidden;pointer-events:none;border-right:0;flex-basis:0;width:0;min-width:0;padding:0;overflow:hidden}.remotion-editor-starter-root .timeline-trim{background:0 0;width:44px;height:44px;top:-2px;bottom:auto}.remotion-editor-starter-root .timeline-trim:after{content:"";background:#ffffff47;width:8px;position:absolute;top:0;bottom:0}.remotion-editor-starter-root .timeline-trim-left:after{left:0}.remotion-editor-starter-root .timeline-trim-right:after{right:0}}.remotion-editor-starter-root .timeline-fade{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0}.remotion-editor-starter-root .timeline-fade-in{background:linear-gradient(90deg,#00000057,#0000);border-right:1px solid #ffffff57;left:10px}.remotion-editor-starter-root .timeline-fade-out{background:linear-gradient(90deg,#0000,#00000057);border-left:1px solid #ffffff57;right:10px}.remotion-editor-starter-root .timeline-fade-handle{z-index:4;background:#0f1117db;border:1px solid #ffffffc7;border-radius:50%;width:12px;height:12px;position:absolute;top:4px}.remotion-editor-starter-root .timeline-fade-handle-in{cursor:ew-resize;left:18px}.remotion-editor-starter-root .timeline-fade-handle-out{cursor:ew-resize;right:18px}.remotion-editor-starter-root .inspector-panel{background:#1b1b20;border-left:1px solid #303039;flex-direction:column;gap:0;min-width:0;min-height:0;padding:0;display:flex;overflow:auto}.remotion-editor-starter-root .inspector-section{background:0 0;border:0;border-bottom:1px solid #303039;border-radius:0;padding:18px}.remotion-editor-starter-root .inspector-section h3{color:#e9ebef;margin:0 0 12px;font-size:14px}.remotion-editor-starter-root .inspector-row{color:#adb4bf;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:grid}.remotion-editor-starter-root .inspector-row:last-child{margin-bottom:0}.remotion-editor-starter-root .inspector-inline{grid-template-columns:minmax(88px,1fr) minmax(88px,1fr) 44px;align-items:start;gap:10px;display:grid}.remotion-editor-starter-root .inspector-metric{color:#adb4bf;gap:8px;margin-top:2px;font-size:12px;display:grid}.remotion-editor-starter-root .inspector-metric strong{color:#e9ebef;font-weight:500}.remotion-editor-starter-root .inspector-inline .inspector-row{grid-template-columns:auto minmax(64px,1fr);gap:6px;margin-bottom:12px}.remotion-editor-starter-root .inspector-option-row{flex-wrap:wrap;gap:6px;display:flex}.remotion-editor-starter-root .inspector-option-button{color:#f5f5f7;background:#18181d;border:1px solid #3b3d48;border-radius:4px;min-width:34px;padding:7px 10px}.remotion-editor-starter-root .inspector-option-button-active{background:#1b2435;border-color:#4d90ff}.remotion-editor-starter-root .font-family-control{gap:6px;display:grid}.remotion-editor-starter-root .font-family-option{color:#f5f5f7;text-align:left;background:#18181d;border:1px solid #3b3d48;border-radius:4px;width:100%;min-height:34px;padding:7px 10px}.remotion-editor-starter-root .font-family-option:hover:not(:disabled),.remotion-editor-starter-root .font-family-option-active{background:#1b2435;border-color:#4d90ff}.remotion-editor-starter-root .inspector-row input,.remotion-editor-starter-root .inspector-row select,.remotion-editor-starter-root .inspector-row textarea{color:#f5f5f7;background:#222229;border:0;border-radius:4px;width:100%;padding:8px 10px}.remotion-editor-starter-root .source-info{color:#96a0b1;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px;font-size:11px;display:grid}.remotion-editor-starter-root .source-info span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.remotion-editor-starter-root .status-text{color:#bdc4d1;margin:10px 0 0;font-size:12px}.remotion-editor-starter-root .motion-scene-layer-editor,.remotion-editor-starter-root .caption-word-editor{background:#18181d;border:1px solid #363945;border-radius:6px;gap:10px;margin:12px 0;padding:12px;display:grid}.remotion-editor-starter-root .motion-scene-layer-editor h4,.remotion-editor-starter-root .caption-word-editor h4{color:#e9ebef;margin:0;font-size:13px}.remotion-editor-starter-root .motion-scene-layer-editor .status-text,.remotion-editor-starter-root .caption-word-editor .status-text{margin:0}.remotion-editor-starter-root .motion-scene-layer-editor .inspector-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.remotion-editor-starter-root .status-text.error{color:#f59ea0}.remotion-editor-starter-root .download-link{color:#84a9ff;margin-top:10px;text-decoration:none;display:inline-flex}.remotion-editor-starter-root .render-preview{background:#0f1014;border:1px solid #343746;border-radius:10px;width:100%;margin-top:12px}@media (max-width:700px) and (orientation:portrait){.remotion-editor-starter-root .toolbar{flex-basis:54px;justify-content:space-between;gap:4px;height:54px;padding:0 6px;overflow:hidden}.remotion-editor-starter-root .toolbar-spacer,.remotion-editor-starter-root .editor-version-group,.remotion-editor-starter-root .editor-title-context-group,.remotion-editor-starter-root .upload-status-list,.remotion-editor-starter-root .toolbar>.toolbar-group:last-child{display:none}.remotion-editor-starter-root .ui-button{min-width:40px;height:44px;padding:0 8px}.remotion-editor-starter-root .media-import-button{min-width:52px}.remotion-editor-starter-root .editor-exit-button{min-width:48px}.remotion-editor-starter-root .editor-exit-button span,.remotion-editor-starter-root .toolbar>.toolbar-group:first-of-type .ui-button:nth-child(2),.remotion-editor-starter-root .toolbar>.toolbar-group:first-of-type .ui-button:nth-child(3),.remotion-editor-starter-root .toolbar>.toolbar-group:nth-of-type(2) .ui-button:nth-child(4),.remotion-editor-starter-root .toolbar>.toolbar-group:nth-of-type(2) .ui-button:nth-child(5){display:none}.remotion-editor-starter-root .workspace{grid-template-rows:minmax(0,1fr) 0 58px 188px}.remotion-editor-starter-root .timeline-resize-handle{display:none}.remotion-editor-starter-root .editor-top{grid-template-columns:minmax(0,1fr)}.remotion-editor-starter-root .stage-panel{border-right:0}.remotion-editor-starter-root .stage-shell{padding:12px}.remotion-editor-starter-root .inspector-panel{display:none}.remotion-editor-starter-root .transport-bar{justify-content:flex-start;gap:6px;padding:0 6px;overflow:hidden}.remotion-editor-starter-root .transport-left,.remotion-editor-starter-root .transport-right,.remotion-editor-starter-root .transport-time{flex:none}.remotion-editor-starter-root .transport-time{flex:auto;gap:6px;min-width:0}.remotion-editor-starter-root .transport-time>span:last-child,.remotion-editor-starter-root .transport-left .ui-button:first-child,.remotion-editor-starter-root .transport-right .ui-button:nth-child(n+2),.remotion-editor-starter-root .transport-right .zoom-slider{display:none}.remotion-editor-starter-root .transport-playback .ui-button{min-width:38px}.remotion-editor-starter-root .timeline-panel{grid-template-rows:32px minmax(0,1fr)}.remotion-editor-starter-root .timeline-sidebar-spacer,.remotion-editor-starter-root .timeline-track-meta{flex-basis:88px;width:88px}.remotion-editor-starter-root .timeline-track-meta{padding:8px;font-size:12px}.remotion-editor-starter-root .timeline-track-actions button{width:28px;height:28px}}@media (max-height:520px) and (orientation:landscape){.remotion-editor-starter-root .toolbar{flex-basis:46px;height:46px}.remotion-editor-starter-root .ui-button,.remotion-editor-starter-root .toolbar-zoom-label{min-width:40px;height:38px}.remotion-editor-starter-root .workspace{grid-template-rows:minmax(0,1fr) 0 48px minmax(86px,25vh)}.remotion-editor-starter-root .timeline-resize-handle{display:none}.remotion-editor-starter-root .editor-top{grid-template-columns:minmax(0,1fr) minmax(260px,32vw)}.remotion-editor-starter-root .inspector-section{padding:12px 14px}}