.cubic-bezier-editor{--curve-accent: #f1f1f1;box-sizing:border-box;width:100%;background:transparent;-webkit-user-select:none;user-select:none}.cubic-bezier-editor *,.cubic-bezier-editor *:before,.cubic-bezier-editor *:after{box-sizing:border-box}.cubic-bezier-editor__graph{position:relative;width:100%;aspect-ratio:1;overflow:visible;background:transparent;touch-action:none}.cubic-bezier-editor__graph canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border-radius:8px;background:#202020}.cubic-bezier-editor__handle{position:absolute;width:14px;height:14px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--curve-accent);box-shadow:0 1px 4px #00000073;cursor:grab;touch-action:none}.cubic-bezier-editor__handle:hover{filter:brightness(1.12)}.cubic-bezier-editor__handle:active{cursor:grabbing}.cubic-bezier-editor__handle:focus-visible{outline:2px solid #fff;outline-offset:3px}.cubic-bezier-editor.is-disabled{opacity:.48}.cubic-bezier-editor.is-disabled .cubic-bezier-editor__handle{cursor:not-allowed}.bezier-curve-thumbnail{display:block;width:30px;height:18px;flex:0 0 auto;opacity:.72;pointer-events:none}@media(prefers-reduced-motion:reduce){.cubic-bezier-editor__handle{transition:none}}.language-switch{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;height:36px;padding:0 8px;border:1px solid #393939;border-radius:9px;background:#262626;color:#dedede;font:inherit;font-size:12px;line-height:1;cursor:pointer}.language-switch:hover{background:#363636;color:#fff}.language-switch:focus-visible,.language-options button:focus-visible{outline:2px solid #b3c7ff;outline-offset:3px}.rail-bottom .language-switch{margin-bottom:4px}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-browse-language{display:flex;justify-content:flex-end;padding:calc(10px + var(--safe-top, 0px)) 16px 6px}.mobile-shell .language-switch{height:36px}.mobile-shell .me-fab-tr .language-switch{height:44px}.mobile-shell{--color-bg-panel: #171717;--color-bg-stage: #000;--color-bg-editor-stage: #111;--color-control-track: #232323;--color-control-fill: #2d2d2d;--color-control-fill-hover: #333;--color-text-bright: #fff;--color-text-primary: #ccc;--color-text-secondary: #999;--color-text-muted: #666;--color-border-subtle: #2a2a2a;--color-nav-frosted: rgba(26, 26, 26, .6);--color-scrim-22: rgba(0, 0, 0, .22);--color-scrim-40: rgba(0, 0, 0, .4);--color-scrim-50: rgba(0, 0, 0, .5);--font-family-app: "Arqé", "PingFang SC", "Noto Sans CJK SC", Inter, system-ui, -apple-system, sans-serif;width:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.mobile-shell button,.mobile-shell input{font-family:inherit}.mobile-mask-icon{display:inline-block;flex:none;background-color:currentColor;-webkit-mask-image:var(--mobile-icon-url);mask-image:var(--mobile-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.ms-root{max-width:440px;margin:0 auto;height:100vh;height:100dvh;background:var(--color-bg-panel);color:var(--color-text-primary);font-family:var(--font-family-app);display:flex;flex-direction:column;position:relative;overflow:hidden}.ms-topbar{flex-shrink:0;height:calc(54px + env(safe-area-inset-top));box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) 16px 0;background:var(--color-bg-panel)}.ms-logo{display:block;width:auto;height:auto;color:#f5f5f5;font-size:21px;line-height:28px;font-weight:600;letter-spacing:-.7px}.ms-bell{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:0;transition:color .15s}.ms-bell:hover,.ms-bell[aria-expanded=true]{color:var(--color-text-bright)}.ms-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ms-body::-webkit-scrollbar{display:none}.ms-hub{padding:20px 16px 28px}.ms-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.ms-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:144px;padding:15px 14px;border-radius:14px;border:0;background:var(--color-control-track);text-align:left;text-decoration:none;color:var(--color-text-primary);cursor:pointer;transition:background-color .15s,transform .1s}.ms-tile:active{transform:scale(.985)}.ms-tile:not(.soon):active{background-color:var(--color-control-fill)}.ms-tile.primary,.ms-tile.primary .ms-tile-ic{color:var(--color-text-bright)}.ms-tile-text{display:flex;flex-direction:column;gap:3px}.ms-tile-title{font-size:15px;font-weight:500;color:inherit}.ms-tile-sub{font-size:12px;color:var(--color-text-muted);line-height:1.3}.ms-tile.soon{background:linear-gradient(var(--color-scrim-22),var(--color-scrim-22)),var(--color-control-track);color:var(--color-text-muted);cursor:default}.ms-tile.soon .ms-tile-ic,.ms-tile.soon .ms-tile-sub{color:var(--color-text-muted)}.ms-tile-badge{position:absolute;top:13px;right:13px;font-size:9.5px;letter-spacing:.02em;white-space:nowrap;color:var(--color-text-muted);background:var(--color-control-fill);border-radius:6px;padding:2px 6px}.ms-navbar{flex-shrink:0;display:flex;align-items:center;border-top:1px solid var(--color-border-subtle);background:var(--color-bg-panel);height:calc(65px + env(safe-area-inset-bottom));box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}.ms-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 0;border:0;background:transparent;color:var(--color-text-muted);font-size:10.5px;cursor:pointer;transition:color .15s}.ms-tab.on{color:var(--color-text-bright)}.ms-toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;background:#fff;color:#1a1a1a;font-size:12px;letter-spacing:.2px;line-height:1.4;padding:10px 14px;border-radius:8px;box-shadow:0 6px 20px var(--color-scrim-40);text-align:center;overflow-wrap:anywhere;white-space:nowrap;animation:ms-toast-in .25s ease}@keyframes ms-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.ms-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.ms-sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:var(--color-scrim-50)}.ms-sheet{position:absolute;left:0;right:0;bottom:0;max-width:440px;margin:0 auto;background:var(--color-bg-panel);border-top-left-radius:14px;border-top-right-radius:14px;border-top:1px solid var(--color-border-subtle);padding:6px 16px calc(20px + env(safe-area-inset-bottom))}.ms-sheet-grip{display:block;width:36px;height:4px;border-radius:2px;background:#555;margin:6px auto 4px}.ms-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 12px}.ms-sheet-title{font-size:15px;font-weight:500;color:var(--color-text-bright)}.ms-notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;text-align:center}.ms-notif-empty-icon{color:#4a4a4a;margin-bottom:6px}.ms-notif-empty-title,.ms-notif-empty-sub{margin:0}.ms-notif-empty-title{font-size:13px;color:var(--color-text-primary)}.ms-notif-empty-sub{max-width:200px;font-size:11px;line-height:1.45;color:var(--color-text-muted)}.mob-root{max-width:440px;margin:0 auto;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;background:var(--color-bg-panel);color:var(--color-text-primary);font-family:var(--font-family-app);position:relative;scrollbar-width:none}.mob-root::-webkit-scrollbar{display:none}.mob-topspace{height:calc(env(safe-area-inset-top,0px) + 12px)}.mob-search{display:flex;align-items:center;gap:7px;margin:0 14px 4px;padding:8px 11px;background:var(--color-control-track);border:0;border-radius:8px}.mob-search:focus-within{background-color:var(--color-control-fill)}.mob-search-ic{color:var(--color-text-muted);flex-shrink:0}.mob-search input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--color-text-primary);font-size:16px;line-height:1;transform:scale(.8125);transform-origin:left center}.mob-search input::placeholder{color:var(--color-text-muted);opacity:1}.mob-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 14px calc(104px + env(safe-area-inset-bottom))}.mob-folder{display:flex;align-items:center;gap:10px;background:var(--color-control-track);border:0;border-radius:8px;padding:8px 12px 8px 8px;cursor:pointer;color:var(--color-text-bright);text-align:left;min-width:0}.mob-folder:active{background-color:var(--color-control-fill)}.mob-folder-thumb{position:relative;width:42px;height:56px;border-radius:6px;overflow:hidden;background:var(--color-bg-stage);flex:none;display:block}.mob-folder-thumb img,.mob-folder-thumb video,.mob-card-media img,.mob-card-media video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.mob-folder-thumb video:not(.ready),.mob-card-media video:not(.ready){opacity:0}.mob-folder-title{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.25}.mob-folder-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.mob-folder-chev{color:var(--color-text-muted);flex:none}.mob-subheader{display:flex;align-items:center;gap:8px;padding:0 9px;min-height:54px;box-sizing:border-box;position:sticky;top:0;background:var(--color-bg-panel);z-index:5}.mob-fab{width:44px;height:44px;border:0;background:transparent;color:var(--color-text-bright);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}.mob-fab-sp{width:44px;flex:none}.mob-subtitle{flex:1;text-align:center;font-size:16px;font-weight:500;color:var(--color-text-bright)}.mob-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;padding:10px 14px calc(104px + env(safe-area-inset-bottom))}.mob-card{position:relative;background:var(--color-control-track);border:0;border-radius:8px;padding:7px;cursor:pointer;display:flex;flex-direction:column;gap:7px;text-align:center;color:var(--color-text-bright);min-width:0}.mob-card:active,.mob-card.on{background-color:var(--color-control-fill)}.mob-card-media{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:6px;overflow:hidden;display:block;background:var(--color-bg-stage)}.mob-card-name{font-size:11.5px;letter-spacing:.2px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;padding:0 2px 1px}.mob-empty{padding:60px 28px calc(104px + env(safe-area-inset-bottom));text-align:center}.mob-empty-h{font-size:15px;font-weight:500;color:var(--color-text-primary);margin-bottom:8px}.mob-empty-b{font-size:12.5px;color:var(--color-text-muted);line-height:1.6}.mob-nav{position:fixed;bottom:0;left:0;right:0;max-width:440px;margin:0 auto;display:flex;background:var(--color-nav-frosted);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border-top:1px solid var(--color-border-subtle);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:8}.mob-navbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;color:var(--color-text-muted);font-size:10.5px;padding:4px 0;cursor:pointer}.mob-navbtn.on{color:var(--color-text-bright)}.me-root{position:fixed;top:0;right:0;bottom:0;left:0;max-width:440px;margin:0 auto;background:var(--color-bg-panel);color:var(--color-text-primary);font-family:var(--font-family-app);display:flex;flex-direction:column;z-index:10;overflow:hidden}.me-fab{position:relative;width:44px;height:44px;border:0;background:transparent;color:var(--color-text-bright);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.me-fab:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:8px;background:var(--color-bg-panel);z-index:0}.me-fab>.mobile-mask-icon{position:relative;z-index:1}.me-fab:active:before{background:var(--color-control-track)}.me-fab.tl{position:absolute;top:5px;left:9px;z-index:20}.me-fab-tr{position:absolute;top:5px;right:9px;z-index:20;display:flex;align-items:center;gap:2px}.me-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;background:transparent}.me-menu{position:absolute;top:44px;right:0;z-index:31;min-width:172px;background:var(--color-control-track);border-radius:10px;padding:5px;display:flex;flex-direction:column;box-shadow:0 10px 28px #0000008c}.me-menu-item{border:0;background:transparent;color:var(--color-text-primary);font-size:13px;text-align:left;padding:10px 11px;border-radius:6px;cursor:pointer;white-space:nowrap}.me-menu-item:active{background:var(--color-control-fill);color:var(--color-text-bright)}.me-fs-title{position:absolute;top:0;left:56px;right:56px;line-height:54px;text-align:center;font-size:16px;font-weight:500;color:var(--color-text-bright);z-index:16;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:8px;background:var(--color-bg-editor-stage);touch-action:none}.me-stage.full{padding:0;overflow:hidden}.me-engine{width:100%;height:100%;pointer-events:none}.me-engine .preview-panel{position:relative;inset:auto;left:auto;top:auto;width:100%;height:100%;min-height:0;background:transparent;display:grid;place-items:center;overflow:hidden}.me-engine .preview-frame.ratio-3-4{width:calc(100% - 8px);max-width:416px;height:auto;aspect-ratio:3 / 4}.me-stage.full .me-engine .preview-frame.ratio-3-4{width:min(100%,440px);max-width:440px}.me-engine .fullscreen-button,.me-engine .fullscreen-exit-hint{display:none}.me-bottom{position:relative;z-index:12}.me-transport{display:flex;flex-direction:column;background:var(--color-bg-panel)}.me-transport-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:65px;padding:0 14px}.me-play{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-control-fill);border:0;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;padding:0}.me-play.on{color:var(--color-text-bright)}.me-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:44px;padding:0 6px;background:transparent;border:0;font-size:11px;letter-spacing:.2px;font-variant-numeric:tabular-nums;text-align:center}.me-time-cur{color:var(--color-text-secondary)}.me-time-tot{color:var(--color-text-muted)}.me-collapse{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:var(--color-text-muted);cursor:pointer;padding:0}.me-tlx-vp{overflow:hidden;margin:0 12px 10px;touch-action:none}.me-tlx{position:relative;padding-bottom:2px;overflow:hidden}.me-tlx-ruler{position:relative;height:26px;pointer-events:none}.me-tlx-dot{position:absolute;top:12px;width:2px;height:2px;border-radius:50%;background:var(--color-text-muted);transform:translate(-50%)}.me-tlx-label{position:absolute;top:8px;font-size:9px;line-height:1;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.me-tlx-head{position:absolute;top:50%;transform:translateY(-50%);height:16px;width:1px;background:var(--color-text-bright);pointer-events:none;z-index:2}.me-nav{display:flex;background:var(--color-bg-panel);border-top:1px solid var(--color-border-subtle);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.me-navbtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;color:var(--color-text-muted);font-size:10px;line-height:15px;padding:4px 0;cursor:pointer}.me-navbtn.on{color:var(--color-text-bright)}.me-navbtn span{letter-spacing:.2px}@media(prefers-reduced-motion:reduce){.mobile-shell *,.mobile-shell *:before,.mobile-shell *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wc-account-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;color:#eee}.wc-account-dialog{position:relative;width:min(100%,410px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:30px;background:#1b1b1b;border:1px solid #343434;border-radius:18px;box-shadow:0 24px 80px #0009;font-size:14px}.wc-account-dialog button,.wc-account-dialog input{font:inherit}.wc-account-dialog button{cursor:pointer}.wc-account-dialog button:disabled{opacity:.45;cursor:default}.wc-account-dialog button:focus-visible,.wc-account-dialog input:focus-visible{outline:2px solid #a0c4ff;outline-offset:3px}.wc-account-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#aaa;font-size:26px!important;padding:3px 8px}.wc-account-brand{font-size:12px;letter-spacing:.05em;color:#a0a0a0}.wc-account-dialog h2{margin:12px 0 22px;font-size:23px;font-weight:600;line-height:1.3}.wc-account-tabs{display:flex;gap:4px;background:#111;border:1px solid #303030;border-radius:9px;padding:4px;margin-bottom:22px}.wc-account-tabs button{flex:1;border:0;border-radius:6px;padding:8px 4px;background:transparent;color:#929292}.wc-account-tabs .active{background:#353535;color:#fff}.wc-account-dialog form{display:flex;flex-direction:column;gap:16px}.wc-account-dialog label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b5b5b5}.wc-account-dialog input{background:#242424;color:#fff;border:1px solid #454545;border-radius:8px;width:100%;min-width:0;padding:11px 12px;box-sizing:border-box}.wc-account-dialog small,.wc-account-note{font-size:12px;color:#999;line-height:1.6}.wc-account-note{margin:20px 0 0}.wc-account-dialog .wc-account-primary,.wc-account-secondary{border:0;border-radius:8px;padding:12px;width:100%;background:#f4f4f4;color:#171717;font-weight:600;margin-top:4px}.wc-account-secondary{background:#353535;color:#fff}.wc-account-link{border:0;background:none;color:#b8c9e9;font-size:12px!important;padding:5px}.wc-account-phone,.wc-account-code{display:flex;align-items:center;gap:8px}.wc-account-phone>span{padding:10px;background:#303030;border-radius:8px}.wc-account-code button{white-space:nowrap;border:0;background:#363636;color:#eee;border-radius:8px;padding:12px;font-size:12px}.wc-account-error{color:#ff9e9e;font-size:12px;line-height:1.6;margin:16px 0 0}.wc-account-notice{color:#9cd7b1;font-size:12px;line-height:1.6;margin:16px 0 0}.wc-account-wechat{text-align:center}.wc-account-wechat p,.wc-account-unavailable p{color:#bbb;font-size:13px;line-height:1.7;margin:12px 0 20px}.wc-wechat-symbol{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#173620;color:#79d894;font-size:26px;margin-top:4px}.wc-account-profile>strong{font-size:18px}.wc-account-profile>p{color:#bbb;overflow-wrap:anywhere}.wc-account-profile>form{margin:24px 0}.wc-account-profile>.wc-account-primary{margin-top:20px}@media(max-width:480px){.wc-account-overlay{padding:16px}.wc-account-dialog{padding:26px 22px;max-height:calc(100dvh - 32px)}}@font-face{font-family:Arqé;src:url(/assets/ff18b11410e32c40.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arqé;src:url(/assets/5dae76e189931d1f.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Arqé Mono;src:url(/assets/0c71f082b04f92ea.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Arqé,PingFang SC,Noto Sans CJK SC,Inter,system-ui,-apple-system,sans-serif;color:#ccc;background:#1a1a1a;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#1a1a1a}body{min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}.app-shell{position:relative;width:max(100vw,1280px);min-width:1280px;height:100vh;min-height:720px;overflow:hidden;background:#1a1a1a}.icon{display:block;width:18px;height:18px;filter:invert(1);opacity:.68;pointer-events:none}.panel,.rail,.timeline-panel{position:absolute;background:#1e1e1e;border-radius:14px;overflow:hidden}.panel{top:8px;height:calc(100vh - 88px);min-height:632px}.rail{left:8px;top:8px;width:76px;height:calc(100vh - 16px);min-height:704px;padding:0 8px 12px;display:flex;flex-direction:column;z-index:15;overflow:visible}.brand-logo{display:block;width:44px;height:26px;flex-shrink:0;margin:13px auto 21px;color:#f5f5f5;font-size:12px;font-weight:600;line-height:13px;letter-spacing:-.35px;text-align:center;opacity:.96}.tool-stack{display:flex;flex-direction:column;gap:2px}.rail-tool{height:58px;border:0;border-radius:10px;background:transparent;color:#777;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;line-height:15px;padding:0}.rail-tool .icon{width:20px;height:20px;opacity:.45}.rail-tool.selected{background:#242424;color:#fff}.rail-tool.selected .icon{opacity:1}.rail-tool:disabled{opacity:.34}.rail-tool:nth-child(5){margin-top:9px;border-top:1px solid #292929;border-radius:0;padding-top:18px;height:68px}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:9px}.rail-mini{border:0;background:transparent;width:44px;height:36px;border-radius:9px;display:grid;place-items:center}.rail-mini:hover{background:#232323}.rail-mini .icon{width:17px;height:17px}.user-button{background:#202020;border:1px solid #292929;border-radius:50%;width:34px;height:34px}.user-button.signed-in{background:#e8e8e8;color:#111;border-color:#fff}.user-avatar-text{font-size:10px;font-weight:600;line-height:1}.account-wrap{position:relative}.account-menu{position:absolute;left:47px;bottom:0;width:210px;background:#262626;border:1px solid #333;border-radius:10px;padding:12px;box-shadow:0 14px 35px #0009;display:flex;flex-direction:column;gap:5px;z-index:50}.account-menu>span{color:#777;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.account-menu strong{color:#eee;font-size:13px;font-weight:500}.account-menu small{color:#888;font-size:11px}.full-access-badge{align-self:flex-start;margin-top:4px;padding:4px 7px;border-radius:999px;background:#dff6e4;color:#1f6630;font-size:9px;font-style:normal;font-weight:600;letter-spacing:.03em}.account-menu button{height:34px;border:0;border-radius:7px;background:#333;color:#ccc;margin-top:7px;text-align:left;padding:0 10px;font-size:12px}.account-menu button:hover{background:#3b3b3b}.more-wrap{position:relative}.more-menu{position:absolute;left:50px;bottom:-8px;width:168px;background:#262626;border:1px solid #303030;border-radius:10px;padding:8px;box-shadow:0 14px 35px #0009;z-index:50}.more-menu button{width:100%;border:0;background:transparent;text-align:left;padding:9px 6px;border-radius:6px;font-size:13px;color:#ddd}.more-menu button:hover{background:#333}.framer-link{height:36px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;padding:0 6px;color:#ddd;text-decoration:none;font-size:13px}.framer-link:hover{background:#333}.framer-link img{width:14px;height:14px;filter:invert(1);opacity:.45}.menu-separator{height:1px;background:#343434;margin:5px 0 8px}.menu-label{display:block;color:#777;font-size:10px;letter-spacing:.12em;padding:0 6px 8px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#202020;border:1px solid #303030;border-radius:8px;padding:3px}.more-menu .language-options button{height:30px;padding:0;text-align:center;color:#777;font-size:11px}.more-menu .language-options button.active{background:#343434;color:#fff;box-shadow:0 1px 2px #0008}.social-row{display:flex;align-items:center;justify-content:space-between;padding:0 5px 2px}.social-row a{width:22px;height:22px;overflow:hidden;color:#858585;text-decoration:none;font-size:0;display:grid;place-items:center}.social-row a:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.7}.social-row a:nth-child(1):before{-webkit-mask-image:url(/assets/social-instagram.svg);mask-image:url(/assets/social-instagram.svg)}.social-row a:nth-child(2):before{-webkit-mask-image:url(/assets/social-x.svg);mask-image:url(/assets/social-x.svg)}.social-row a:nth-child(3):before{-webkit-mask-image:url(/assets/social-threads.svg);mask-image:url(/assets/social-threads.svg)}.social-row a:nth-child(4):before{-webkit-mask-image:url(/assets/social-linkedin.svg);mask-image:url(/assets/social-linkedin.svg)}.template-panel{left:92px;width:280px;padding:12px 14px 0;display:flex;flex-direction:column;background:#171717}.tabs{min-height:34px;flex:0 0 auto}.tabs:before{content:"";position:absolute;z-index:0;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/2);border-radius:6px;background:#2d2d2d;transition:transform .28s ease,width .28s ease}.tabs:has(.segment:nth-child(2).active):before{transform:translate(100%)}.segmented{display:flex;position:relative;background:#232323;border:0;border-radius:8px;padding:3px}.segment{position:relative;z-index:1;min-width:0;flex:1;border:0;background:transparent;border-radius:6px;color:#666;font-size:12px;padding:5px 8px;display:flex;align-items:center;justify-content:center;transition:color .18s,background .18s}.tabs .segment{line-height:18px}.segment.active{background:#2d2d2d;color:#fff}.tabs .segment.active{background:transparent}.search-box{margin-top:8px;height:34px;border-radius:8px;background:#232323;display:flex;align-items:center;padding:0 8px;gap:6px;color:#666;flex:0 0 auto;transition:background .15s}.search-box:hover{background:#282828}.search-box:focus-within{background:#2d2d2d}.search-box .icon{width:13px;height:13px;opacity:.35}.search-box:focus-within .icon{opacity:.6}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#ccc;font-size:12px}.search-box input::placeholder{color:#666}.search-box kbd{font-family:Arqé Mono;font-size:10px;font-weight:400;color:#666;background:#2d2d2d;border-radius:4px;padding:2px 5px;transition:opacity .15s}.search-box:focus-within kbd{opacity:0}.template-scroll{position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;margin:10px -14px 0;padding:0 14px;scrollbar-width:thin;scrollbar-color:#333 transparent}.template-scroll::-webkit-scrollbar{width:4px}.template-scroll::-webkit-scrollbar-track{background:transparent}.template-scroll::-webkit-scrollbar-thumb{background:#333;border-radius:999px}.category-list{height:100%;overflow:auto;scrollbar-width:none}.category-list::-webkit-scrollbar,.panel-scroll::-webkit-scrollbar{display:none}.category-list button{width:100%;height:40px;border-style:solid;border-color:transparent;border-width:3px 1px;background:transparent;color:#aaa;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px;letter-spacing:.4px;transition:color .15s,background .15s}.category-list button:hover{background:#1f1f1f;color:#fff}.category-list .icon{width:10px;height:10px;opacity:.35}.category-back{z-index:2;position:sticky;top:0;width:100%;min-height:34px;border:1px solid transparent;border-radius:0;background:#171717;color:#ccc;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:8px 7px;font-size:12px;line-height:1.3;flex:0 0 auto;transform:translateZ(0)}.category-back:before{content:"";z-index:-1;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:8px;background:transparent;transition:background .25s;pointer-events:none}.category-back:after{content:"";position:absolute;top:100%;left:0;right:0;height:28px;background:linear-gradient(to bottom,#171717,transparent);pointer-events:none}.category-back:hover:before,.category-back:focus-visible:before{background:#1f1f1f}.category-back:focus-visible{outline:none}.category-back-icon,.category-back-spacer{width:16px;height:16px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.category-back-icon .icon{width:12px;height:12px;transform:rotate(180deg);opacity:.45}.category-back-title{min-width:0;flex:1;text-align:center;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-back+.orbit-grid{height:auto}.save-actions{position:relative;display:flex;flex-direction:column;gap:7px;flex:0 0 auto;background:#171717;padding:0 0 12px}.save-actions:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:28px;background:linear-gradient(to top,#171717,transparent);pointer-events:none}.save-button,.save-changes-button{height:34px;border-radius:8px;font-size:12px;flex:0 0 auto}.save-button{background:transparent;border:1px dashed #2a2a2a;color:#777;padding:7px 12px;line-height:18px}.save-button{letter-spacing:.3px;transition:color .15s,border-color .25s}.save-button:hover{color:#ccc;border-color:#444}.save-changes-button{background:#242424;border:1px solid #292929;color:#bbb}.save-changes-button:disabled{color:#666;opacity:.72}.save-status{position:absolute;right:7px;top:-21px;color:#7dba8a;font-size:10px;pointer-events:none}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:24px;gap:8px}.empty-state strong{font-size:13px;font-weight:400;color:#bbb}.empty-state span{font-size:11px;color:#666}.orbit-grid{height:auto;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:4px 0 12px}.orbit-card{position:relative;border:4px solid transparent;background:padding-box padding-box;margin:-4px;padding:6px;color:#aaa;font-size:11px;display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:center;border-radius:14px;transition:color .15s,background .25s,border-color .25s;cursor:pointer}.orbit-card:hover{background-color:#1f1f1f;color:#fff}.orbit-card.selected{border-color:transparent;background-color:#2d2d2d;color:#fff}.orbit-card.selected:hover{background-color:#2d2d2d}.card-thumb-wrap{position:relative;aspect-ratio:3/4;width:100%;display:block;overflow:hidden;border-radius:8px;background:#111;pointer-events:none}.orbit-card .card-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;border:0;border-radius:8px;background:#111;transform:none;pointer-events:none}.orbit-card .card-thumb-video{opacity:0}.orbit-card .card-thumb-video.ready{opacity:1}.orbit-card.selected video{outline:none}.orbit-card-name{width:100%;height:15px;padding:0 2px;font-size:10px;line-height:15px;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card{position:relative;min-width:0}.template-card>.orbit-card{width:calc(100% + 8px)}.template-favourite{position:absolute;top:8px;right:8px;width:26px;height:26px;border:0;border-radius:50%;display:grid;place-items:center;padding:0;color:#fff;background:#0008;opacity:0;cursor:pointer;transition:opacity .15s}.template-card:hover .template-favourite,.template-card:focus-within .template-favourite,.template-favourite.is-favourite{opacity:1}.template-favourite:focus-visible,.template-card>.orbit-card:focus-visible{outline:2px solid #bbb;outline-offset:2px}@media(hover:none){.template-favourite{opacity:1}}.project-list{height:100%;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:7px;padding:2px}.project-row{height:72px;border:1px solid #242424;border-radius:9px;background:#1c1c1c;display:grid;grid-template-columns:1fr 30px;align-items:center;overflow:hidden}.project-row.selected{border-color:#4f91c9;background:#20262c}.project-open{height:100%;min-width:0;border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:4px;color:#aaa}.project-open:focus,.project-delete:focus{outline:0}.project-open video{width:45px;height:60px;border-radius:6px;background:#080808;object-fit:cover;flex:0 0 auto}.project-open>span{min-width:0;display:flex;flex-direction:column;gap:5px}.project-open strong{font-size:12px;color:#ddd;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-open small{font-size:10px;color:#777}.project-delete{border:0;background:transparent;width:30px;height:40px;display:grid;place-items:center}.project-delete:hover{background:#2a2a2a}.project-delete .icon{width:11px;height:11px;opacity:.35}.controls-panel{left:380px;width:280px;padding:0 14px}.panel-scroll{height:100%;overflow:auto;scrollbar-width:none}.controls-scroll{padding:14px 0 40px}.panel h2{font-size:10px;font-weight:500;letter-spacing:.16em;color:#888;margin:0 0 15px;text-transform:uppercase}.control-block{margin-bottom:17px}.field-label{font-size:13px;color:#bbb;margin-bottom:8px}.control-block .segmented{height:34px}.control-block .segment{padding:5px 4px}.divider,.right-divider{height:1px;background:#2b2b2b;margin:10px 0 14px}.slider-row{position:relative;height:34px;background:#242424;border-radius:8px;margin:7px 0;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 10px;gap:5px;color:#aaa;font-size:12px}.slider-row input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:ew-resize;opacity:0}.slider-row strong{min-width:30px;font-weight:400;color:#bbb;text-align:center;font-variant-numeric:tabular-nums}.slider-stepper{height:27px;display:grid;grid-template-columns:auto;align-items:center;border-radius:6px;background:transparent;z-index:1;pointer-events:none}.slider-stepper button{display:none}.timing-title{margin-top:24px!important}.easing-label{margin-top:14px}.controls-panel .cubic-bezier-editor{margin:0 0 8px}.bezier{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bezier input{min-width:0;width:100%;height:28px;background:#232323;border:0;color:#aaa;border-radius:6px;text-align:center;padding:5px 2px;font-family:Arqé Mono;font-size:12px;line-height:18px}.bezier input:focus{outline:1px solid #666;color:#fff;background:#292929}.bezier input::-webkit-inner-spin-button,.bezier input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.easing-tabs{height:34px;margin-top:10px}.easing-grid{margin-top:8px;display:flex;flex-direction:column}.easing-grid button{height:38px;border:0;background:transparent;border-radius:8px;color:#aaa;text-align:left;padding:0 10px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.easing-grid button.active,.easing-grid button:hover{background:#242424;color:#fff}.custom-easing-panel{margin-top:8px}.custom-easing-grid{margin-top:0}.custom-easing-empty{min-height:86px;padding:18px 10px;border-radius:8px;background:#202020;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center}.custom-easing-empty strong{font-size:12px;font-weight:500;color:#bbb}.custom-easing-empty span{font-size:11px;color:#777}.save-custom-easing{width:100%;height:38px;margin-top:8px;border:1px solid #343434;border-radius:8px;background:#292929;color:#ddd;font-size:12px}.save-custom-easing:hover{background:#303030;color:#fff}.preview-panel{position:absolute;left:668px;top:8px;width:320px;height:calc(100vh - 88px);min-height:632px;display:grid;place-items:center;background:#1a1a1a;overflow:hidden}.preview-frame{position:relative;width:256px;height:342px;background:#000;display:flex;justify-content:center;overflow:hidden;isolation:isolate;transition:width .2s,height .2s,border-radius .2s,background .2s}.preview-frame.ratio-9-16{width:192px;height:342px}.preview-frame.ratio-1-1{width:292px;height:292px}.preview-frame.ratio-4-3{width:342px;height:256px}.preview-frame.ratio-16-9{width:360px;height:203px}.preview-frame.background-gradient{background:#08090b}.preview-frame.background-media{background-color:#000;background-position:center;background-size:cover}.motion-column{width:107px;height:100%;display:grid;gap:7px;overflow:hidden;background:#000}.motion-column.loaded-column{grid-template-rows:8% 41% 19% 32%}.motion-column img{width:100%;height:100%;object-fit:cover;display:block}.motion-column img{object-position:center}.motion-column.loaded-column img:nth-child(1){object-position:50% 82%}.motion-column.loaded-column img:nth-child(3){object-position:50% 3%}.motion-column.loaded-column img:nth-child(4){object-position:50% 96%}.motion-column.intro-column{grid-template-rows:28% 43% 29%}.motion-column.intro-column img:nth-child(1){object-position:50% 82%}.motion-column.intro-column img:nth-child(3){object-position:50% 42%}.preview-frame.playing .motion-column{animation:gentle-pulse 3s ease-in-out infinite}@keyframes gentle-pulse{50%{transform:translateY(-5px) scale(1.015)}}.live-preview-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;perspective:720px;transform-style:preserve-3d;transition:transform .18s ease-out}.template-driven-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#000;overflow:hidden}.template-driven-preview canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.native-template-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;background:transparent;transform-style:preserve-3d}.native-preview-plane{position:absolute;left:50%;top:50%;aspect-ratio:3/4;overflow:hidden;background:#050505;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.native-preview-plane>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.plane-dim-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#000;pointer-events:none}.stories-container-decor,.stories-selector-clip{position:absolute;box-sizing:border-box;pointer-events:none}.stories-container-decor{z-index:10;overflow:hidden}.stories-selector-clip{z-index:30;overflow:hidden}.stories-selector-clip>i{position:absolute;display:block;box-sizing:border-box;transform:translate(-50%,-50%);border-style:solid;border-color:#fff}.slot-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#0a0a0acc;border:1px solid #ffffff70;color:#fff;font-family:Arqé Mono;font-size:8px;box-shadow:0 2px 8px #0009}.live-preview-plane{position:absolute;left:50%;top:50%;width:var(--plane-width);aspect-ratio:3/4;opacity:var(--plane-opacity);z-index:var(--plane-z);transform:var(--plane-base);transform-style:preserve-3d;transition:width .18s ease-out,opacity .18s ease-out,transform .18s ease-out;will-change:transform}.live-preview-media{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--plane-radius);box-shadow:0 8px 26px #0008;background:#050505;transform:var(--media-to);clip-path:var(--clip-to);filter:var(--filter-to);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,clip-path,filter,opacity}.live-preview-media .live-preview-asset,.live-preview-media video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;backface-visibility:hidden}.live-preview-media .live-preview-asset{transform:var(--asset-to);will-change:transform}.live-preview-media.with-asset video{opacity:.22;mix-blend-mode:screen;filter:contrast(1.18)}.live-preview-media.with-upload video{display:none}.live-preview-media.template-only video{display:none}.motion-globe .live-preview-media{border-radius:50%}.motion-frames .live-preview-media{outline:1px solid #ffffff80;outline-offset:4px}.motion-magazine .live-preview-media{box-shadow:8px 10px #ffffff13,0 14px 30px #000b}.motion-stories .live-preview-media{aspect-ratio:9/16}.preview-frame.playing .live-preview-plane,.preview-frame.playing .live-preview-media,.preview-frame.playing .live-preview-asset{animation-duration:var(--preview-duration);animation-timing-function:var(--preview-easing);animation-delay:var(--plane-delay);animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both}.preview-frame.playing .motion-variant-2 .live-preview-plane,.preview-frame.playing .motion-variant-2 .live-preview-media,.preview-frame.playing .motion-variant-2 .live-preview-asset{animation-direction:alternate-reverse}.preview-frame.playing .motion-variant-3 .live-preview-plane,.preview-frame.playing .motion-variant-3 .live-preview-media,.preview-frame.playing .motion-variant-3 .live-preview-asset{animation-duration:calc(var(--preview-duration) * .78)}.preview-frame.playing .motion-variant-4 .live-preview-plane,.preview-frame.playing .motion-variant-4 .live-preview-media,.preview-frame.playing .motion-variant-4 .live-preview-asset{animation-duration:calc(var(--preview-duration) * 1.24)}.preview-frame.playing .motion-carousel .live-preview-plane{animation-name:motion-carousel-plane}.preview-frame.playing .motion-orbit .live-preview-plane{animation-name:motion-orbit-plane}.preview-frame.playing .motion-stack .live-preview-plane{animation-name:motion-stack-plane}.preview-frame.playing .motion-three-d .live-preview-plane{animation-name:motion-three-d-plane}.preview-frame.playing .motion-three-d .live-preview-media{animation-name:motion-media}.preview-frame.playing .motion-wheel .live-preview-plane{animation-name:motion-wheel-plane}.preview-frame.playing .motion-field .live-preview-plane{animation-name:motion-field-plane}.preview-frame.playing .motion-wipe .live-preview-media{animation-name:motion-wipe-media}.preview-frame.playing .motion-stories .live-preview-plane{animation-name:motion-stories-plane}.preview-frame.playing .motion-stories .live-preview-asset{animation-name:motion-asset}.preview-frame.playing .motion-spin .live-preview-plane{animation-name:motion-spin-plane}.preview-frame.playing .motion-spin .live-preview-media{animation-name:motion-media}.preview-frame.playing .motion-flicker .live-preview-media{animation-name:motion-flicker-media;animation-timing-function:steps(2,end)}.preview-frame.playing .motion-globe .live-preview-plane{animation-name:motion-globe-plane}.preview-frame.playing .motion-globe .live-preview-media{animation-name:motion-media}.preview-frame.playing .motion-carousel-three-d .live-preview-plane{animation-name:motion-carousel-three-d-plane}.preview-frame.playing .motion-carousel-three-d .live-preview-media{animation-name:motion-media}.preview-frame.playing .motion-grid .live-preview-plane{animation-name:motion-grid-plane}.preview-frame.playing .motion-spiral .live-preview-plane{animation-name:motion-spiral-plane}.preview-frame.playing .motion-tour .live-preview-plane{animation-name:motion-tour-plane}.preview-frame.playing .motion-tour .live-preview-asset{animation-name:motion-asset}.preview-frame.playing .motion-magazine .live-preview-plane{animation-name:motion-magazine-plane}.preview-frame.playing .motion-gravity .live-preview-plane{animation-name:motion-gravity-plane}.preview-frame.playing .motion-parallax .live-preview-plane{animation-name:motion-parallax-plane}.preview-frame.playing .motion-parallax .live-preview-asset{animation-name:motion-asset}.preview-frame.playing .motion-deck .live-preview-plane{animation-name:motion-deck-plane}.preview-frame.playing .motion-flip .live-preview-plane{animation-name:motion-flip-plane}.preview-frame.playing .motion-flip .live-preview-media{animation-name:motion-media}.preview-frame.playing .motion-marquee .live-preview-plane{animation-name:motion-marquee-plane}.preview-frame.playing .motion-scale .live-preview-media{animation-name:motion-media}.preview-frame.playing .motion-proximity .live-preview-plane{animation-name:motion-proximity-plane}.preview-frame.playing .motion-proximity .live-preview-media{animation-name:motion-media}.preview-frame.playing .motion-frames .live-preview-plane{animation-name:motion-frames-plane}.preview-frame.playing .motion-frames .live-preview-media{animation-name:motion-frames-media}@keyframes motion-carousel-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-orbit-plane{0%{transform:var(--plane-mid)}50%{transform:var(--plane-target)}to{transform:var(--plane-base)}}@keyframes motion-stack-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-three-d-plane{0%{transform:var(--plane-mid)}to{transform:var(--plane-target)}}@keyframes motion-wheel-plane{0%{transform:var(--plane-base)}50%{transform:var(--plane-target)}to{transform:var(--plane-mid)}}@keyframes motion-field-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-stories-plane{0%{transform:var(--plane-mid)}to{transform:var(--plane-target)}}@keyframes motion-spin-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-globe-plane{0%{transform:var(--plane-mid)}55%{transform:var(--plane-target)}to{transform:var(--plane-base)}}@keyframes motion-carousel-three-d-plane{0%{transform:var(--plane-mid)}to{transform:var(--plane-target)}}@keyframes motion-grid-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-spiral-plane{0%{transform:var(--plane-mid)}50%{transform:var(--plane-target)}to{transform:var(--plane-base)}}@keyframes motion-tour-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-magazine-plane{0%{transform:var(--plane-mid)}to{transform:var(--plane-target)}}@keyframes motion-gravity-plane{0%{transform:var(--plane-mid)}62%{transform:var(--plane-target)}78%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-parallax-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-deck-plane{0%{transform:var(--plane-mid)}to{transform:var(--plane-target)}}@keyframes motion-flip-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-marquee-plane{0%{transform:var(--plane-mid)}to{transform:var(--plane-target)}}@keyframes motion-proximity-plane{0%{transform:var(--plane-base)}to{transform:var(--plane-target)}}@keyframes motion-frames-plane{0%{transform:var(--plane-mid)}to{transform:var(--plane-target)}}@keyframes motion-media{0%{transform:var(--media-from);clip-path:var(--clip-from);filter:var(--filter-from)}to{transform:var(--media-to);clip-path:var(--clip-to);filter:var(--filter-to)}}@keyframes motion-asset{0%{transform:var(--asset-from)}to{transform:var(--asset-to)}}@keyframes motion-wipe-media{0%{transform:var(--media-from);clip-path:var(--clip-from)}72%,to{transform:var(--media-to);clip-path:var(--clip-to)}}@keyframes motion-flicker-media{0%,18%,46%,68%{opacity:.28;filter:var(--filter-from);transform:var(--media-from)}9%,31%,58%,to{opacity:1;filter:var(--filter-to);transform:var(--media-to)}}@keyframes motion-frames-media{0%{transform:var(--media-from);outline-color:#fff2;box-shadow:0 4px 16px #0008}to{transform:var(--media-to);outline-color:#fff;box-shadow:0 12px 34px #000c}}.preview-meta{position:absolute;left:8px;right:8px;bottom:7px;z-index:30;display:flex;justify-content:space-between;pointer-events:none;color:#ffffffa6;font-family:Arqé Mono;font-size:8px;letter-spacing:.04em;text-shadow:0 1px 5px #000}.safe-area-guide{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:40;border:1px dashed #ffffff80;pointer-events:none}.safe-area-guide:before,.safe-area-guide:after{content:"";position:absolute;background:#ffffff4d}.safe-area-guide:before{left:50%;top:0;bottom:0;width:1px}.safe-area-guide:after{top:50%;left:0;right:0;height:1px}.safe-area-guide i{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid #ffffff2f}.safe-area-guide i:last-child{top:20%;right:20%;bottom:20%;left:20%}.fullscreen-button{position:absolute;right:20px;bottom:16px;width:30px;height:30px;border:0;border-radius:8px;background:#171717;display:grid;place-items:center}.fullscreen-button .icon{width:14px;height:14px;opacity:.9}.preview-panel.fullscreen-active{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:auto;height:auto;min-height:0;background:#0009;cursor:pointer;-webkit-backdrop-filter:brightness(.55);backdrop-filter:brightness(.55)}.preview-panel.fullscreen-active .preview-frame{width:min(495px,75vh,calc(100vw - 80px));height:auto;aspect-ratio:3/4}.preview-panel.fullscreen-active .preview-frame.ratio-9-16{width:min(405px,56.25vh,calc(100vw - 80px));height:auto;aspect-ratio:9/16}.preview-panel.fullscreen-active .preview-frame.ratio-1-1{width:min(720px,calc(100vh - 60px),calc(100vw - 80px));height:auto;aspect-ratio:1}.preview-panel.fullscreen-active .preview-frame.ratio-4-3{width:min(960px,calc(133.33vh - 80px),calc(100vw - 80px));height:auto;aspect-ratio:4/3}.preview-panel.fullscreen-active .preview-frame.ratio-16-9{width:min(1120px,calc(177.78vh - 106.67px),calc(100vw - 80px));height:auto;aspect-ratio:16/9}.preview-panel.fullscreen-active .fullscreen-button,.fullscreen-exit-hint{display:none}.settings-panel{left:992px;width:280px;padding:14px 20px 0}.settings-scroll{padding-bottom:40px}.settings-panel .control-block{margin-bottom:17px}.settings-panel .segmented{height:34px}.settings-panel .segment{font-size:12px;padding:5px 4px}.settings-panel .right-divider{margin-top:8px}.accordion{border-bottom:1px solid #292929}.accordion>button{height:43px;width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0;color:#8b8b8b;font-size:10px;letter-spacing:.14em}.accordion>button .icon{width:9px;height:9px;opacity:.4;transition:transform .2s}.accordion.open>button .icon{transform:rotate(90deg)}.accordion-content{padding:0 0 12px}.bg-tabs{margin-bottom:9px}.color-field{height:34px;background:#232323;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 8px;color:#888;font-size:12px;transition:background-color .15s,box-shadow .15s}.color-field:hover{background:#282828}.color-field:focus-within{background:#2d2d2d;box-shadow:inset 0 0 0 1px #3a3a3a}.color-chip{position:relative;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff1a;overflow:hidden;flex:0 0 auto;cursor:pointer}.color-picker-input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:32px;height:32px;padding:0;border:0;opacity:0;cursor:pointer}.color-hex-input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:#888;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.5px;text-transform:uppercase}.color-hex-input:focus{color:#ddd}.gradient-editor{display:flex;flex-direction:column}.gradient-type-tabs{margin-bottom:9px}.gradient-stops-heading{height:30px;display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:12px}.gradient-heading-actions{display:flex;align-items:center;gap:2px}.gradient-heading-actions button,.gradient-remove-stop{border:0;background:transparent;color:#777;display:grid;place-items:center;padding:0;transition:color .15s,background .15s}.gradient-heading-actions button{width:22px;height:22px;border-radius:5px}.gradient-heading-actions button:hover{color:#ddd;background:#282828}.gradient-heading-actions svg{width:13px;height:13px}.gradient-remove-stop svg{width:12px;height:12px}.gradient-stops{display:flex;flex-direction:column;gap:6px}.gradient-stop-row{height:28px;display:flex;align-items:center;gap:6px}.gradient-number-input{height:28px;min-width:0;background:#242424;border-radius:7px;display:flex;align-items:center;padding:0 8px;color:#777;font-size:11px;font-variant-numeric:tabular-nums;transition:background .15s,box-shadow .15s}.gradient-number-input:hover{background:#282828}.gradient-number-input:focus-within{background:#2d2d2d;box-shadow:inset 0 0 0 1px #3a3a3a;color:#ccc}.gradient-number-input input{min-width:0;max-width:100%;height:100%;flex:0 0 auto;border:0;outline:0;background:transparent;color:inherit;padding:0;font:inherit;font-variant-numeric:inherit}.gradient-number-input span{flex:0 0 auto;color:#666}.gradient-stop-position{width:56px;flex:0 0 56px}.gradient-stop-color{height:28px;min-width:0;flex:1;border-radius:7px;gap:8px;padding:0 6px;font-size:11px}.gradient-stop-color .color-chip{width:18px;height:18px;border-radius:5px}.gradient-remove-stop{width:18px;height:24px;flex:0 0 18px;border-radius:5px}.gradient-remove-stop:hover:not(:disabled){color:#ddd;background:#282828}.gradient-remove-stop:disabled{color:#484848}.gradient-parameter{margin-top:12px;color:#aaa;font-size:12px}.gradient-parameter>span{display:block;margin-bottom:7px}.gradient-parameter>.gradient-number-input{width:120px}.gradient-radial-parameters{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.gradient-radial-parameters .gradient-parameter{margin-top:10px}.gradient-radial-parameters .gradient-number-input{width:100%}.gradient-radial-parameters .gradient-parameter:last-child{grid-column:1/-1;margin-top:0}.gradient-radial-parameters .gradient-parameter:last-child .gradient-number-input{width:120px}.gradient-footer-actions{display:flex;gap:8px;margin-top:12px}.gradient-footer-actions button{height:34px;min-width:0;flex:1;border:1px solid #2d2d2d;border-radius:8px;background:#242424;color:#aaa;font-size:11px;transition:color .15s,background .15s,border-color .15s}.gradient-footer-actions button:last-child{background:transparent;border-style:dashed}.gradient-footer-actions button:hover:not(:disabled){color:#eee;background:#2d2d2d;border-color:#3b3b3b}.gradient-footer-actions button:disabled{color:#565656;background:#222;border-color:#292929;opacity:.72}.background-media-hint{min-height:34px;border-radius:8px;background:#232323;color:#777;font-size:11px;line-height:16px;padding:9px 10px}.empty-accordion{color:#666;font-size:12px;padding:2px 0 8px}.add-outline{width:100%;height:36px;border:1px dashed #303030;border-radius:7px;background:transparent;color:#888;font-size:12px;margin-bottom:12px}.upload-file-input{display:none}.upload-button{width:100%;height:36px;background:#2d2d2d;border:0;border-radius:8px;color:#bcbcbc;font-size:12px;transition:background .16s,color .16s}.upload-button.ready{background:#eee;color:#111}.upload-button.ready:hover{background:#fff}.audio-volume-row{height:32px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px}.audio-volume{width:100%;height:14px;accent-color:#eee;opacity:.55;margin:0 0 8px}.asset-meta{height:39px;display:flex;align-items:center;gap:10px;color:#666;font-size:11px}.asset-meta button{border:0;background:transparent;color:#666;font-size:11px;margin-left:auto}.asset-meta .slots-toggle{margin-left:0;padding:0;display:flex;align-items:center;gap:4px}.asset-meta .slots-toggle .icon{width:12px;height:12px;filter:invert(1);opacity:.38}.asset-meta .slots-toggle.active{color:#ddd}.asset-meta .slots-toggle.active .icon{opacity:.75}.asset-meta .slots-toggle:focus{outline:0}.asset-meta .slots-toggle:focus-visible{outline:1px solid #64b4ff;outline-offset:3px}.no-assets{color:#666;font-size:11px;line-height:16px;padding:5px 0 12px}.asset-row{height:44px;display:grid;grid-template-columns:14px 34px 1fr 22px 16px;align-items:center;gap:7px;color:#666;font-size:10px;border-top:1px solid #242424}.asset-row.hidden{opacity:.45}.asset-row>img{width:34px;height:34px;border-radius:4px;object-fit:cover}.asset-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#777}.asset-row[data-uploaded=true] strong{color:#bdbdbd}.asset-row button{border:0;background:transparent;padding:0;color:#666}.asset-row button img{display:block;width:13px;height:13px;filter:invert(1);opacity:.35}.timeline-panel{position:fixed;left:92px;right:8px;bottom:8px;width:auto;height:64px;display:flex;align-items:center;padding:0 20px;border-radius:0 0 14px 14px;z-index:12}.pause-button{width:36px;height:36px;border:0;border-radius:8px;background:#2a2a2a;display:grid;place-items:center;flex:0 0 auto;transition:background .15s}.pause-button:hover{background:#333}.pause-button .icon{width:14px;height:14px;opacity:.95}.time-readout{width:80px;margin-left:14px;padding:0;border:0;background:transparent;text-align:left;font-family:Arqé Mono;font-size:12px;color:#aaa;white-space:nowrap}.time-readout span{color:#555}.timeline-track{position:relative;height:40px;flex:1;margin:0 14px}.timeline-major-tick{position:absolute;top:12px;transform:translate(-50%);font-family:Arqé Mono;font-size:9px;line-height:12px;color:#686868;white-space:nowrap}.timeline-minor-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timeline-minor-ticks i{position:absolute;top:17px;width:2px;height:2px;border-radius:50%;background:#777;transform:translate(-50%,-50%)}.playhead{position:absolute;top:1px;bottom:-12px;width:1px;background:#8a8a8a;transform:translate(-.5px)}.playhead b{position:absolute;top:0;left:50%;transform:translate(-50%);background:#d7d7d7;color:#111;font-family:Arqé Mono;font-size:9px;line-height:12px;font-weight:500;border-radius:4px;padding:2px 5px;white-space:nowrap;box-shadow:0 0 0 1px #aaa8}.timeline-view-button{width:30px;height:30px;flex:0 0 auto;border:0;border-radius:6px;background:transparent;display:grid;place-items:center;opacity:.32}.timeline-view-button:hover,.timeline-view-button.active{background:#242424;opacity:.82}.timeline-view-button .icon{width:14px;height:14px}.timeline-divider{width:1px;height:28px;flex:0 0 auto;background:#303030;margin:0 16px 0 6px}.export-button{width:90px;height:34px;border:0;border-radius:6px;background:#fff;color:#111;font-weight:500;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}.export-button:disabled{opacity:.65;cursor:wait}.export-button .icon{width:14px;height:14px;filter:none;opacity:1}.tour-overlay,.modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.tour-popover{position:absolute;width:300px;left:490px;top:272px;border-radius:12px;background:#1a1a1a;border:1px solid #262626;box-shadow:0 16px 45px #0009;padding:17px}.tour-popover small{font-size:10px;letter-spacing:.13em;color:#777}.tour-popover h3{margin:8px 0 9px;font-size:16px;color:#fff;font-weight:500}.tour-popover p{margin:0;max-width:255px;font-size:13px;line-height:19px;color:#bbb}.tour-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:7px}.tour-actions button{height:35px;border:0;border-radius:7px;background:#262626;color:#888;padding:0 14px;font-size:12px}.tour-actions .skip{margin-right:auto;background:transparent;padding:0;color:#777}.tour-actions .next{background:#fff;color:#111}.tour-actions button:disabled{opacity:.35}.tour-highlight{position:absolute;border:2px solid #64b4ff;border-radius:8px;display:none;box-shadow:0 0 0 1px #000}.tour-step-2 .tour-popover{left:98px;top:133px}.tour-step-2 .tour-highlight{display:block;left:8px;top:66px;width:76px;height:309px}.tour-step-3 .tour-popover{left:98px;top:207px}.tour-step-3 .tour-highlight{display:block;left:100px;top:63px;width:264px;height:38px}.tour-step-4 .tour-popover{left:490px;top:254px}.tour-step-4 .tour-highlight{display:block;left:380px;top:8px;width:280px;height:632px}.tour-step-5 .tour-popover{left:963px;top:290px}.tour-step-5 .tour-highlight{display:block;left:996px;top:8px;width:276px;height:260px}.tour-step-6 .tour-popover{left:963px;top:348px}.tour-step-6 .tour-highlight{display:block;left:996px;top:458px;width:276px;height:182px}.tour-step-7 .tour-popover{left:98px;top:415px}.tour-step-7 .tour-highlight{display:block;left:106px;top:594px;width:252px;height:38px}.tour-step-8 .tour-popover{left:962px;top:473px}.tour-step-8 .tour-highlight{display:block;left:1161px;top:663px;width:93px;height:38px}.modal-layer{display:grid;place-items:center;background:#000000ab;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{position:relative;background:#1b1b1b;border:1px solid #282828;border-radius:13px;box-shadow:0 24px 60px #000a;color:#ddd}.modal-close{position:absolute;right:16px;top:15px;width:24px;height:24px;border:0;background:transparent;display:grid;place-items:center}.modal-close .icon{width:14px;height:14px;opacity:.55}.modal-card h2{text-align:center;color:#fff;font-size:20px;font-weight:600;margin:33px 0 24px}.signin-card{width:380px;min-height:405px;padding:0 27px 20px}.signin-card h2{margin-bottom:23px}.auth-method-tabs{height:36px;margin-bottom:18px}.auth-method-tabs .segment{font-size:11px;padding:5px 3px}.phone-auth{display:flex;flex-direction:column}.auth-label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:#aaa;font-size:12px}.phone-input-row,.code-input-row{height:42px;border:1px solid #343434;border-radius:8px;background:#292929;display:flex;align-items:center;overflow:hidden}.phone-input-row>span{height:22px;display:flex;align-items:center;padding:0 10px;border-right:1px solid #414141;color:#ccc}.phone-input-row input,.code-input-row input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#eee;padding:0 11px}.phone-input-row input::placeholder,.code-input-row input::placeholder{color:#6d6d6d}.code-input-row button{height:30px;min-width:96px;margin-right:5px;border:0;border-radius:6px;background:#3a3a3a;color:#ddd;font-size:11px;padding:0 9px}.code-input-row button:disabled{color:#6f6f6f;background:#303030}.demo-code{color:#777;font-size:10px;margin:-5px 0 8px}.auth-feedback{min-height:17px;font-size:11px;margin-bottom:7px}.auth-feedback.error{color:#e98282}.auth-feedback.success{color:#7fbd8d}.phone-auth .primary-wide{margin-top:2px}.wechat-auth{text-align:center;display:flex;flex-direction:column;align-items:center}.wechat-auth>strong{font-size:15px;color:#eee}.wechat-auth>p{font-size:11px;color:#888;margin:7px 0 12px}.wechat-qr{width:174px;height:174px;padding:8px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #333}.wechat-qr img{width:100%;height:100%;display:block}.scan-status{display:flex;align-items:center;gap:6px;color:#888;font-size:11px;margin:10px 0}.scan-status i{width:6px;height:6px;border-radius:50%;background:#55b86c;box-shadow:0 0 0 3px #55b86c22}.wechat-auth .primary-wide{height:38px}.email-auth{display:flex;flex-direction:column}.auth-terms{text-align:center;color:#626262;font-size:9px;line-height:14px;margin-top:12px;padding:0 12px}.google-button,.primary-wide{height:42px;width:100%;border:0;border-radius:8px;background:#fff;color:#111;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}.google-button img{width:18px;height:18px}.or{text-align:center;color:#777;font-size:11px;margin:18px 0}.auth-input{width:100%;height:42px;border:0;outline:0;border-radius:8px;background:#2d2d2d;color:#eee;padding:0 12px;margin-bottom:11px;font-size:13px}.auth-input::placeholder{color:#777}.password-wrap{position:relative}.password-wrap .auth-input{padding-right:42px}.password-wrap button{position:absolute;right:6px;top:4px;width:35px;height:34px;border:0;background:transparent;color:#777;display:grid;place-items:center}.password-wrap button img{width:15px;height:15px;filter:invert(1);opacity:.45}.forgot{display:block;margin:-4px 0 14px auto;border:0;background:transparent;color:#aaa;font-size:12px;padding:0}.new-user{text-align:center;color:#8b8b8b;font-size:12px;margin-top:10px}.new-user button{border:0;background:transparent;color:#ddd;padding:0 0 0 5px}.plan-card{width:380px;min-height:636px;padding:0 27px 22px}.plan-card h2{margin:32px 0 19px}.billing-tabs{height:34px;margin-bottom:18px}.plan-name{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#fff}.plan-name span{background:#fff;color:#111;border-radius:999px;font-size:11px;padding:5px 10px}.price{display:flex;align-items:center;height:67px;color:#fff}.price sup{font-size:30px;align-self:center}.price>strong{font-size:39px;font-weight:500;margin:0 10px 0 2px}.price small{font-size:11px;line-height:15px;color:#999;font-weight:400}.plan-card .primary-wide{margin:6px 0 17px}.plan-card ul{list-style:none;padding:0;margin:0}.plan-card li{display:flex;align-items:center;gap:10px;font-size:13px;color:#d0d0d0;margin:11px 0}.check-box{width:18px;height:18px;border-radius:5px;background:#2f2f2f;display:grid;place-items:center;flex:0 0 auto}.check-box img{width:11px;height:11px;filter:invert(1);opacity:.9}.secure{text-align:center;color:#666;font-size:11px;line-height:20px;margin-top:15px}.secure span{color:#777}.secure>div{display:flex;align-items:center;justify-content:center;gap:4px}.secure img{width:26px;height:8px;filter:invert(1);opacity:.55}.project-save-card{width:380px;padding:0 27px 25px}.project-save-card h2{margin-bottom:22px}.project-name-field{display:flex;flex-direction:column;gap:8px;color:#999;font-size:12px}.project-name-field input{height:42px;border:1px solid #343434;outline:0;border-radius:8px;background:#292929;color:#eee;padding:0 12px}.project-name-field input:focus{border-color:#64b4ff}.project-modal-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:20px}.project-modal-actions>button{height:42px;border:0;border-radius:8px;background:#292929;color:#aaa}.project-modal-actions .primary-wide{background:#fff;color:#111}.project-modal-actions .primary-wide:disabled{opacity:.45}.video-export-card{width:430px;max-height:calc(100vh - 36px);overflow:auto;padding:0 27px 25px}.video-export-card h2{margin-bottom:8px}.video-export-copy{margin:0 0 20px;text-align:center;color:#888;font-size:12px}.export-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-spec-grid>div{min-height:58px;padding:10px 12px;border:1px solid #303030;border-radius:9px;background:#222;display:flex;flex-direction:column;gap:7px}.export-spec-grid span{color:#777;font-size:10px}.export-spec-grid strong{color:#ddd;font-size:12px;font-weight:500}.export-progress{margin:17px 0 2px}.export-progress>div{display:flex;justify-content:space-between;color:#aaa;font-size:11px;margin-bottom:8px}.export-progress strong{color:#eee;font-weight:500}.export-progress>i{display:block;height:5px;border-radius:999px;background:#2e2e2e;overflow:hidden}.export-progress b{display:block;height:100%;border-radius:inherit;background:#eee;transition:width .15s linear}.export-error{margin-top:16px;padding:10px;border-radius:8px;background:#3b2424;color:#e8a0a0;font-size:11px}.export-video-preview{display:block;width:100%;height:180px;margin-top:16px;border-radius:9px;background:#000;object-fit:contain}.export-ready{margin-top:9px;padding:12px;border-radius:9px;background:#203126;display:flex;align-items:center;justify-content:space-between}.export-ready strong{color:#ccebd5;font-size:12px}.export-ready span{color:#88b696;font-size:10px}.generate-video-button{margin-top:18px}.export-ready-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:12px}.export-ready-actions .primary-wide{text-decoration:none}.export-ready-actions .primary-wide .icon{width:14px;height:14px;filter:none;opacity:1}.share-video-button{height:42px;border:1px solid #373737;border-radius:8px;background:#292929;color:#ddd;font-size:12px}.share-video-button:disabled{color:#666}.share-note{display:block;margin-top:11px;text-align:center;color:#666;font-size:9px;line-height:14px}.resolution-tier-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;padding:4px;border:1px solid #303030;border-radius:9px;background:#202020}.resolution-tier-picker button{height:34px;border:0;border-radius:6px;background:transparent;color:#777;font-size:11px;font-weight:500}.resolution-tier-picker button:hover{background:#292929;color:#ccc}.resolution-tier-picker button.active{background:#f1f1f1;color:#111;box-shadow:0 1px 2px #0008}.resolution-tier-picker button:disabled{opacity:.45}.reset-values{width:100%;height:38px;margin-top:18px;border:0;border-radius:8px;background:#242424;color:#bdbdbd;font-size:12px}.reset-values:disabled{color:#5e5e5e;background:#202020}.phase-driven-preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-style:preserve-3d}.phase-driven-plane{position:absolute;overflow:hidden;background:#050505;transform-style:preserve-3d;will-change:transform,opacity}.phase-driven-plane>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.source-webgl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:#000}.coming-soon-panel{position:absolute;left:92px;top:8px;width:calc(100vw - 100px);height:calc(100vh - 16px);min-height:704px;background:#1e1e1e;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#888}.coming-soon-panel h1{font-size:24px;font-weight:500;color:#ddd;margin:0}.coming-soon-panel p{font-size:14px;color:#666;margin:0}@media(max-width:600px){.app-shell{height:100dvh;min-height:844px}.panel{height:calc(100dvh - 88px);min-height:756px}.rail{height:calc(100dvh - 16px);min-height:828px}.template-panel{height:calc(100dvh - 88px)}.timeline-panel{bottom:8px}.timeline-panel .export-button{position:fixed;right:-70px;bottom:20px}.tour-popover{left:45px!important;top:260px!important}.tour-highlight{display:none!important}.modal-layer{position:fixed;width:100vw}.modal-card{transform:translate(-445px)}}.app-shell[data-tool=singles]{--side-width:280px;width:100%;min-width:0;min-height:0;height:100dvh}.app-shell[data-tool=singles] .rail{width:60px;min-height:0;height:calc(100dvh - 16px)}.app-shell[data-tool=singles] .brand-logo{width:44px}.app-shell[data-tool=singles] .rail-tool{height:48px}.app-shell[data-tool=singles] .rail-tool>span{display:none}.app-shell[data-tool=singles] .panel{height:calc(100dvh - 88px);min-height:0}.app-shell[data-tool=singles] .template-panel{left:76px;width:var(--side-width)}.template-panel-title{height:34px;display:flex;align-items:center;flex-shrink:0;font-size:13px;color:#ddd;margin-bottom:0}.app-shell[data-tool=singles] .controls-panel{left:calc(84px + var(--side-width));width:var(--side-width)}.app-shell[data-tool=singles] .settings-panel{left:auto;right:8px;width:var(--side-width)}.app-shell[data-tool=singles] .preview-panel{left:calc(92px + 2 * var(--side-width));right:calc(16px + var(--side-width));width:auto;height:calc(100dvh - 88px);min-height:0;container-type:size}.app-shell[data-tool=singles] .preview-panel .preview-frame{width:min(calc(100cqw - 60px),calc((100cqh - 60px) * var(--frame-aspect)));height:auto;max-width:100%;aspect-ratio:var(--frame-aspect)}.app-shell[data-tool=singles] .preview-panel.fullscreen-active{top:0;right:0;bottom:0;left:0;height:100dvh}.app-shell[data-tool=singles] .timeline-panel{left:76px;border-radius:14px}.timeline-track:focus-within{outline:1px solid #888;outline-offset:4px;border-radius:4px}.timeline-seek{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}@media(min-width:768px)and (max-width:1199px){.app-shell[data-tool=singles]{--side-width:clamp(180px,21vw,250px)}.app-shell[data-tool=singles] .settings-panel{padding-left:12px;padding-right:12px}.app-shell[data-tool=singles] .preview-panel .preview-frame{width:min(calc(100cqw - 24px),calc((100cqh - 40px) * var(--frame-aspect)))}}.source-controls .slider-row{margin:14px 0;background:linear-gradient(to right,#2d2d2d var(--slider-fill),#242424 var(--slider-fill))}.source-controls .timing-title{border-top:1px solid #2b2b2b;padding-top:24px}.controls-scroll{padding-top:12px}.controls-panel h2{line-height:15px;letter-spacing:1.5px;margin-bottom:12px}.controls-panel .control-block{margin-bottom:14px}.controls-panel .field-label{line-height:19.5px;margin-bottom:10px}.controls-panel .divider{margin:2px 0 16px}.source-controls .slider-row{margin:0 0 14px;line-height:18px}.controls-panel .easing-label{margin-top:20px;padding-top:24px;border-top:1px solid #2b2b2b}.controls-panel .bezier input{font-family:inherit}.controls-panel .slider-row:focus-within{outline:1px solid #888;outline-offset:2px}.app-shell[data-tool=singles][data-library-open=false] .template-panel{display:none}.app-shell[data-tool=singles][data-library-open=false] .controls-panel{left:76px}.app-shell[data-tool=singles][data-library-open=false] .preview-panel{left:calc(84px + var(--side-width))}