html,body,#root{box-sizing:border-box;background-color:#08090e;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--movent-background:#030907;--movent-forest:#063d29;--movent-green:#178d1b;--movent-bright:#23c83c;--movent-teal:#007b49;--movent-white:#fff;--am-bg-dark:#121316;--am-bg-panel:#1a1b20;--am-bg-toolbar:#22232a;--am-bg-header:#1e1f26;--am-border:#2c2d36;--am-border-subtle:#24252d;--am-text:#e2e4ea;--am-text-dim:#8b8e9b;--am-text-faint:#565866;--am-blue:#2f6fd4;--am-blue-light:#4889ed;--am-track-blue:#244b7a;--am-track-green:#1a5c37;--am-accent:#3b82f6;--radius-xs:3px;--radius-sm:5px;--radius-md:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--am-bg-dark);color:var(--am-text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,system-ui,sans-serif;font-size:12px;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--am-bg-dark)}::-webkit-scrollbar-thumb{background:#353642;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4b5b}.motion-app{background:var(--am-bg-dark);flex-direction:column;width:100vw;height:100vh;display:flex}.am-topbar{border-bottom:1px solid var(--am-border);z-index:100;background:linear-gradient(#272831 0%,#1f2027 100%);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex}.am-brand{border-right:1px solid var(--am-border);align-items:center;gap:10px;padding-right:12px;display:flex}.am-brand-logo{justify-content:center;align-items:center;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.am-brand-logo img{width:auto;height:24px;display:block}.am-brand-title{letter-spacing:-.2px;color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.am-pill-tag{text-transform:uppercase;color:var(--movent-bright);background:#23c83c26;border:1px solid #23c83c4d;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.am-segmented-group{border:1px solid var(--am-border);border-radius:var(--radius-sm);background:#18191f;gap:2px;padding:2px;display:inline-flex}.am-tool-btn{color:var(--am-text-dim);border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .12s;display:flex}.am-tool-btn:hover{color:#fff;background:#ffffff0f}.am-tool-btn.active{color:#fff;background:#323440;box-shadow:inset 0 1px #ffffff26}.am-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#1a3824 0%,#0e2917 100%);border:1.5px solid #23c83c;border-radius:9999px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 0 10px #23c83c40}.am-btn-primary:hover{filter:brightness(1.15);background:linear-gradient(#224c30 0%,#143b20 100%);border-color:#39ff14;box-shadow:0 0 16px #23c83c73}.am-btn-ai{color:var(--movent-bright);cursor:pointer;background:linear-gradient(#162d1e 0%,#0d2214 100%);border:1.5px solid #23c83c;border-radius:9999px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 0 8px #23c83c33}.am-btn-ai:hover{background:linear-gradient(#1e3a27 0%,#112d1c 100%);border-color:#39ff14;box-shadow:0 0 14px #23c83c66}.am-workspace{background:var(--am-bg-dark);flex:1;min-height:0;display:flex;overflow:hidden}.am-pane-left{background:var(--am-bg-panel);border-right:1px solid var(--am-border);flex-direction:column;flex-shrink:0;width:290px;min-height:0;display:flex}.am-pane-inspector{background:var(--am-bg-panel);border-right:1px solid var(--am-border);flex-direction:column;flex-shrink:0;width:440px;min-width:400px;max-width:520px;min-height:0;display:flex;overflow:hidden}.am-pane-tabs{background:var(--am-bg-header);border-bottom:1px solid var(--am-border);align-items:center;gap:2px;height:32px;padding:0 4px;display:flex}.am-tab-item{height:24px;color:var(--am-text-dim);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.am-tab-item.active{color:#fff;background:#2b2c36;box-shadow:0 1px 3px #0006}.am-layers-container{background:#15161b;flex:1;overflow-y:auto}.am-layer-row{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:8px;height:30px;padding:0 8px;transition:background .1s;display:flex}.am-layer-row:hover{background:#ffffff0a}.am-layer-row.selected{border-left:2px solid #3b82f6;background:#1e2433!important}.am-check-box{cursor:pointer;background:#22242c;border:1px solid #454756;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.am-check-box.checked{background:var(--am-blue);border-color:var(--am-blue-light);color:#fff}.am-layer-icon{background:#000;border:1px solid #333540;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;overflow:hidden}.am-layer-icon canvas{object-fit:contain;width:100%;height:100%}.am-layer-title{min-width:0;color:var(--am-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.am-pane-center{background:#0d0e12;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.am-canvas-header{border-bottom:1px solid var(--am-border);background:#181920;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.am-canvas-dropdown{border:1px solid var(--am-border);color:var(--am-text);border-radius:var(--radius-xs);cursor:pointer;background:#24252e;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:flex}.am-viewport-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:10px;display:flex;position:relative}.am-canvas-frame{aspect-ratio:9/16;border-radius:var(--radius-xs);background:#030907;border:1px solid #23c83c;justify-content:center;align-items:center;max-width:calc(56.25% - 5.625px);height:calc(100% - 10px);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #000000e6,0 0 25px #23c83c26}.am-canvas-frame canvas{object-fit:contain;width:100%;height:100%;display:block}.am-transport-bar{border-top:1px solid var(--am-border);z-index:20;background:#1c1d24;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.am-tools-group{align-items:center;gap:4px;display:flex}.am-transport-controls{align-items:center;gap:8px;display:flex}.am-timecode-box{border-radius:var(--radius-xs);color:var(--movent-bright);letter-spacing:.5px;background:#0a0b0e;border:1px solid #282a35;align-items:center;gap:6px;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.am-pane-right{background:var(--am-bg-panel);border-left:1px solid var(--am-border);flex-direction:column;width:310px;min-height:0;display:flex;overflow-y:auto}.am-timeline-container{border-top:1px solid var(--am-border);z-index:50;background:#131418;flex-direction:column;flex-shrink:0;height:clamp(270px,32vh,360px);display:flex}.am-timeline-header{border-bottom:1px solid var(--am-border);background:#1a1b22;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.am-timeline-body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.am-timeline-left-headers{border-right:1px solid var(--am-border);scrollbar-width:thin;scrollbar-color:#383a48 transparent;background:#17181f;flex-shrink:0;width:220px;overflow:hidden auto}.am-timeline-tracks-scroll{scrollbar-width:thin;scrollbar-color:#383a48 #111218;background:#0e0f13;flex:1;position:relative;overflow:auto}.am-timeline-ruler{border-bottom:1px solid var(--am-border);cursor:pointer;background:#181920;height:26px;position:relative}.am-ruler-tick{color:var(--am-text-faint);border-left:1px solid #282a35;padding-left:4px;font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;top:0;bottom:0}.am-playhead-line{z-index:50;pointer-events:none;background:#ff3b30;width:1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ff3b30cc}.am-playhead-needle{clip-path:polygon(0% 0%,100% 0%,100% 60%,50% 100%,0% 60%);cursor:ew-resize;pointer-events:auto;background:#ff3b30;width:14px;height:16px;position:absolute;top:0;left:-6px}.am-track-row{border-bottom:1px solid #1a1b22;align-items:center;height:30px;display:flex;position:relative}.am-track-clip{border-radius:var(--radius-xs);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:22px;padding:0 6px;font-size:10px;font-weight:600;display:flex;position:absolute;overflow:hidden}.am-clip-in{background:linear-gradient(90deg,#4338ca,#6366f1);border:1px solid #ffffff40;box-shadow:inset 0 1px #fff3}.am-clip-loop{background:linear-gradient(90deg,#0369a1,#0284c7);border:1px solid #fff3}.am-clip-out{background:linear-gradient(90deg,#9f1239,#e11d48);border:1px solid #ffffff40}.am-timeline-footer{border-top:1px solid var(--am-border);height:24px;color:var(--am-text-dim);background:#181920;justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;display:flex}.am-inspector{color:#e2e4ea;background:#181920;flex-direction:column;width:100%;height:100%;font-size:11px;display:flex;overflow-y:auto}.am-inspector-header{border-bottom:1px solid var(--am-border);letter-spacing:.5px;text-transform:uppercase;height:36px;color:var(--am-text-dim);background:#1e1f26;justify-content:space-between;align-items:center;padding:0 12px;font-size:10px;font-weight:700;display:flex}.am-role-badge{text-transform:uppercase;color:#93c5fd;background:#222634;border:1px solid #384058;border-radius:10px;padding:2px 7px;font-size:9px;font-weight:700}.am-inspector-tabs{border-bottom:1px solid var(--am-border);background:#14151a;gap:3px;padding:4px;display:flex}.am-insp-tab{height:24px;color:var(--am-text-dim);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.am-insp-tab:hover{color:#fff;background:#ffffff0d}.am-insp-tab.active{color:#fff;background:#2b2c36;box-shadow:0 1px 3px #0006}.am-section-card{border-bottom:1px solid var(--am-border);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.am-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--am-text-dim);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:10.5px;font-weight:700;display:flex}.am-field-group{flex-direction:column;gap:4px;display:flex}.am-field-label-row{color:var(--am-text-dim);justify-content:space-between;align-items:center;font-size:11px;display:flex}.am-field-value-badge{color:#cbd5e1;background:#101117;border:1px solid #282a35;border-radius:3px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.am-input{border-radius:var(--radius-xs);outline:none;width:100%;padding:6px 9px;font-family:inherit;font-size:11.5px;transition:border-color .15s;color:#fff!important;background:#111216!important;border:1px solid #282a35!important}.am-input:focus{box-shadow:0 0 0 1px #3b82f6;border-color:#3b82f6!important}.am-select{border-radius:var(--radius-xs);appearance:none;cursor:pointer;outline:none;width:100%;padding:6px 24px 6px 9px;font-size:11.5px;color:#fff!important;background:#14151b url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238b8e9b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E) right 8px center no-repeat!important;border:1px solid #282a35!important}.am-select:focus{border-color:#3b82f6!important}.am-select option{color:#fff;background:#1a1b22}.am-select optgroup{color:#94a3b8;background:#121318;padding:4px 0;font-size:10px;font-weight:700}.am-custom-dropdown div[role=listbox]::-webkit-scrollbar{width:6px}.am-custom-dropdown div[role=listbox]::-webkit-scrollbar-track{background:#0003}.am-custom-dropdown div[role=listbox]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.am-custom-dropdown div[role=listbox]::-webkit-scrollbar-thumb:hover{background:#ffffff59}.am-slider{appearance:none;accent-color:#3b82f6;cursor:pointer;background:#252733;border-radius:2px;outline:none;width:100%;height:4px;margin:4px 0}.am-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #3b82f680}.am-effect-row{border-radius:var(--radius-xs);background:#14151b;border:1px solid #24252e;justify-content:space-between;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.am-effect-row.active{background:#1e293b73;border-color:#3b82f659}.am-switch{width:28px;height:16px;display:inline-block;position:relative}.am-switch input{opacity:0;width:0;height:0}.am-switch-slider{cursor:pointer;background-color:#333542;border-radius:16px;transition:all .2s;position:absolute;inset:0}.am-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:2px;left:2px}.am-switch input:checked+.am-switch-slider{background-color:#3b82f6}.am-switch input:checked+.am-switch-slider:before{background-color:#fff;transform:translate(12px)}.modal-overlay{animation:.15s ease-out amFadeIn;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;z-index:1000!important;background:#000000d1!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.modal-content{color:#e2e4ea!important;background:#181922!important;border:1px solid #333544!important;border-radius:12px!important;flex-direction:column!important;width:90%!important;max-width:680px!important;max-height:85vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 70px #000000e6,0 0 40px #23c83c2e!important}.modal-header{background:#20222d!important;border-bottom:1px solid #2e303d!important;justify-content:space-between!important;align-items:center!important;padding:14px 20px!important;display:flex!important}.modal-title{color:#fff!important;align-items:center!important;gap:10px!important;font-family:-apple-system,BlinkMacSystemFont,Outfit,sans-serif!important;font-size:15px!important;font-weight:700!important;display:flex!important}.modal-body{background:#15161d!important;flex:1!important;padding:20px!important;overflow-y:auto!important}.btn{border-radius:var(--radius-sm)!important;color:#e2e4ea!important;cursor:pointer!important;background:#22242f!important;border:1px solid #333544!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:7px 14px!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.btn:hover{color:#fff!important;background:#2c2f3d!important;border-color:#44475a!important}.btn-primary{color:#fff!important;background:linear-gradient(#2b7042 0%,#178d1b 100%)!important;border:1px solid #23c83c!important;font-weight:700!important;box-shadow:0 0 16px #23c83c4d!important}.btn-primary:hover{filter:brightness(1.15)!important;box-shadow:0 0 24px #23c83c80!important}.btn-ai{color:var(--movent-bright)!important;background:linear-gradient(#1d3326 0%,#063d29 100%)!important;border:1px solid #23c83c80!important}.icon-btn{color:var(--am-text-dim)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;width:26px!important;height:26px!important;display:flex!important}.icon-btn:hover{color:#fff!important;background:#ffffff14!important}.proposal-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.proposal-card{border-radius:var(--radius-sm);cursor:pointer;background:#1c1d27;border:1px solid #2e303d;flex-direction:column;padding:14px;transition:all .15s;display:flex}.proposal-card:hover{background:#222430;border-color:#44475a}.proposal-card.selected{border-color:var(--movent-bright);background:#1c2b22;box-shadow:0 0 16px #23c83c33}.am-keyframe-node{background:var(--movent-bright);cursor:pointer;z-index:25;border:1px solid #fff;border-radius:1px;width:11px;height:11px;transition:transform .1s;position:absolute;transform:translate(-5.5px,-5.5px)rotate(45deg);box-shadow:0 0 8px #23c83ce6}.am-keyframe-node:hover{background:#fff;transform:translate(-5.5px,-5.5px)rotate(45deg)scale(1.4)}.am-keyframe-line{pointer-events:none;background:#23c83c66;height:2px;position:absolute;top:14px}.am-btn-preview{color:#fff!important;cursor:pointer!important;background:linear-gradient(#1f542c 0%,#133c1d 100%)!important;border:1.5px solid #28e044!important;border-radius:9999px!important;align-items:center!important;gap:6px!important;padding:5px 16px!important;font-weight:700!important;transition:all .15s!important;display:flex!important;box-shadow:0 0 16px #23c83c59!important}.am-btn-preview:hover{filter:brightness(1.15)!important;background:linear-gradient(#266b37 0%,#184c25 100%)!important;border-color:#39ff14!important;box-shadow:0 0 22px #23c83c99!important}@keyframes amFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.am-slides-strip{border-bottom:1px solid var(--am-border);background:#111218;align-items:center;gap:8px;padding:4px 12px;font-size:11px;display:flex;overflow-x:auto}.am-slide-pill{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#181922;border:1px solid #282a36;border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.am-slide-pill:hover{color:#fff;background:#232532;border-color:#3b82f6}.am-slide-pill.active{color:#fff;background:#1e293b;border-color:#3b82f6;box-shadow:0 0 10px #3b82f640}.am-slide-time-badge{color:#94a3b8;background:#00000073;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:9px}.am-slide-transition-badge{color:#ffd166;white-space:nowrap;background:#ffd1661f;border:1px solid #ffd16640;border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;display:flex}