.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 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{flex:1;grid-template-rows:minmax(0,1fr) clamp(44px,6vh,56px) clamp(112px,20vh,252px);min-width:0;min-height:0;display:grid;overflow:hidden}.remotion-editor-starter-root .editor-top{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{border:1px solid #0000;position:absolute}.remotion-editor-starter-root .canvas-item-selected{border-color:#2f88ff;box-shadow:0 0 0 1px #2f88ff7a}.remotion-editor-starter-root .canvas-item-crop-active{cursor:grab;border-style:dashed;border-color:#8ab8ff}.remotion-editor-starter-root .canvas-item-crop-active:active{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;inset:0;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{background:#2f88ff;border:none;border-radius:50%;width:10px;height:10px;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{background:#303039}.remotion-editor-starter-root .transport-bar{background:#202026;border-top:1px solid #2b2b31;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{background:#232329;border-top:1px solid #2b2b31;grid-template-rows:34px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.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-icon-button{color:#a7acb7;background:0 0;border:none;border-right:1px solid #303039;justify-content:center;align-items:center;width:122px;padding:0;display:inline-flex}.remotion-editor-starter-root .timeline-timebar{flex:1;min-width:0;position:relative;overflow:hidden}.remotion-editor-starter-root .timeline-playhead-handle{z-index:8;cursor:ew-resize;background:0 0;border:0;width:16px;height:24px;padding:0;position:absolute;top:0;transform:translate(-50%)}.remotion-editor-starter-root .timeline-playhead-handle span{background:#2f88ff;border-radius:0 0 5px 5px;height:16px;position:absolute;top:0;left:2px;right:2px;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{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;bottom:0}.remotion-editor-starter-root .timeline-snap-indicator{z-index:4;background:#ffffffb8;width:1px;position:absolute;top:0;bottom:0}.remotion-editor-starter-root .timeline-row{border-bottom:1px solid #303039;min-height:56px;display:flex}.remotion-editor-starter-root .timeline-track-meta{color:#d9dbe1;z-index:6;background:#26262d;border-right:1px solid #303039;justify-content:space-between;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{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{height:56px;position:relative}.remotion-editor-starter-root .timeline-item{z-index:1;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-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;background:#ffffff2e;border:none;width:10px}.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,.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 .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) 58px 188px}.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-icon-button,.remotion-editor-starter-root .timeline-track-meta{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) 48px minmax(86px,25vh)}.remotion-editor-starter-root .editor-top{grid-template-columns:minmax(0,1fr) minmax(260px,32vw)}.remotion-editor-starter-root .inspector-section{padding:12px 14px}}