.templateGalleryBackdrop{position:fixed;inset:0;z-index:65;background:#09090bef;backdrop-filter:blur(15px);overflow:auto;padding:24px;display:flex;align-items:flex-start;justify-content:center}.templateGallery{width:min(1100px,100%);padding:20px 24px 32px;background:#0b0b0c;border-radius:28px;min-height:70vh;box-shadow:0 30px 100px #0005}.templateGallery>header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.templateGallery h2{font-size:24px;font-weight:650;letter-spacing:-.7px;margin:0 auto 0 0}.galleryCategories{display:flex;align-items:center;padding:4px;border-radius:26px;background:#252528;gap:2px}.galleryCategories>button{height:34px;padding:0 15px;display:flex;gap:8px;align-items:center;background:none;border-radius:23px;color:#a1a1aa;font-size:14px}.galleryCategories>button.active{background:#38383c;color:white}.gallerySearch{display:flex;align-items:center;gap:9px;color:#92929c;padding:10px 14px;background:#1c1c1f;border-radius:14px;margin-bottom:22px;max-width:360px}.gallerySearch input{background:none;outline:none;border:0;width:100%;font-size:13px}.galleryTemplateGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:14px;row-gap:27px}.galleryTemplateCard{background:none;padding:0;min-width:0}.galleryTemplateMedia{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:23px;background:#222226}.galleryTemplateMedia>img,.galleryTemplateMedia>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.galleryTemplateMedia>video{opacity:0;transition:opacity .2s}.galleryTemplateMedia>video.visible{opacity:1}.galleryPlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:#27272ae8;box-shadow:0 0 0 1px #ffffff12;color:#bcbcc5}.galleryPlay svg{margin-left:3px}.galleryTemplateCard:hover .galleryPlay{opacity:0}.galleryTemplateName{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:14px;color:#aaaab4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.galleryTemplateName svg{flex-shrink:0}.galleryTemplateCard:hover .galleryTemplateName{color:white}.galleryHint{margin:26px 0 0;color:#73737d;font-size:12px;text-align:center}.deviceThumbnail{width:74px;height:78px;flex-shrink:0}.selectedDeviceThumbnail{width:23px;height:23px;object-fit:contain;flex-shrink:0}.devicePopover{top:184px;width:360px;background:#19191c;border-radius:27px}.deviceGrid{gap:8px;padding:16px;max-height:414px}.deviceOption{height:145px;gap:6px;background:none;padding:8px}.deviceOption b{font-size:12px;font-weight:550;white-space:normal;line-height:17px;text-align:center}.deviceOption small{font-size:11px;color:#80808a}.deviceOption.selected{background:#38383c;box-shadow:none}.deviceOption:hover{background:#2b2b2f}.popSearch{height:52px}.popFooter{border-top:1px solid #39393e}.canvasShell canvas,.canvasShell canvas:active{cursor:default}.positionCard .twoFields[hidden]{display:none}.animatorDialog{width:min(620px,calc(100vw - 28px));max-height:80dvh;overflow:auto;background:#171719;border:1px solid #38383d;border-radius:26px;padding:16px;box-shadow:0 24px 70px #0007}.animatorDialog>header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:8px}.animatorDialog h2{font-size:20px;margin:0}.animatorDialog .motionLibrary{border:0;padding:10px;background:transparent}.animatorDialog .motionCatalog{grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px}.animatorDialog .sideTitle{display:none}.animatorDialog .field{font-size:13px}.animatorDialog .categoryStrip button{font-size:11px}.animatorDialog .librarySearch{height:42px}.animatorDialog .motionCatalog b{font-size:11px}.animatorDialog .motionCatalog small{font-size:10px}.templateCatalog button[aria-pressed=true]{outline:2px solid var(--brand-red);outline-offset:3px}.templateCatalog button:hover{box-shadow:0 0 0 1px #63636a}.templateCatalog button{transition:box-shadow .16s,outline-color .16s}.previewCanvasShell{position:relative;width:100%;overflow:hidden;border-radius:16px}.previewCanvasShell>canvas{width:100%;height:100%;display:block}.positionCard .miniPreview{height:auto;aspect-ratio:4/3;background:#171719;position:relative}.positionCard .miniPreview .previewCanvasShell{height:100%}.positionPreviewUpload{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand-red);color:white}.positionTabs{display:flex;align-items:center;gap:4px;border-radius:25px;background:#28282c;padding:4px;margin-bottom:14px}.positionTabs>button{flex:1;height:34px;border-radius:23px;background:none;color:#aaaab4;font-weight:600;font-size:13px}.positionTabs>button.active{background:#3a3a3e;color:white}.positionCard .sliderRow{font-size:13px;height:40px;border-radius:16px;background:#28282c;margin:10px 0;padding:0 12px;grid-template-columns:65px 1fr 40px}.positionCard .sliderRow span{color:#eee;font-weight:600}.positionCard .sliderRow output{font-size:13px;color:#aaaab4}.positionCard .twoFields{margin-top:10px}.positionCard .twoFields label{font-size:11px}@media (max-width:850px){.galleryTemplateGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.templateGallery h2{font-size:20px}.templateGallery{padding:18px}.galleryCategories>button{font-size:12px;padding:0 10px}}@media (max-width:600px){.templateGalleryBackdrop{padding:8px}.templateGallery>header{flex-wrap:wrap}.templateGallery h2{font-size:19px;flex:1}.galleryCategories{order:3;width:100%;justify-content:center}.galleryTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.galleryTemplateMedia{border-radius:17px}.galleryTemplateName{font-size:11px;gap:4px}.gallerySearch{max-width:100%}.devicePopover{top:104px;width:min(360px,calc(100vw - 16px));left:8px}.deviceGrid{max-height:350px}}.rightRail .backdropCard{position:relative;overflow:visible}.rightRail .backdropCard>.sideTitle{display:flex;margin-bottom:16px}.rightRail .backdropCard>.chipGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.rightRail .backdropCard .controlChip{height:40px;font-size:14px;font-weight:600;background:#2e2e31;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px}.rightRail .backdropCard .controlChip svg{width:19px;height:19px;color:inherit}.rightRail .backdropCard .controlChip.selected{background:var(--brand-red)}.backdropMotion{display:flex;padding:4px;background:#29292c;border-radius:24px;margin:12px 0}.backdropMotion button{width:50%;height:36px;border-radius:22px;color:#a2a2aa;font-size:14px;font-weight:600}.backdropMotion button[aria-pressed=true]{background:#3a3a3e;color:#f3f3f4}.effectsPopover{position:absolute;z-index:30;right:calc(100% + 14px);top:58px;width:286px;background:#171719;border:2px solid #2d2d30;border-radius:32px;padding:16px;box-shadow:0 14px 48px #0008}.effectsHeading{height:38px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;position:relative;color:#aaaab3;font-size:14px;font-weight:600}.effectsHeading button{position:absolute;right:0}.effectBar{height:40px;border-radius:15px;position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 14px;color:#ececef;font-size:14px;font-weight:600;overflow:hidden}.effectBar output{color:#aaaab3}.effectBar:last-child output{color:white}.effectBar input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.effectBar:focus-within{outline:2px solid var(--brand-red);outline-offset:2px}.realTimeline{height:226px;margin-top:14px;position:relative;padding:8px;border-radius:26px}.timelineCompact .loopRangeFields,.timelineCompact .timelineControls{display:none}.timelineExpanded{height:280px}.timelineExpanded .timelineControls{height:auto;min-height:34px}.timelineBody{padding-left:0;padding-right:10px;min-height:100%}.timelineRuler{height:32px;background:repeating-linear-gradient(90deg,#66666b55 0 1px,transparent 1px 10%)}.timelineRuler span{top:16px;font-size:10px;color:#85858e}.keyTrack{height:45px;background:#2b2b2e;border-radius:12px;margin-top:6px}.trackName{left:8px;top:6px;width:auto;max-width:50%;height:auto;padding:0;background:transparent;color:#a1a1aa;font-size:10px;z-index:2;pointer-events:none}.trackBand{background:#3b3b3f;border-color:#48484e;border-radius:12px}.keyDiamond{top:29px;width:7px;height:7px}.deleteTrack{right:7px;top:12px}.sceneClipStrip{margin:10px 0 0;height:48px}.sceneClipStrip>button{height:48px;border-radius:12px;background:#38383d}.timelineAddMedia{display:flex;align-items:center;gap:8px;flex:none;height:42px;padding:0 14px;text-align:left;border:1px solid #444449;background:#37373c;color:#a1a1aa;font-size:12px;font-weight:600;border-radius:10px;margin-top:8px}.timelineCompact .emptyTracks{display:none}.livePlayhead{background:var(--brand-red);width:3px}.livePlayhead:before{content:"";position:absolute;top:0;left:-3px;width:9px;height:18px;border:3px solid var(--brand-red);border-radius:2px;background:#dfefed}.centerArea:has(.realTimeline) .canvasShell{width:min(100%,calc((100dvh - 310px) * var(--ratio, 1.333)))}@media (max-width:900px){.effectsPopover{right:0;top:106px}.transportRight .timeCode{font-size:10px}.transportPlay{width:95px}}.rightRail .sideScroll>.backdropCard{background:#171719;padding:20px;border:1px solid #303033;border-radius:28px;order:1}.backdropAuto{background:linear-gradient(#29292c,#1a1a1c);border-radius:20px;padding:16px;margin:12px 0 16px}.backdropAuto>div{display:flex;justify-content:space-between;gap:12px}.backdropAuto button{display:flex;align-items:center;gap:7px;color:#ffce00;font-size:14px;font-weight:600}.backdropAuto button:last-child{color:#a1a1aa}.backdropAuto button:disabled{opacity:.45;cursor:default}.backdropAuto p{font-size:12px;color:#a1a1aa;line-height:1.35;margin:18px 0 4px}.timelineSegment{position:absolute;top:0;bottom:0;border-right:1px solid #525258;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 8px;overflow:hidden;pointer-events:none;background:#39393e}.timelineSegment span{font-size:11px;font-weight:600;color:#a1a1aa}.timelineSegment .sceneClipThumbnail{flex:none;width:43px;height:33px}.durationHandle{position:absolute;right:0;top:39px;bottom:6px;width:15px;border-radius:8px;background:#444449;color:#bbb;cursor:ew-resize;touch-action:none;z-index:5}.transportCenter>.iconButton{margin-left:4px;align-self:center}.timelineRuler span:last-child{transform:translateX(-100%)}.formatPicker.ratioPopover{width:360px;max-width:calc(100vw - 28px);border:2px solid #303033;border-radius:32px;background:linear-gradient(#19191c,#141416);padding:0;overflow:hidden}.formatPicker .popSearch{height:55px;border-bottom:2px solid #2b2b30;padding:0 16px}.formatPicker .popSearch input{font-size:14px}.formatGroups{max-height:min(410px,calc(100dvh - 225px));overflow:auto;padding:12px 18px;scrollbar-width:thin}.formatGroup h3{display:flex;align-items:center;gap:7px;color:#a5a5ae;font-size:14px;font-weight:600;margin:24px 2px 12px}.formatTiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;align-items:start}.formatTile{min-width:0;padding:5px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:9px}.formatTile.wide{grid-column:span 2}.formatTile>span{display:grid;place-items:center;background:#39393f;border:1px solid #49494f;border-radius:8px;width:100%;max-height:116px;color:#a9a9b4;font-size:14px;font-weight:600}.formatTile small{color:#a5a5ae;font-size:12px;line-height:1.35}.formatTile[aria-pressed=true]{background:#303034}.formatTile[aria-pressed=true]>span{background:var(--brand-red);border-color:var(--brand-red);color:white}.formatTile:hover{background:#29292d}.formatFooter{display:flex;gap:8px;padding:8px;border-top:2px solid #2b2b30}.formatFooter>div{display:flex;background:#303034;border-radius:26px;overflow:hidden;flex:1}.formatFooter label{display:flex;gap:6px;align-items:center;width:50%;padding:8px 12px;color:#93aee0;font-size:13px}.formatFooter label+label{border-left:2px solid #3a3a40}.formatFooter input{width:100%;min-width:0;background:transparent;border:0;font-size:12px;outline:none;color:#aaaab3}.formatFooter>button{background:var(--brand-red);border-radius:25px;width:112px;font-weight:600;font-size:14px}.templateCatalog{padding:8px 8px 12px}.templateCatalog button[aria-pressed=true]{outline:none;box-shadow:0 0 0 2px var(--brand-red),0 0 0 5px #0b0b0c}.templateCatalog button:first-child{outline:none}.solidPalette{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:18px -2px}.solidPalette button{aspect-ratio:1;border-radius:50%;border:1px solid #ffffff0d}.solidPalette button[aria-pressed=true]{outline:2px solid var(--brand-red);outline-offset:2px}.editableGradientPresets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.editableGradientPresets>button:not(.editGradientButton){height:54px;border-radius:12px}.editableGradientPresets>button[aria-pressed=true]{outline:2px solid var(--brand-red);outline-offset:3px}.editGradientButton{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-radius:16px;background:#2c2c30;font-size:13px}.modeSwatch.solid{color:#888}.modeSwatch.gradient{color:white}.modeSwatch.gradient,.modeSwatch.solid{display:grid;place-items:center}.resetBackdrop{display:flex;gap:9px;align-items:center;justify-content:center;width:100%;color:#84848d;font-size:13px;font-weight:600;margin:18px 0 4px;padding:10px}.resetBackdrop:hover{color:#ddd}.colorPickerScrim{position:fixed;inset:0;background:transparent;z-index:26;cursor:default}.colorPopover{position:fixed;z-index:30;width:330px;border:2px solid #303034;border-radius:32px;padding:16px;background:#171719;box-shadow:0 15px 65px #0009}.colorSquare{width:100%;aspect-ratio:1;border-radius:15px;position:relative;touch-action:none;cursor:crosshair;overflow:hidden}.colorSquare i{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #8887;transform:translate(-50%,-50%);pointer-events:none}.colorTools{display:flex;justify-content:flex-end;gap:6px;margin:12px 0}.colorTools button{background:#353538;padding:5px 8px;border-radius:6px}.gradientOptions{display:flex;align-items:center;gap:5px;background:#343438;border-radius:6px;font-size:12px;padding:4px}.gradientOptions label{display:flex;align-items:center;gap:4px}.gradientOptions label:nth-child(2){font-size:9px}.gradientOptions input{width:38px;background:transparent;border:none;outline:none;font-size:12px}.gradientOptions button{padding:3px}.gradientOptions button:disabled{opacity:.35}.gradientStopStrip{height:14px;border-radius:10px;position:relative;margin:20px 8px}.gradientStopStrip button{position:absolute;top:50%;transform:translate(-50%,-50%);width:17px;height:17px;border:2px solid white;border-radius:50%}.gradientStopStrip button[aria-pressed=true]{box-shadow:0 0 0 2px #5579ed}.colorPopover .alphaStrip,.colorPopover .hueStrip{appearance:none;width:100%;height:14px;border-radius:10px;margin:0 0 15px;border:none;padding:0;cursor:ew-resize}.colorPopover .hueStrip{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.colorPopover .alphaStrip{background:linear-gradient(90deg,transparent,#91a6df),repeating-conic-gradient(#fff 0 25%,#abb0c0 0 50%) 0 0/12px 12px}.colorPopover input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid white;background:#3973ff}.rgbaFields{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:5px}.rgbaFields label{font-size:10px;color:#888;text-align:center}.rgbaFields input{min-width:0;width:100%;border-radius:5px;background:#343436;border:none;font-size:13px;color:white;padding:8px 3px;text-align:center}.referenceShadowCard h4{font-size:14px;margin:20px 0 8px;font-weight:600}.shadowLevels,.shadowStyles{display:flex;background:#252527;border-radius:24px;padding:5px;gap:4px}.shadowStyles button{width:33.333%;padding:4px;border-radius:17px;color:#a5a5ae;font-size:12px;font-weight:600}.shadowLevels button[aria-pressed=true],.shadowStyles button[aria-pressed=true]{background:#3b3b40;color:white}.shadowStylePreview{display:block;height:70px;background:#55555e;border-radius:12px;margin-bottom:8px;position:relative;overflow:hidden}.shadowStylePreview:before{content:"";display:block;position:absolute;inset:-14px 16px 16px -12px;background:#262629;border-radius:22px}.shadowStylePreview.spread:before{box-shadow:9px 9px 13px #0008}.shadowStylePreview.hug:before{box-shadow:5px 5px 5px #0009}.shadowLevels button{width:33.333%;height:35px;border-radius:24px;color:#a5a5ae;font-size:13px;font-weight:600}.shadowLightPreview{height:187px;border-radius:14px;position:relative;overflow:hidden;touch-action:none;cursor:crosshair}.shadowLightPreview .previewCanvasShell{width:100%;height:100%}.shadowLightHandle{position:absolute;width:38px;height:38px;border-radius:50%;background:var(--brand-red);color:white;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 3px 14px #0005;pointer-events:none}.timelineContent{width:72%;position:relative;min-height:100%}.durationExtension{position:absolute;left:72%;right:0;top:32px;bottom:0;background:repeating-linear-gradient(135deg,#222225 0 24px,#29292d 24px 27px);border-left:1px solid #414147;display:flex;align-items:center;padding-left:38px;color:#72727c;font-size:12px;line-height:1.35;pointer-events:none}.timelineAddMedia{width:72%}.timelineCompact .timelineScroll{margin-top:9px}.durationHandle{top:55%;bottom:auto;height:48px;width:22px;right:-32px;transform:translateY(-50%);background:#3d3d43;border-radius:15px}.timelineSegment{border:1px solid #4a4a50;transition:background .15s}.timelineSegment span{font-size:12px}.trackName{display:none}.timelineExpanded .trackName{display:block}.timelineExpanded .timelineAddMedia,.timelineExpanded .timelineContent{width:100%}.timelineExpanded .durationExtension{display:none}.timelineExpanded .durationHandle{right:0}@media (max-width:700px){.formatPicker.ratioPopover{left:10px}.colorPopover{max-width:calc(100vw - 24px)}.timelineAddMedia,.timelineContent{width:85%}.durationExtension{left:85%;padding-left:12px;font-size:10px}.durationExtension span{display:none}}.timelineContent .timelineAddMedia{width:100%}.durationExtension{top:0}.extensionTicks{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-around;color:#55555d}.extensionTicks small{font-size:9px}.timelineSegment{pointer-events:auto}.timelineSegment:hover{background:#44444b}.keyDiamond{z-index:3}.colorPopover{max-height:calc(100dvh - 24px);overflow:auto;scrollbar-width:thin}.rightRail .sideScroll>.sideCard:not(.backdropCard):not(.shadowCard):not(.backgroundLibrary):not(.appearanceCard){order:5}.templateCatalog span{display:none!important}.backdropPopover{position:fixed;z-index:30;width:286px;border:2px solid #303034;background:#171719;border-radius:32px;padding:16px;box-shadow:0 12px 40px #0007;max-height:calc(100dvh - 24px);overflow:auto;scrollbar-width:thin}.shadowTextureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shadowTextureGrid button{height:54px;border-radius:12px;overflow:hidden;background:#272729;display:grid;place-items:center;border:1px solid #39393d}.shadowTextureGrid img{background:#f4f4f4;width:100%;height:100%;object-fit:cover}.shadowTextureGrid button[aria-pressed=true]{outline:2px solid var(--brand-red);outline-offset:2px}.backdropPopover .shadowLevels{margin:14px 0 0}.allPatternGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}.allPatternGrid button{border-radius:15px;padding:6px 3px;color:#a3a3ad;font-size:11px;font-weight:600}.allPatternGrid button[aria-pressed=true]{background:#37373b;color:white}.patternIcon{display:grid;place-items:center;height:47px;border:1px solid #3a3a40;border-radius:10px;margin-bottom:7px;background:#27272b}.pattern-grid{background:repeating-linear-gradient(90deg,transparent 0 11px,#6666 11px 12px),repeating-linear-gradient(0deg,#27272b 0 11px,#6666 11px 12px)}.pattern-stripes{background:repeating-linear-gradient(90deg,#27272b 0 8px,#6666 8px 9px)}.pattern-dots{background:radial-gradient(#8888 1px,transparent 2px) 0 0/11px 11px #27272b}.pattern-circles{background:repeating-radial-gradient(circle,#27272b 0 5px,#8888 6px 7px)}.pattern-rays{background:repeating-conic-gradient(#27272b 0 14deg,#8888 14deg 16deg)}.pattern-waves{background:repeating-radial-gradient(ellipse at top left,#27272b 0 9px,#8888 10px 11px)}.pattern-noise{background:repeating-conic-gradient(#27272b 0 25%,#8886 0 50%) 0 0/7px 7px}.patternColorField{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px;font-weight:600}.patternColorField input{border:0;border-radius:50%;width:40px;height:40px;overflow:hidden;background:transparent}.vignettePreview{position:relative;height:189px;margin-top:16px;border-radius:15px;overflow:hidden;touch-action:none;cursor:crosshair}.vignettePreview .previewCanvasShell{width:100%;height:100%}.uploadMenu{position:fixed;z-index:30;width:310px;border:2px solid #303034;border-radius:32px;padding:12px;background:#171719;box-shadow:0 10px 36px #0008}.uploadMenu header{color:#a1a1aa;text-align:center;font-size:14px;font-weight:600;padding:4px 0 12px;border-bottom:1px solid #303034;margin-bottom:10px}.uploadMenuCapture,.uploadMenuPrimary{height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font-size:14px;font-weight:600}.uploadMenuPrimary{background:var(--brand-red);color:white}.uploadMenuCapture{background:#29292b;color:#a1a1aa;margin-top:10px}.uploadMenuCapture:disabled{opacity:.5;cursor:default}.uploadMenu>input{width:100%;height:45px;border-radius:25px;background:#303034;border:0;padding:0 15px;font-size:14px;margin-top:10px}.uploadMenu footer{display:flex;justify-content:space-around;padding:15px 0 3px}.uploadMenu footer button{display:flex;gap:8px;align-items:center;font-size:14px;color:#a1a1aa}.uploadMenu p{font-size:12px;color:#f8aaa8;margin-top:12px}.canvasAdd{width:48px!important;height:48px!important;min-width:48px!important}.backdropPopover .shadowLevels button{width:50%}.uploadMenu{max-height:calc(100vh - 24px);overflow-y:auto}.topbar{position:relative;height:56px;gap:10px}.topNav{margin-right:auto}.headerCenter{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px}.startOverButton{height:36px;border-radius:22px;padding:0 17px;background:#242426;color:#eee;font-weight:600;font-size:13px}.headerActions{margin-left:auto;gap:3px}.headerActions>.topIcon{display:none}.exportMain{min-width:170px;height:40px;padding:0 14px;border-radius:16px 0 0 16px}.exportCopy,.exportSettings{height:40px}.lazyScenePreview{width:100%;height:100%;overflow:hidden;background:#1c1d20}.lazyScenePreview .previewCanvasShell{width:100%;height:100%;border-radius:inherit}.lazyScenePreview canvas{width:100%;height:100%;object-fit:cover;display:block}.motionSceneThumbnail{display:block;width:100%;height:108px;border-radius:14px;overflow:hidden;margin-bottom:8px}.motionCatalog button{content-visibility:auto;contain-intrinsic-size:auto 155px}.sceneClipThumbnail .lazyScenePreview{border-radius:5px}.timelineRuler{touch-action:none;cursor:ew-resize}.canvasAdd{transition:background .15s,box-shadow .15s;animation:uploadReveal .2s ease-out}.canvasAdd:hover{background:var(--brand-red);box-shadow:0 0 0 6px #e5484d1a}@keyframes uploadReveal{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.fullPreviewMode .leftRail,.fullPreviewMode .realTimeline,.fullPreviewMode .rightRail,.fullPreviewMode .toolDock,.fullPreviewMode .topbar{display:none!important}.fullPreviewMode .editorGrid{display:block;height:100dvh;padding:0}.fullPreviewMode .centerArea{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;padding:50px 24px 72px;gap:0}.fullPreviewMode .canvasStage{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.fullPreviewMode .previewCanvasShell{width:auto;height:100%;max-width:100%;max-height:100%;border-radius:22px;overflow:hidden}.fullPreviewMode .previewCanvasShell canvas{width:100%;height:100%;display:block}.exitPreview{top:8px;left:50%;transform:translateX(-50%);border-radius:20px;padding:9px 15px;background:#202022;gap:9px;font-size:12px}.exitPreview,.previewTransport{position:absolute;display:flex;align-items:center}.previewTransport{bottom:16px;gap:16px;height:40px}.previewTransport button{height:38px;width:38px;border-radius:20px;display:grid;place-items:center;background:#202022}.previewTransport .previewPlay{width:100px;background:#eee;color:#111}.previewTransport output{color:#eee;font-variant-numeric:tabular-nums;font-size:13px}.previewTransport output span{color:#73737b}@media (max-width:800px){.headerCenter{position:static;transform:none;margin-left:auto;gap:2px}.headerCenter .headerSep{display:none}.headerActions{margin-left:0}.exportCopy{display:none}.exportMain{min-width:90px}.exportMain small{display:none}.startOverButton{padding:0 10px}}@media (prefers-reduced-motion:reduce){.canvasAdd{animation:none}}.canvasAdd{z-index:4;pointer-events:auto}.canvasAdd:hover{transform:translate(-50%,-50%)}.fullPreviewMode .previewCanvasShell{width:min(100%,calc((100dvh - 122px) * var(--ratio, 1.333333)));height:auto}.advancedFrame{margin:8px 0;font-size:11px;color:#83838e}.advancedFrame summary{cursor:pointer}.canvasAdd:active:not(:disabled){transform:translate(-50%,-50%)}.motionCatalog{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden}.motionCatalog button{min-width:0}.motionCatalog b{max-width:100%;overflow-wrap:anywhere;text-align:center}.rightRail .motionSceneThumbnail{height:80px}.themesPopover{position:fixed;z-index:35;width:286px;max-height:min(500px,calc(100dvh - 24px));padding:14px;border:2px solid #303034;background:#18181a;border-radius:32px;box-shadow:0 16px 50px #0007;display:flex;flex-direction:column}.themesPopover header{height:45px;display:flex;align-items:center;justify-content:center;color:#a4a4ae;font-size:14px;position:relative}.themesPopover header button{position:absolute;right:7px;display:grid;place-items:center}.themePresetList{overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin}.themePresetList>button{min-height:76px;flex-shrink:0;width:100%;padding:10px 10px 0;border-radius:23px;overflow:hidden}.themePresetList>button[aria-pressed=true]{outline:2px solid var(--brand-red);outline-offset:2px}.themePresetList>button>span{display:flex;align-items:center;width:100%;height:66px;border-radius:13px 13px 0 0;padding:16px;font-size:14px;font-weight:500;background:#19191dbf}.backdropFit{display:grid;gap:8px;margin:12px 0}.backdropFit .effectBar{margin:0;height:38px}.backdropFit .effectBar>span{display:flex;align-items:center;gap:8px}.fitButtons{display:flex;align-items:center;padding:4px;border-radius:24px;background:#272729;gap:3px}.fitButtons button{flex:1;height:31px;border-radius:20px;font-size:12px;color:#aaa;display:grid;place-items:center}.fitButtons button[aria-pressed=true]{background:#3b3b3f;color:#fff}.fitButtons button:last-child{flex:0 0 32px}.toolDock:has(.annotationToolbar){max-width:calc(100% - 16px);padding:7px}.annotationToolbar{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.annotationToolbar>button{height:42px;min-width:40px;border-radius:24px;display:grid;place-items:center;color:#aaaab4}.annotationToolbar>button[aria-pressed=true]{background:#3b3b3f;color:#fff}.annotationToolbar .annotationBack{background:var(--brand-red);color:#fff;width:46px}.annotationColor{position:relative;min-width:36px;height:40px;display:grid;place-items:center}.annotationColor input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.annotationColor span{width:22px;height:22px;border-radius:50%;pointer-events:none}.annotationToolbar select{border:0;background:transparent;color:#aaaab4;width:44px;height:36px;padding:4px}.annotationToolbar .annotationClear{width:62px;font-size:13px}.timelineAudioRow{display:flex;align-items:center;gap:10px;position:relative;height:48px;background:#303035;border-radius:8px;padding:0 10px;margin-top:8px}.timelineAudioRow .timelineAddMedia{position:static;flex:1;height:100%;min-width:0;display:flex;align-items:center;gap:10px;border:0;padding:0;background:transparent}.timelineAudioRow .timelineAddMedia span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timelineAudioRow label{width:85px}.timelineAudioRow input{width:100%;accent-color:var(--brand-red)}.deviceBrowser{margin-top:52px}.deviceBrowserHeading{display:flex;align-items:center;gap:32px;margin-bottom:30px}.deviceBrowserHeading>div{flex:1}.deviceBrowserHeading p{color:#a7a7b3;font-size:15px;line-height:1.6;margin:10px 0 0;max-width:660px}.deviceBrowserHeading .gallerySearch{flex:0 0 276px;margin:0;min-height:48px;border-radius:22px}.deviceBrowseGroup{margin-top:28px}.deviceBrowseGroup h3{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600;margin:0 0 15px}.deviceBrowseGroup h3 svg{color:#94949e}.deviceBrowseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--rows-three),64px);grid-auto-flow:column;gap:8px}.deviceBrowseRow{display:flex;align-items:center;min-width:0;padding:0 17px 0 14px;gap:8px;background:#19191c;border-radius:22px;transition:background .16s,box-shadow .16s}.deviceBrowseRow:focus-within,.deviceBrowseRow:hover{background:#252529;box-shadow:inset 0 0 0 1px #ffffff12}.deviceBrowseChoose{display:flex;align-items:center;gap:16px;flex:1;min-width:0;height:100%;background:none;text-align:left;padding:0;font-size:14px;color:#c5c5cf}.deviceBrowseChoose img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.deviceBrowseChoose span{overflow:hidden;text-overflow:ellipsis}.deviceBrowseFinishes{display:flex;padding-left:4px;flex-shrink:0}.deviceBrowseFinishes button{width:16px;height:16px;padding:0;border-radius:50%;border:1px solid #ffffff2b;margin-left:-4px;transition:transform .16s}.deviceBrowseFinishes button:focus-visible,.deviceBrowseFinishes button:hover{transform:translateY(-3px) scale(1.15);outline:2px solid #e5484d;outline-offset:2px;z-index:1}.deviceBrowseEmpty{color:#a7a7b3;padding:32px 0}@media(max-width:900px){.deviceBrowserHeading{align-items:flex-start;flex-direction:column;gap:18px}.deviceBrowserHeading .gallerySearch{flex:auto;width:100%;max-width:none}.deviceBrowseGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows-two),64px)}}@media(max-width:560px){.deviceBrowseGrid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;grid-auto-rows:64px}.deviceBrowser{margin-top:36px}}.animationLane{position:relative;min-height:56px}.animationLane .keyTrack{margin-top:0;height:56px}.emptyAnimationInsert{position:absolute;top:5px;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #ffffff1b;border-radius:11px;color:#b3b3bd;background:#38383c;opacity:0;pointer-events:none;z-index:4;font-size:13px;transition:opacity .14s,background .14s}.emptyAnimationInsert:focus-visible,.emptyAnimationInsert[data-visible=true]{opacity:1;pointer-events:auto}.emptyAnimationInsert:hover{background:#47474d;color:#f5f5f7}.referenceSegmentBand{background:transparent;border-color:transparent;box-shadow:none}.referenceSegmentBand .compositionSegment{background:#38383d;border:1px solid #ffffff14;border-radius:11px}.referenceSegmentBand .compositionSegment:hover{background:#424247}.deviceThumbnail{object-fit:contain}.animationLane .keyTrack{position:absolute;inset:0;pointer-events:none}.animationLane .deleteTrack,.animationLane .trackBand{pointer-events:auto}