:root{--vx-header-h: 44px;--z-l01: 0;--z-l02: 1;--z-l03: 2;--z-l04: 3;--z-l05: 4;--z-l06: 5;--z-l07: 10;--z-l08: 11;--z-l09: 20;--z-l10: 25;--z-l11: 100;--z-l12: 1000;--z-l13: 1001;--z-l14: 9998;--z-l15: 9999;--z-l16: 10000;--z-l17: 10001;--z-l18: 20000;--z-l19: 99999;--z-l20: 100000}:root{--accent: #4a9eff;--accent-hover: #5aaeff;--bg: #0a0a0a;--panel: #151515;--input: #1a1a1a;--border: #222;--border-hover: #444;--text: #e0e0e0;--dim: #999;--dimmer: #888;--danger: #ff4444;--glow-danger: rgba(255, 68, 68, .35);--scene: #30e050;--buffer-h: 720px;--buffer-h-collapsed: 440px;--buffer-v-top: 91px;--buffer-v-bottom: 140px;--buffer-v-top-collapsed: 91px;--buffer-v-bottom-collapsed: 140px}html{overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);height:100vh;height:100dvh;overflow:hidden;max-width:100vw}.container{width:100vw;max-width:100vw;height:calc(100vh - var(--vx-header-h));height:calc(100dvh - var(--vx-header-h));display:grid;grid-template-columns:320px calc(100vw - var(--buffer-h)) 320px;gap:20px;padding:20px;overflow:hidden;transition:grid-template-columns .3s ease}.container.left-collapsed{grid-template-columns:40px calc(100vw - var(--buffer-h-collapsed)) 320px}.container .canvas-container,.container.left-collapsed .canvas-container{flex:1;min-height:0}.container.left-collapsed .canvas-controls:not(.scene-mode)~div:last-of-type{display:none!important}.container .canvas-controls:not(.scene-mode)~div:last-of-type{display:none!important}.panel{background:var(--panel);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:inset 0 1px #ffffff05}#canvasPanel .bottom-panel{flex-shrink:0}#canvasPanel{padding:20px 0 0;display:flex;flex-direction:column;height:100%}#canvasPanel .canvas-container{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.panel.right-panel{position:relative;overflow:visible}.panel.right-panel .panel-content{position:absolute;inset:20px;transition:transform .3s ease,opacity .3s ease;display:flex;flex-direction:column;overflow:hidden}.panel.right-panel.collapsed .panel-content{transform:translate(100%);opacity:0;pointer-events:none}.panel-toggle{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:20px;height:80px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-right:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#444;font-size:16px;z-index:var(--z-l11);transition:all .2s}.panel-toggle:hover{background:#ffffff0f;color:#999}.panel:first-child{overflow:visible}.left-panel-toggle{display:flex;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:20px;height:80px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;align-items:center;justify-content:center;color:#444;font-size:16px;z-index:var(--z-l12);transition:all .2s}.left-panel-toggle:hover{background:#ffffff0f;color:#999}.container.left-collapsed .panel:first-child{padding:0;overflow:visible}.container.left-collapsed .panel:first-child>*:not(.left-panel-toggle){display:none!important}.panel h2{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#777;margin-bottom:15px;font-weight:800}.upload-zone{border:1.5px dashed rgba(255,255,255,.06);border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:12px}.upload-zone:hover{border-color:#4a9eff40;background:#4a9eff05}.upload-zone.active{border-color:#4a9eff66;background:#4a9eff0a}.upload-zone p{font-size:12px;color:#444;margin-top:8px}.upload-zone svg{width:28px;height:28px;stroke:#333}.states-stack{position:relative;width:44px;height:36px;margin:0 auto}.states-stack span{position:absolute;border:2px solid;border-radius:4px}.states-stack span:nth-child(1){width:32px;height:26px;bottom:0;left:0;animation:statesDrop1 2.5s cubic-bezier(.34,1.56,.64,1) 3;animation-fill-mode:forwards;border-color:#666}.states-stack span:nth-child(2){width:32px;height:26px;top:0;right:0;animation:statesDrop2 2.5s cubic-bezier(.34,1.56,.64,1) 3;animation-fill-mode:forwards;border-color:#666}@keyframes statesDrop1{0%{transform:translateY(-25px) rotate(-5deg);opacity:0;border-color:#22d3ee;box-shadow:0 0 15px #22d3ee80}20%,70%{transform:translateY(0) rotate(0);opacity:1;border-color:var(--accent);box-shadow:0 0 12px #4a9eff66}to{transform:translateY(0);opacity:1;border-color:#666;box-shadow:none}}@keyframes statesDrop2{0%,15%{transform:translateY(-25px) rotate(5deg);opacity:0;border-color:#a78bfa;box-shadow:0 0 15px #a78bfa80}35%,70%{transform:translateY(0) rotate(0);opacity:1;border-color:var(--accent);box-shadow:0 0 12px #4a9eff66}to{transform:translateY(0);opacity:1;border-color:#666;box-shadow:none}}input[type=file]{display:none}.canvas-controls{display:flex;align-items:center;gap:6px;padding:10px 15px;background:var(--bg);border-radius:6px;border:1px solid var(--border);margin-bottom:10px;height:40px;overflow:hidden}.canvas-controls .control-item{display:flex;align-items:center;gap:10px}.canvas-controls label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);white-space:nowrap}.canvas-controls input[type=range]{width:120px;height:4px;background:#222;border-radius:2px;outline:none;-webkit-appearance:none}.canvas-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer}.canvas-controls input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.canvas-controls .value{font-size:11px;color:var(--dimmer);min-width:35px}.canvas-container{background:var(--bg);border-radius:8px;position:relative;width:100%;height:100%;display:flex;flex-direction:column;border:1px solid var(--border);overflow:hidden}.canvas-wrapper{flex:1;position:relative;overflow:hidden}.canvas-scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;position:relative}.canvas-content{position:relative;min-width:100%;height:100%}.canvas-scroll-container::-webkit-scrollbar{height:8px}.canvas-scroll-container::-webkit-scrollbar-track{background:var(--bg)}.canvas-scroll-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.canvas-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}#downloadMenu::-webkit-scrollbar{width:6px}#downloadMenu::-webkit-scrollbar-track{background:var(--input)}#downloadMenu::-webkit-scrollbar-thumb{background:#444;border-radius:3px}#downloadMenu::-webkit-scrollbar-thumb:hover{background:#555}#downloadMenu{scrollbar-width:thin;scrollbar-color:#444 #1a1a1a}#recordBtn.recording{background:#2a1a1a;border-color:#e05030;color:#f75;box-shadow:0 0 8px var(--glow-danger)}#recordBtn.recording .record-dot{animation:record-pulse 1s ease-in-out infinite alternate}@keyframes record-pulse{0%{opacity:1}to{opacity:.3}}#videoBtn.active{background:#1a2a3a;border-color:var(--accent);color:var(--accent)}#canvas,#canvasAlt{display:block;position:absolute;max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}#canvas.scene-stack-mode{width:auto;height:100%}.canvas-crossfade{position:absolute;max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:var(--z-l07);opacity:1;transition:opacity .2s ease-out}.scene-layer{position:absolute;left:0;top:0;will-change:transform;border:2px solid transparent;cursor:move;box-shadow:none;transition:border-color .2s,box-shadow .2s;user-select:none;-webkit-user-select:none;touch-action:none}.scene-layer.scene-transitioning{transition:transform .2s ease,width .2s ease,height .2s ease,opacity .2s ease,border-color .2s,box-shadow .2s}.scene-layer .layer-display{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none;background:transparent}.scene-layer .layer-canvas{display:block;width:100%;height:100%;pointer-events:none;user-select:none;background:transparent}.scene-layer canvas{width:100%;height:100%;display:block;pointer-events:none;background:transparent}.canvas-scroll-container.scene-drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:#4a9eff0f;transition:background .15s,outline-color .15s}.scene-layer:hover{border-color:var(--accent);box-shadow:0 0 10px #4a9eff4d}.scene-layer.selected,.scene-layer.selected:hover{border-color:#ff4a4a;box-shadow:0 0 15px #ff4a4ab3}.resize-handle{position:absolute;width:24px;height:24px;background:transparent;border:none;border-radius:50%;display:block!important;z-index:var(--z-l11);touch-action:none}.resize-handle.nw{top:-12px;left:-12px;cursor:nw-resize}.resize-handle.ne{top:-12px;right:-12px;cursor:ne-resize}.resize-handle.sw{bottom:-12px;left:-12px;cursor:sw-resize}.resize-handle.se{bottom:-12px;right:-12px;cursor:se-resize}.resize-handle.n{top:-10px;left:24px;right:24px;width:auto;height:20px;border-radius:0;cursor:n-resize}.resize-handle.s{bottom:-10px;left:24px;right:24px;width:auto;height:20px;border-radius:0;cursor:s-resize}.resize-handle.e{right:-10px;top:24px;bottom:24px;width:20px;height:auto;border-radius:0;cursor:e-resize}.resize-handle.w{left:-10px;top:24px;bottom:24px;width:20px;height:auto;border-radius:0;cursor:w-resize}.rotation-handle{position:absolute;width:16px;height:16px;border-radius:50%;background:#4a9eff;border:2px solid #fff;cursor:grab;top:-36px;left:calc(50% - 8px);display:none;z-index:var(--z-l07);box-shadow:0 1px 4px #00000073}.rotation-handle:hover{background:#8fc2ff}.rotation-handle:active{cursor:grabbing}.rotation-handle:before{content:"";position:absolute;width:1px;height:20px;background:#4a9eff99;left:5px;top:14px}.scene-layer.selected .rotation-handle{display:block}@media(pointer:coarse){.rotation-handle{width:28px;height:28px;top:-48px;left:calc(50% - 14px)}.rotation-handle:before{left:12px;top:26px}}.pivot-handle{position:absolute;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border-radius:50%;background:#fd9644d9;border:2px solid #fff;cursor:crosshair;display:none;z-index:var(--z-l08);box-shadow:0 1px 4px #00000073;pointer-events:auto}.pivot-handle:hover{background:#fdcb6e}.pivot-handle:active{cursor:grabbing}.pivot-handle:before,.pivot-handle:after{content:"";position:absolute;background:#fffc}.pivot-handle:before{width:1px;height:10px;left:5px;top:1px}.pivot-handle:after{width:10px;height:1px;left:1px;top:5px}.scene-layer.selected .pivot-handle{display:block}@media(pointer:coarse){.pivot-handle{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.pivot-handle:before{width:1px;height:18px;left:12px;top:3px}.pivot-handle:after{width:18px;height:1px;left:3px;top:12px}}@media(pointer:coarse){.resize-handle{width:40px;height:40px}.resize-handle.nw{top:-20px;left:-20px}.resize-handle.ne{top:-20px;right:-20px}.resize-handle.sw{bottom:-20px;left:-20px}.resize-handle.se{bottom:-20px;right:-20px}.resize-handle.n{top:-16px;left:40px;right:40px;width:auto;height:32px}.resize-handle.s{bottom:-16px;left:40px;right:40px;width:auto;height:32px}.resize-handle.e{right:-16px;top:40px;bottom:40px;width:32px;height:auto}.resize-handle.w{left:-16px;top:40px;bottom:40px;width:32px;height:auto}}.ssp-card.playing{border-color:#4a9eff99;box-shadow:0 0 0 1px #4a9eff4d,0 0 12px #4a9eff33;animation:scene-card-pulse 1s ease-in-out infinite}@keyframes scene-card-pulse{0%,to{box-shadow:0 0 0 1px #4a9eff4d,0 0 8px #4a9eff26}50%{box-shadow:0 0 0 2px #4a9eff80,0 0 16px #4a9eff4d}}.scene-stack-thumbnails{display:flex;gap:8px;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:5px}.scene-stack-thumbnails::-webkit-scrollbar{height:6px}.scene-stack-thumbnails::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.scene-stack-thumbnails::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.scene-stack-thumbnails::-webkit-scrollbar-thumb:hover{background:#555}.scene-stack-thumb{width:60px;height:60px;border:2px solid #333;border-radius:6px;cursor:grab;transition:border-color .2s,transform .2s,opacity .2s;overflow:hidden;position:relative;background:#000}.scene-stack-thumb:active{cursor:grabbing}.scene-stack-thumb.dragging{opacity:.5;transform:scale(.9)}.scene-stack-thumb.drag-over{border-color:var(--accent);transform:scale(1.1)}.scene-stack-thumb:hover{border-color:var(--accent)}.scene-stack-thumb:hover:not(.dragging){transform:scale(1.05)}.scene-stack-thumb.selected{border-color:#ff4a4a;box-shadow:0 0 8px #ff4a4a99}.scene-stack-thumb img{width:100%;height:100%;object-fit:contain}.scene-stack-thumb .remove-layer{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#ff4444e6;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;font-size:12px;color:#fff;font-weight:700;cursor:pointer;z-index:var(--z-l07)}.scene-stack-thumb:hover .remove-layer{opacity:1}.scene-stack-thumb .remove-layer:hover{background:#ff0000e6}.scene-stack-thumb .mark-checkbox{position:absolute;bottom:4px;left:4px;width:16px;height:16px;background:#000000b3;border:2px solid var(--accent);border-radius:3px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;z-index:var(--z-l07);display:flex;align-items:center;justify-content:center}.scene-stack-thumb .mark-checkbox:hover{background:#000000e6;border-color:#6ab7ff;transform:scale(1.1)}.scene-stack-thumb .mark-checkbox.marked{background:var(--accent);border-color:var(--accent)}.scene-stack-thumb .mark-checkbox.marked:after{content:"\2713";color:#fff;font-size:11px;font-weight:700}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-l16);flex-direction:column;gap:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.loading-overlay.active{opacity:1;pointer-events:auto}.loading-spinner{width:60px;height:60px;border:6px solid #333;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text);font-size:16px;text-align:center}.loading-progress{color:var(--dim);font-size:14px}.loading-cancel-btn{margin-top:8px;padding:8px 28px;background:transparent;color:var(--dim);border:1px solid var(--dim);border-radius:6px;font-size:14px;cursor:pointer;transition:color .2s,border-color .2s}.loading-cancel-btn:hover{color:var(--text);border-color:var(--text)}.project-thumb{width:60px;border-radius:6px;overflow:hidden;border:2px solid #333;cursor:pointer;transition:border-color .2s;background:#000;display:flex;flex-direction:column}.project-thumb:hover{border-color:var(--accent)}.project-thumb img{width:100%;max-height:80px;object-fit:contain;display:block}.controls{display:flex;flex-direction:column;gap:12px;margin-top:15px;position:relative;z-index:var(--z-l02)}.btn{background:transparent;border:1px solid rgba(255,255,255,.08);color:#555;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn:hover{background:#ffffff08;border-color:#ffffff1f;color:#999}.btn:active{transform:scale(.98)}.btn.primary{background:#4a9eff1a;border-color:#4a9eff4d;color:#4a9eff}.btn.primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.btn-save-success{border-color:#0f86!important;color:#00ff88d9!important;background:linear-gradient(180deg,#0f1f18,#0a1a12)!important;box-shadow:0 0 16px #00ff881f;opacity:1!important;animation:save-glow-melt 1.8s ease-out .3s both}@keyframes save-glow-melt{0%{box-shadow:0 0 16px #00ff881f;border-color:#0f86}to{box-shadow:0 0 #0f80;border-color:#ffffff1a}}.blink-btn{padding:3px 10px;font-size:10px;flex-shrink:0;width:52px;height:24px;display:flex;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden;line-height:1;background:transparent}.blink-btn .blink-icon{font-size:11px;transition:color .3s,opacity .3s}.blink-btn:not(:disabled):hover{border-color:var(--accent);background:transparent!important}.blink-btn:focus{background:transparent;outline:none}.blink-btn.active{background:#221a2a;border-color:#c5f;color:#d8f;box-shadow:0 0 8px #cc55ff59}.blink-btn.active .blink-icon{animation:blink-pulse .6s ease-in-out infinite alternate;color:#c5f}.blink-btn.active:hover{border-color:#d6f;box-shadow:0 0 12px #cc55ff80;background:#2a2035}#sceneStackBtn.active{background:#1a2a1a;border-color:var(--scene);color:#5f7;box-shadow:0 0 8px #30e05059}#sceneStackBtn.active .blink-icon{animation:none;color:#3f5}#sceneStackBtn.active:hover{background:#203a20;border-color:#4f6;box-shadow:0 0 12px #30e05080}.btn-text-anim{display:inline-flex;align-items:center;justify-content:center;gap:0;position:relative}.btn-text-anim>span{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.34,1.56,.64,1)}.blink-text>span{transition:opacity .15s ease}.split-text{display:inline-flex;align-items:center}.split-left,.split-divider,.split-right{display:inline-block;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.split-divider{transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1)}#splitWipeBtn:not(:disabled):hover .split-left{transform:translate(-3px)}#splitWipeBtn:not(:disabled):hover .split-right{transform:translate(3px)}#splitWipeBtn:not(:disabled):hover .split-divider{opacity:.3;transform:scaleY(1.4)}.diff-text>span{position:relative;transition:color .2s ease,text-shadow .2s ease}#diffMapBtn:not(:disabled):hover .diff-text>span:nth-child(1){animation:diffGlitch1 .6s ease infinite}#diffMapBtn:not(:disabled):hover .diff-text>span:nth-child(2){animation:diffGlitch2 .6s ease infinite .05s}#diffMapBtn:not(:disabled):hover .diff-text>span:nth-child(3){animation:diffGlitch3 .6s ease infinite .1s}#diffMapBtn:not(:disabled):hover .diff-text>span:nth-child(4){animation:diffGlitch4 .6s ease infinite .15s}@keyframes diffGlitch1{0%,to{text-shadow:none;color:inherit}25%{text-shadow:-1px 0 #ff0040,1px 0 #00ff88;color:#f46}50%{text-shadow:1px 0 #ff0040,-1px 0 #00ff88;color:inherit}75%{text-shadow:none;color:#4fa}}@keyframes diffGlitch2{0%,to{text-shadow:none;color:inherit}20%{text-shadow:1px 0 #00ff88,-1px 0 #ff0040;color:#4fa}60%{text-shadow:-1px 0 #ff0040,1px 0 #00ff88;color:#f46}}@keyframes diffGlitch3{0%,to{text-shadow:none;color:inherit}30%{color:#f46;text-shadow:1px 0 #00ff88}70%{color:#4fa;text-shadow:-1px 0 #ff0040}}@keyframes diffGlitch4{0%,to{text-shadow:none;color:inherit}40%{text-shadow:-1px 0 #00ff88,1px 0 #ff0040;color:#f46}80%{color:#4fa;text-shadow:1px 0 #ff0040}}.scene-text>span{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.34,1.56,.64,1)}#sceneStackBtn:not(:disabled):hover .scene-text>span:nth-child(1){animation:sceneStack .5s cubic-bezier(.34,1.56,.64,1) forwards 0s}#sceneStackBtn:not(:disabled):hover .scene-text>span:nth-child(2){animation:sceneStack .5s cubic-bezier(.34,1.56,.64,1) forwards .06s}#sceneStackBtn:not(:disabled):hover .scene-text>span:nth-child(3){animation:sceneStack .5s cubic-bezier(.34,1.56,.64,1) forwards .12s}#sceneStackBtn:not(:disabled):hover .scene-text>span:nth-child(4){animation:sceneStack .5s cubic-bezier(.34,1.56,.64,1) forwards .18s}#sceneStackBtn:not(:disabled):hover .scene-text>span:nth-child(5){animation:sceneStack .5s cubic-bezier(.34,1.56,.64,1) forwards .24s}@keyframes sceneStack{0% {transform: translateY(6px); opacity: .2;} 60% {transform: translateY(-2px); opacity: 1;} .save-icon,.save-word,.export-word,.export-arrow {display: inline-block;} @keyframes saveDisk {0% {transform: translateY(0) scale(1);} 50% {transform: translateY(3px) scale(.85);} 100% {transform: translateY(0) scale(1);}} @keyframes exportArrow {0%,100% {transform: translateY(0);} 50% {transform: translateY(4px);}} @keyframes folderOpen {0% {transform: scale(1) rotate(0deg);} 40% {transform: scale(1.3) rotate(-10deg);} 70% {transform: scale(1.2) rotate(5deg);} 100% {transform: scale(1) rotate(0deg);}} .anim-save {animation: saveDisk .6s cubic-bezier(.34,1.56,.64,1) !important;} .anim-export {animation: exportArrow .6s ease infinite !important;} .anim-folder {animation: folderOpen .4s ease !important;} 100% {transform: translateY(0); opacity: 1;}}.mode-hint{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#14141ef2;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 16px;font-size:12px;color:#ccc;white-space:nowrap;z-index:var(--z-l16);pointer-events:none;animation:hintFadeIn .2s ease-out,hintFadeOut .3s ease-in 2.5s forwards;box-shadow:0 4px 20px #0006;letter-spacing:.3px}.mode-hint:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#ffffff26}.mode-hint .hint-icon{margin-right:6px}.mode-hint .hint-highlight{color:#fff;font-weight:600}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hintFadeOut{0%{opacity:1}to{opacity:0}}@keyframes blink-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.85)}}.slider-group{margin-bottom:12px}.slider-group label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);margin-bottom:8px}.slider-group input[type=range]{width:100%;height:4px;background:#222;border-radius:2px;outline:none;-webkit-appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer}.slider-group input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.thumbnail-container{max-height:200px;overflow-y:auto;overflow-x:hidden;padding:5px 5px 8px 9px;margin-right:4px}.thumbnail-container::-webkit-scrollbar{width:3px}.thumbnail-container::-webkit-scrollbar-track{background:transparent}.thumbnail-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.thumbnail-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}.thumbnail-grid{display:grid;grid-template-columns:repeat(3,75px);grid-auto-rows:75px;gap:8px;justify-content:center}.thumb{width:75px;height:75px;border-radius:6px;cursor:grab;position:relative;border:1.5px solid rgba(255,255,255,.12);transition:border-color .2s,box-shadow .2s,transform .15s,opacity .2s;background:#000;box-shadow:inset 0 0 0 1px #ffffff0a}.thumb:has(img:not([src])),.thumb:has(img[src=""]){background:linear-gradient(90deg,#111 25%,#1a1a1a,#111 75%);background-size:200% 100%;animation:thumb-shimmer 1.5s ease-in-out infinite}@keyframes thumb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.thumb img:not([src]),.thumb img[src=""]{visibility:hidden}.thumb:active{cursor:grabbing}.thumb.dragging{opacity:.4;transform:scale(.92)}.thumb.drag-over{border-color:#4a9eff80;transform:scale(1.05);box-shadow:0 0 12px #4a9eff26}.thumb:hover{border-color:#ffffff26;transform:scale(1.04);box-shadow:0 2px 8px #0000004d}.thumb.active{border-color:#4a9eff80;box-shadow:0 0 10px #4a9eff1f}.thumb.selected{border-color:#4a9eff80;box-shadow:0 0 10px #4a9eff1f,0 0 0 3px #4a9eff14}.thumb:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid rgba(74,158,255,.5);opacity:0;transform:scale(.85);pointer-events:none;z-index:var(--z-l02);display:none}.thumb.select-ring-pop:after{display:block;animation:thumb-ring-pop .3s ease-out both}@keyframes thumb-ring-pop{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.08)}}.thumb.anchor{border-color:#ff4a4a80!important;box-shadow:0 0 10px #ff4a4a1f!important}.thumb.disabled{opacity:.4;border-color:#ffffff14}.thumb.disabled:hover{opacity:.6}.thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 4px);max-height:calc(100% - 4px);width:auto;height:auto}.thumb[data-category=scene]{background:#000}.thumb .remove{position:absolute;top:0;right:0;width:22px;height:22px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;font-size:12px;color:#888;font-weight:700;z-index:var(--z-l07);cursor:pointer}.thumb:hover .remove{opacity:1}.thumb[data-category=dismissed] .remove{display:none!important}.thumb .remove:hover{color:#fd4556;background:#fd455640}.thumb .restore-btn{position:absolute;bottom:2px;right:2px;width:20px;height:20px;background:#000000bf;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;font-size:12px;color:#8cf;cursor:pointer;z-index:var(--z-l07)}.thumb:hover .restore-btn{opacity:1}.thumb .restore-btn:hover{color:#4af;background:#44aaff40}.thumb .mark-checkbox-main{position:absolute;bottom:4px;left:4px;width:18px;height:18px;background:#00000080;border:2px solid rgba(74,158,255,.75);border-radius:3px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;z-index:var(--z-l07);display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #4a9eff4d,0 1px 4px #0006}.thumb .mark-checkbox-main:hover{background:#000000d9;border-color:#6ab7ffcc;transform:scale(1.1)}.thumb .mark-checkbox-main.marked{background:#4a9effbf;border-color:#4a9effcc}.thumb .mark-checkbox-main.marked:after{content:"\2713";color:#ffffffe6;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.thumb .anchor-badge{position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:16px 16px 0 0;border-color:#e53935 transparent transparent transparent;pointer-events:none;z-index:var(--z-l04)}.mark-all-checkbox{display:none;width:14px;height:14px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.25);border-radius:3px;cursor:pointer;transition:background .2s,border-color .2s;align-items:center;justify-content:center;vertical-align:middle;margin-left:6px;position:relative;top:-1px}.mark-all-checkbox:hover{background:#ffffff1a;border-color:#4a9effd9;transform:scale(1.1)}.mark-all-checkbox.marked{background:#4a9eff73;border-color:#4a9effb3}.mark-all-checkbox.marked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-size:9px;font-weight:700}.mark-all-checkbox.partial:after{content:"\2013";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:11px;font-weight:700;line-height:1}.context-menu{position:fixed;background:var(--input);border:1px solid #333;border-radius:6px;padding:4px;z-index:var(--z-l12);box-shadow:0 8px 32px #0009,0 0 1px #ffffff0d;display:none;animation:ctxFadeIn .18s cubic-bezier(.16,1,.3,1) both;transform-origin:var(--ctx-origin, top left)}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.context-menu-item{padding:8px 16px;cursor:pointer;color:var(--text);font-size:13px;border-radius:4px;transition:background .12s ease,color .12s ease;white-space:nowrap;animation:ctxItemIn .15s cubic-bezier(.16,1,.3,1) both}.context-menu-item:nth-child(1){animation-delay:0ms}.context-menu-item:nth-child(2){animation-delay:25ms}.context-menu-item:nth-child(3){animation-delay:45ms}.context-menu-item:nth-child(4){animation-delay:60ms}.context-menu-item:nth-child(5){animation-delay:75ms}.context-menu-item:nth-child(6){animation-delay:85ms}.context-menu-item:nth-child(7){animation-delay:95ms}@keyframes ctxItemIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.context-menu-item:hover{background:#2a3a4a;color:#fff}.context-menu-item.destructive{color:#ff6b6b}.context-menu-item.destructive:hover{background:#fd455626;color:#f88}.context-menu-sep{height:1px;background:#ffffff0f;margin:3px 8px;pointer-events:none}.action-btn{display:inline-block;margin-left:6px;padding:3px 6px;background:#2a2a2a;border:1px solid #333;border-radius:3px;cursor:pointer;font-size:10px;transition:background .2s,border-color .2s,color .2s;vertical-align:middle}.action-btn:hover{background:#3a3a3a;border-color:var(--border-hover)}.action-btn.delete-all{background:transparent;border-color:#555;margin-left:4px;padding:3px 7px;color:var(--dim);font-size:11px;transition:background .2s,border-color .2s,color .2s}.action-btn.delete-all:hover{background:#ff44441f;border-color:#c44;color:#e66}.categories-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.categories-scroll::-webkit-scrollbar{width:3px}.categories-scroll::-webkit-scrollbar-track{background:transparent}.categories-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.categories-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff26}.status{font-size:11px;color:var(--dimmer);margin-top:8px;text-align:center}.info-badge{display:inline-block;background:var(--input);padding:4px 8px;border-radius:4px;font-size:11px;color:var(--dim);margin-top:8px}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:var(--z-l17);display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--input);border:1px solid #333;border-radius:8px;padding:12px 20px;color:var(--text);font-size:13px;box-shadow:0 4px 12px #00000080;animation:toastIn .3s ease,toastOut .3s ease 2.7s forwards;pointer-events:auto;max-width:90vw;text-align:center}.toast.success{border-color:var(--scene);background:#1a2a1a}.toast.error{border-color:#e05030;background:#2a1a1a}.toast.warning{border-color:#e0a030;background:#2a2a1a}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.upload-collapsible{overflow:hidden;transition:max-height .3s ease,opacity .2s ease;max-height:500px;opacity:1}.upload-collapsible.collapsed{max-height:0;opacity:0;pointer-events:none}.upload-collapse-bar{display:none}@media(max-width:900px){.upload-collapse-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--input);border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.upload-collapse-bar:active{background:#222}.upload-collapse-bar .collapse-chevron{font-size:12px;color:var(--dimmer);transition:transform .3s ease;flex-shrink:0;width:16px;text-align:center}.upload-collapse-bar.collapsed .collapse-chevron{transform:rotate(-90deg)}.upload-collapse-bar .collapse-label{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.upload-collapse-bar .collapse-status{font-size:11px;color:var(--accent);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-collapse-bar .collapse-thumb{width:28px;height:28px;border-radius:4px;object-fit:contain;border:1px solid #333;flex-shrink:0}#anchorSpacer{display:none}}.mobile-right-content{display:none}@media(max-width:1200px){:root{--buffer-h: 620px;--buffer-h-collapsed: 380px;--buffer-v-top: 86px;--buffer-v-bottom: 140px;--buffer-v-top-collapsed: 86px;--buffer-v-bottom-collapsed: 140px}.container{grid-template-columns:280px calc(100vw - var(--buffer-h)) 280px;gap:15px;padding:15px}.container.left-collapsed{grid-template-columns:40px calc(100vw - var(--buffer-h-collapsed)) 280px}#canvas.normal-mode,#canvasAlt.normal-mode{max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.thumbnail-grid{grid-template-columns:repeat(3,65px);grid-auto-rows:65px;gap:8px}.thumb{width:65px;height:65px}}@media(max-width:1024px){:root{--buffer-h: 458px;--buffer-h-collapsed: 338px;--buffer-v-top: 75px;--buffer-v-bottom: 140px;--buffer-v-top-collapsed: 75px;--buffer-v-bottom-collapsed: 140px}.container{grid-template-columns:160px calc(100vw - var(--buffer-h)) 250px;gap:12px;padding:12px;transition:grid-template-columns .3s ease}.container.left-collapsed{grid-template-columns:40px calc(100vw - var(--buffer-h-collapsed)) 250px}#canvas.normal-mode,#canvasAlt.normal-mode{max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-controls{flex-wrap:nowrap;height:32px;min-height:32px;padding:4px 8px;gap:4px;overflow:hidden}.canvas-controls .btn{padding:2px 6px;font-size:9px;min-height:22px;height:22px}.canvas-controls label{font-size:9px}.canvas-controls .value{font-size:9px;min-width:28px}.canvas-controls input[type=range]{width:60px}.canvas-controls #zoomControl{gap:2px}.canvas-controls #zoomControl .btn{padding:2px 4px;min-width:auto}.thumbnail-grid{grid-template-columns:repeat(3,55px);grid-auto-rows:55px}.thumb{width:55px;height:55px}}@media(max-width:900px){body{overflow-y:auto;overflow-x:hidden;height:auto;max-width:100vw}.container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:calc(100vh - var(--vx-header-h));min-height:calc(100dvh - var(--vx-header-h));gap:15px;padding:15px;max-width:100vw;overflow-x:hidden}.panel{max-height:none;overflow:visible;max-width:100vw}.left-panel-toggle{display:none!important}.container.left-collapsed{grid-template-columns:1fr}.container.left-collapsed .panel:first-child{padding:20px}.container.left-collapsed .panel:first-child>*:not(.left-panel-toggle){display:revert!important}.panel:first-child{order:1}.panel:nth-child(2),#canvasPanel{order:2}.panel:nth-child(2).mobile-hidden{display:none!important}#mobileCanvasSlot.active{display:block!important;background:var(--bg);border-radius:8px;border:1px solid var(--border);overflow:hidden;max-width:100vw}#mobileCanvasSlot .canvas-controls{display:flex!important;flex-wrap:wrap;gap:4px;row-gap:4px;height:auto!important;min-height:auto!important;max-height:none!important;padding:5px 8px;align-items:center;overflow:visible!important;position:relative}#mobileCanvasSlot .canvas-controls .btn{height:32px!important;min-height:32px!important;padding:2px 8px!important;font-size:10px!important}#mobileCanvasSlot .canvas-controls #blinkBtn{min-width:60px;height:32px!important;min-height:32px!important}#mobileCanvasSlot .canvas-controls #sceneStackBtn{margin-left:auto;min-width:60px;height:32px!important;min-height:32px!important}#mobileCanvasSlot .canvas-controls label{font-size:9px!important}#mobileCanvasSlot .canvas-controls #speedSlider{width:50px}#mobileCanvasSlot .canvas-controls #speedValue,#mobileCanvasSlot .canvas-controls #opacityValue,#mobileCanvasSlot .canvas-controls #zoomValue{font-size:9px!important;min-width:28px}#mobileCanvasSlot .canvas-controls #zoomOutBtn,#mobileCanvasSlot .canvas-controls #zoomInBtn{min-width:20px}#mobileCanvasSlot .canvas-controls #zoomResetBtn{font-size:8px!important;padding:2px 4px!important}#mobileCanvasSlot .canvas-container{width:100%;display:flex;flex-direction:column;overflow:hidden}#mobileCanvasSlot .canvas-wrapper{flex:1;min-height:0;overflow:hidden;max-width:100%}#mobileCanvasSlot .canvas-scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;max-width:100%}#mobileCanvasSlot #canvas.normal-mode{max-width:calc(100% - 4px);max-height:calc(100% - 4px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}#mobileCanvasSlot #canvas.scene-stack-mode{height:100%}#mobileCanvasSlot .canvas-content{height:100%;max-width:100%}#mobileCanvasSlot>div:last-child:has(#sceneStackContainer){display:none!important}#mobileCanvasSlot>div[style*="height: 64px"]{display:none!important}.panel.right-panel{order:3;display:none!important}.panel.right-panel.collapsed .panel-content{transform:none;opacity:1;pointer-events:auto}.panel-toggle{display:none}.mobile-right-content{display:block!important}.canvas-controls{display:flex!important;flex-wrap:wrap;gap:8px;height:auto!important;min-height:auto!important;max-height:none!important;padding:10px;align-items:center;overflow:visible!important;position:relative}.canvas-controls #blinkGroup{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.canvas-controls #blinkBtn{width:auto;min-width:70px;padding:4px 10px;font-size:10px;min-height:28px;height:28px}.canvas-controls #zoomControl{display:flex!important;align-items:center;gap:4px}#opacityGroup{display:none;align-items:center;gap:5px}#opacityGroup[style*="display: flex"]{display:flex!important}.canvas-controls #sceneStackBtn{display:inline-flex!important;align-items:center;justify-content:center;min-height:32px;height:32px;padding:4px 10px;font-size:10px;min-width:70px;margin-left:auto}.canvas-controls #captureSceneBtn,.canvas-controls #videoBtn,.canvas-controls #recordBtn,.canvas-controls #layerOpacityControl,.canvas-controls #undoRedoControl{display:none!important}.canvas-controls.scene-mode #captureSceneBtn{display:inline-flex!important;align-items:center;justify-content:center;min-height:28px;height:28px;padding:4px 8px;font-size:10px;white-space:nowrap}.canvas-controls.scene-mode #shapesDropdown{display:inline-block!important}.shape-option:hover{background:#333}.canvas-controls.scene-mode #layerOpacityControl{display:none!important}.canvas-controls.scene-mode #layerOpacityControl.visible{display:flex!important;align-items:center;gap:4px}.canvas-controls.scene-mode #layerOpacityControl label{font-size:9px}.canvas-controls.scene-mode #layerOpacitySlider{width:50px}.canvas-controls.scene-mode #layerOpacityValue{font-size:9px;min-width:28px}.canvas-controls.scene-mode #undoRedoControl{display:flex!important;align-items:center;gap:2px}.canvas-controls.scene-mode #undoBtn,.canvas-controls.scene-mode #redoBtn{min-height:28px;height:28px;min-width:28px;padding:4px 6px;font-size:12px}.canvas-controls.scene-mode #blinkGroup{display:none!important}.canvas-controls.scene-mode #videoBtn{display:inline-flex!important;align-items:center;justify-content:center;min-height:28px;height:28px;padding:4px 8px;font-size:10px}.canvas-controls.scene-mode #recordBtn[style*="display: block"],.canvas-controls.scene-mode #recordBtn[style*="display:block"]{display:inline-flex!important;align-items:center;height:28px;padding:4px 8px;font-size:10px}.canvas-controls.scene-mode{padding-right:10px}.canvas-controls>div:not([id]){display:none!important}.canvas-controls #zoomControl .btn{display:flex!important;align-items:center;justify-content:center;min-height:28px;min-width:28px;padding:4px 8px}.canvas-controls #zoomValue{display:inline!important;min-width:36px;text-align:center}.thumbnail-grid{grid-template-columns:repeat(3,60px);grid-auto-rows:60px}.thumb{width:60px;height:60px;border:1.5px solid rgba(255,255,255,.1)}.upload-zone{padding:15px}.upload-zone p{font-size:12px}#sceneStackContainer{height:54px;display:none!important}.panel:nth-child(2)>div:last-of-type:has(#sceneStackContainer){display:none!important}.panel>div[style*="height: 64px"]{display:none!important}.scene-stack-thumb{width:50px;height:50px}#downloadMenu{width:260px;max-height:400px}.help-btn{bottom:70px;right:10px;width:28px;height:28px;font-size:13px}.feedback-btn{bottom:70px;right:46px;width:28px;height:28px;font-size:12px}.info-btn{bottom:70px;right:82px;width:28px;height:28px;font-size:13px}}@media(max-width:480px){.container{padding:10px;gap:10px}.panel{padding:15px;border-radius:10px}.panel h2{font-size:12px}.canvas-controls{padding:8px;gap:6px;row-gap:8px}#blinkGroup{gap:6px}#blinkGroup>div{gap:4px}.blink-btn{width:48px;font-size:9px;padding:2px 6px;height:28px}#sceneStackBtn{width:65px;font-size:9px}#speedSlider,#opacitySlider{width:45px}#speedValue,#opacityValue{min-width:28px;font-size:9px}#zoomControl{gap:2px}#zoomOutBtn,#zoomInBtn{min-width:24px;padding:3px 5px}#zoomResetBtn{padding:3px 4px;font-size:8px}#zoomValue{min-width:26px;font-size:9px}#captureSceneBtn,#videoBtn,#recordBtn{padding:3px 6px;font-size:9px}#layerOpacityControl{gap:4px}#layerOpacityControl label{font-size:9px}#layerOpacitySlider{width:50px}#layerOpacityValue{font-size:9px;min-width:28px}#undoRedoControl{gap:2px}#undoBtn,#redoBtn{min-width:24px;padding:3px 4px;font-size:11px}.btn{padding:10px 15px;font-size:12px}.thumbnail-grid{grid-template-columns:repeat(3,55px);grid-auto-rows:55px;gap:6px}.thumb{width:55px;height:55px}.upload-zone svg{width:28px;height:28px}.scene-stack-thumb{width:45px;height:45px}#sceneStackContainer{height:50px;display:none!important}.mobile-bottom-sheet{padding:15px 15px 90px}.mobile-menu-toggle{width:50px;height:50px;font-size:20px;bottom:15px;right:15px}#downloadMenu{width:calc(100vw - 40px);left:20px;transform:none}.toast{font-size:12px;padding:10px 16px}#mobileCanvasSlot .canvas-controls{padding:4px 6px;gap:3px;row-gap:3px}#mobileCanvasSlot .canvas-controls .btn{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:9px!important}#mobileCanvasSlot .canvas-controls #blinkBtn,#mobileCanvasSlot .canvas-controls #sceneStackBtn{min-width:54px;height:28px!important;min-height:28px!important}#mobileCanvasSlot .canvas-controls #sceneStackBtn{margin-left:auto}#mobileCanvasSlot .canvas-controls #speedSlider{width:40px}}@media(max-width:900px)and (orientation:landscape){:root{--buffer-h: 270px;--buffer-v-top: 85px;--buffer-v-bottom: 10px}.container{grid-template-columns:240px calc(100vw - var(--buffer-h));grid-template-rows:1fr;gap:10px;padding:10px;height:calc(100vh - var(--vx-header-h));height:calc(100dvh - var(--vx-header-h));overflow:hidden}#canvas.normal-mode,#canvasAlt.normal-mode{max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}#uploadWrapper{display:flex;flex-wrap:wrap;gap:6px}.upload-collapsible,.upload-collapsible.collapsed{max-height:500px!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;overflow:visible!important}.upload-zone{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:90px!important;height:60px!important;padding:6px!important}.upload-zone svg{width:18px!important;height:18px!important;margin-bottom:4px!important}.upload-zone p{font-size:9px!important;line-height:1.2!important;margin:0!important;text-align:center!important}.upload-zone p span,#uploadWrapper .upload-collapse-bar,#uploadWrapper #anchorSpacer,#uploadWrapper #anchorStatus,#uploadWrapper #statesStatus,#uploadWrapper #anchorInput,#uploadWrapper #statesInput{display:none!important}.panel:first-child{order:1;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow-y:auto;padding:10px 10px 20px}.panel:nth-child(2){order:2;min-height:auto;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow:hidden;display:flex!important;flex-direction:column;background:#000;padding:0!important;border:none!important}.panel:nth-child(2).mobile-hidden{display:flex!important}#mobileCanvasSlot{display:none!important}.panel.right-panel{display:none}.mobile-right-content{display:block!important}.mobile-right-content #mobileSaveProjectBtn,.mobile-right-content #mobileDownloadBtn{padding:4px 12px;font-size:10px;min-height:24px;height:24px;min-width:auto;text-transform:uppercase;letter-spacing:.5px}.upload-zone{padding:10px}.upload-zone svg{width:24px;height:24px}.upload-zone p{font-size:10px}.thumbnail-grid{grid-template-columns:repeat(3,48px);grid-auto-rows:48px;gap:5px}.thumb{width:48px;height:48px}.canvas-container{flex:1;min-height:0;overflow:hidden;background:#000;border:none!important;border-radius:0}.canvas-wrapper,.canvas-scroll-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#000}#canvas{max-width:calc(100% - 4px);max-height:calc(100% - 4px);width:100%;height:100%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-controls{display:flex!important;flex-wrap:wrap!important;gap:6px;row-gap:4px;min-height:28px!important;max-height:none!important;height:auto!important;padding:6px 8px;align-items:center;overflow:visible!important;position:relative;flex-shrink:0;background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:0;margin:0!important;width:100%;box-sizing:border-box}.canvas-controls #blinkGroup{display:flex!important;flex-wrap:nowrap;gap:3px;align-items:center;height:20px}.canvas-controls .btn{height:20px!important;min-height:20px!important;max-height:20px!important;padding:0 6px!important;font-size:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.canvas-controls #blinkBtn{min-width:50px}.canvas-controls #zoomControl{display:flex!important;align-items:center;gap:2px;height:20px}.canvas-controls #zoomControl .btn{min-width:20px;width:20px}.canvas-controls #zoomValue{font-size:9px;min-width:28px}#opacityGroup{display:none;align-items:center;gap:2px;height:20px}#opacityGroup[style*="display: flex"]{display:flex!important}#opacitySlider{width:35px}#opacityValue{font-size:9px;min-width:24px}.canvas-controls #sceneStackBtn{min-width:auto;padding:0 6px!important;font-size:9px!important;height:20px!important;min-height:20px!important;max-height:20px!important;line-height:20px!important;margin-left:auto;margin-top:-4px;width:50px;max-width:50px;display:inline-flex!important;align-items:center!important;justify-content:center!important}.canvas-controls #opacityGroup{flex-basis:100%;order:10}#speedSlider{width:35px}#speedValue{font-size:9px;min-width:24px}.canvas-controls label{font-size:9px!important}.canvas-controls #captureSceneBtn,.canvas-controls #videoBtn,.canvas-controls #recordBtn,.canvas-controls #layerOpacityControl,.canvas-controls #undoRedoControl{display:none!important}.canvas-controls>div[style*="flex: 1"]{display:none!important}.canvas-controls #shareBtnDesktop{height:20px!important;padding:0 6px!important;font-size:9px!important}.canvas-controls.scene-mode #captureSceneBtn{display:inline-flex!important;align-items:center;height:20px!important;padding:0 6px!important;font-size:9px!important}.canvas-controls.scene-mode #shapesDropdown{display:inline-block!important}.canvas-controls.scene-mode #layerOpacityControl{display:none!important}.canvas-controls.scene-mode #layerOpacityControl.visible,.canvas-controls.scene-mode #undoRedoControl{display:flex!important;align-items:center;gap:2px;height:20px}.canvas-controls.scene-mode #blinkGroup{display:none!important}.canvas-controls.scene-mode #videoBtn{display:inline-flex!important;align-items:center;justify-content:center;height:20px!important;padding:0 6px!important;font-size:9px!important}.canvas-controls.scene-mode #recordBtn[style*="display: block"],.canvas-controls.scene-mode #recordBtn[style*="display:block"]{display:inline-flex!important;align-items:center;height:20px!important;padding:0 6px!important;font-size:9px!important}.canvas-controls>div:not([id]){display:none!important}#speedSlider{width:50px}#speedValue{font-size:9px;min-width:30px}#sceneStackContainer,#sceneStackContainer.scene-stack-thumbnails{display:none!important}.panel:nth-child(2)>div:last-of-type:has(#sceneStackContainer){display:none!important}.panel>div[style*="height: 64px"]{display:none!important}}@media(min-width:1024px)and (max-height:800px){:root{--buffer-h: 520px;--buffer-h-collapsed: 320px;--buffer-v-top: 73px;--buffer-v-bottom: 140px;--buffer-v-top-collapsed: 73px;--buffer-v-bottom-collapsed: 140px}.container{grid-template-columns:240px calc(100vw - var(--buffer-h)) 240px;gap:10px;padding:10px}.container.left-collapsed{grid-template-columns:40px calc(100vw - var(--buffer-h-collapsed)) 240px}#canvasPanel{padding:8px 0 0}.panel{padding:10px}.ssp-timeline{height:64px}.bp-thumb{height:48px}#canvas.normal-mode,#canvasAlt.normal-mode{max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.panel{padding:12px}.panel h2{font-size:12px;margin-bottom:10px}.upload-zone{padding:12px}.upload-zone svg{width:24px;height:24px}.upload-zone p{font-size:11px}.thumbnail-grid{grid-template-columns:repeat(3,55px);grid-auto-rows:55px;gap:6px}.thumb{width:55px;height:55px}.canvas-controls{padding:6px 10px;gap:6px}.btn{padding:6px 12px;font-size:11px}.blink-btn{height:26px;font-size:9px}#sceneStackContainer{height:50px}.scene-stack-thumb{width:45px;height:45px}}body.mobile-portrait .container{grid-template-columns:1fr!important;grid-template-rows:auto 1fr auto!important}body.mobile-portrait .panel:nth-child(2).mobile-hidden{display:none!important}body.mobile-portrait .panel.right-panel,body.mobile-portrait .panel-toggle{display:none}body.mobile-portrait #mobileCanvasSlot.active{display:block!important;background:var(--bg);border-radius:8px;border:1px solid var(--border);overflow:hidden;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}body.mobile-portrait #mobileCanvasSlot .canvas-container{width:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden;border:none;border-radius:0}body.mobile-portrait #mobileCanvasSlot .canvas-wrapper{flex:1;min-height:0;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}body.mobile-portrait #mobileCanvasSlot .canvas-scroll-container{width:100%;height:100%}body.mobile-portrait #mobileCanvasSlot #canvas.normal-mode{max-width:calc(100% - 4px);max-height:calc(100% - 4px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:12px;padding:12px}.panel{max-height:none}.panel:first-child{order:1}.panel:nth-child(2){order:2;min-height:50vh;max-height:65vh;overflow:hidden;display:flex;flex-direction:column}.panel:nth-child(2).mobile-hidden{display:none!important}#mobileCanvasSlot.active{display:block!important}.panel.right-panel{order:3}.panel-toggle{display:none}.panel.right-panel .panel-content{position:relative;inset:0 0 auto}.mobile-right-content{display:block!important}.panel.right-panel{display:none}.thumbnail-grid{grid-template-columns:repeat(3,70px);grid-auto-rows:70px;gap:10px}.canvas-controls{display:flex!important;flex-wrap:nowrap!important;gap:10px;padding:8px 10px;align-items:center}.canvas-controls #blinkGroup{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}.canvas-controls #zoomControl{display:flex!important;align-items:center;gap:4px}#opacityGroup{display:none;align-items:center;gap:5px}#opacityGroup[style*="display: flex"]{display:flex!important}.canvas-controls #sceneStackBtn{display:inline-flex!important;margin-left:auto}.canvas-controls>div:not([id]){display:none!important}.canvas-controls #captureSceneBtn,.canvas-controls #videoBtn,.canvas-controls #recordBtn,.canvas-controls #layerOpacityControl,.canvas-controls #undoRedoControl{display:none!important}.canvas-controls.scene-mode #captureSceneBtn{display:inline-flex!important;align-items:center;height:28px;padding:4px 8px;font-size:10px}.canvas-controls.scene-mode #shapesDropdown{display:inline-block!important}.canvas-controls.scene-mode #layerOpacityControl{display:none!important}.canvas-controls.scene-mode #layerOpacityControl.visible{display:flex!important;align-items:center;gap:4px}.canvas-controls.scene-mode #undoRedoControl{display:flex!important;align-items:center;gap:2px}.canvas-controls.scene-mode #blinkGroup{display:none!important}.canvas-controls.scene-mode #videoBtn{display:inline-flex!important;align-items:center;justify-content:center;height:28px;padding:4px 8px;font-size:10px}.canvas-controls.scene-mode #recordBtn[style*="display: block"],.canvas-controls.scene-mode #recordBtn[style*="display:block"]{display:inline-flex!important;align-items:center;height:28px;padding:4px 8px;font-size:10px}}@media(min-width:1024px)and (max-width:1366px)and (min-height:768px)and (orientation:landscape){:root{--buffer-h: 620px;--buffer-h-collapsed: 380px;--buffer-v-top: 86px;--buffer-v-bottom: 140px;--buffer-v-top-collapsed: 86px;--buffer-v-bottom-collapsed: 140px}.container{grid-template-columns:280px calc(100vw - var(--buffer-h)) 280px;gap:15px;padding:15px}.container.left-collapsed{grid-template-columns:40px calc(100vw - var(--buffer-h-collapsed)) 280px}#canvas.normal-mode,#canvasAlt.normal-mode{max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:auto;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.thumbnail-grid{grid-template-columns:repeat(3,70px);grid-auto-rows:70px;gap:10px}.thumb{width:70px;height:70px}}@media(hover:none)and (pointer:coarse){.thumb .remove,.scene-stack-thumb .remove-layer{opacity:.9;width:16px;height:16px;font-size:10px;top:1px;right:1px}.thumb{border:1.5px solid rgba(255,255,255,.1)}.thumb.active{border-color:#4a9eff99}.btn{min-height:44px}.blink-btn{min-height:36px}input[type=range]{height:8px}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}.shortcuts-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000d9;z-index:var(--z-l18);display:flex;align-items:center;justify-content:center}.shortcuts-modal-content{background:var(--input);border:1px solid #333;border-radius:12px;padding:24px;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0009}.shortcuts-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:16px;font-weight:600;color:#fff}.shortcuts-close{background:none;border:none;color:var(--dim);font-size:24px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.shortcuts-close:hover{color:#fff}.shortcuts-grid{display:flex;flex-direction:column;gap:16px}.shortcut-section{display:flex;flex-direction:column;gap:6px}.shortcut-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:600;margin-bottom:2px}.shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.shortcut-row span{color:#bbb;font-size:13px}.shortcut-row kbd{background:var(--bg);border:1px solid var(--border-hover);border-radius:4px;padding:3px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace;font-size:12px;color:var(--text);min-width:28px;text-align:center;box-shadow:0 1px 2px #0000004d}.help-btn{position:fixed;bottom:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#1a1a1a;border:1px solid #444;color:var(--dim);font-size:15px;font-weight:700;cursor:pointer;z-index:var(--z-l12);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:0;line-height:1}.help-btn:hover{background:#2a2a2a;color:#fff;border-color:#666}.feedback-btn{position:fixed;bottom:16px;right:56px;width:32px;height:32px;border-radius:50%;background:#1a1a1a;border:1px solid #444;color:var(--dim);font-size:14px;cursor:pointer;z-index:var(--z-l12);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;padding:0;line-height:1}.feedback-btn:hover{background:#2a2a2a;color:#fff;border-color:#666}.import-fab{position:fixed;bottom:16px;right:136px;height:32px;border-radius:16px;background:#1a1a1a;border:1px solid #444;color:var(--dim);font-size:14px;cursor:pointer;z-index:var(--z-l12);display:flex;align-items:center;justify-content:center;gap:0;padding:0 9px;line-height:1;white-space:nowrap;overflow:hidden;width:32px;transition:width .35s cubic-bezier(.4,0,.2,1),background .2s,color .2s,border-color .2s,opacity .3s,box-shadow .3s}.import-fab .import-fab-label{max-width:0;opacity:0;overflow:hidden;font-size:11px;font-weight:600;letter-spacing:.3px;margin-left:0;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin-left .35s cubic-bezier(.4,0,.2,1)}.import-fab:hover{width:140px;background:#2a2a2a;color:#fff;border-color:#7c6ae8;box-shadow:0 0 12px #7c6ae859}.import-fab:hover .import-fab-label{max-width:110px;opacity:1;margin-left:6px}.import-fab.hidden{opacity:0;pointer-events:none;width:32px}.feedback-modal{position:fixed;inset:0;background:#000000d9;z-index:var(--z-l16);display:flex;align-items:center;justify-content:center}.feedback-content{background:var(--panel);border:1px solid var(--border-hover);border-radius:10px;padding:20px;width:90%;max-width:400px;box-shadow:0 8px 32px #00000080}.feedback-type-btn{flex:1;padding:6px 10px;background:var(--input);border:1px solid var(--border);border-radius:6px;color:var(--dim);font-size:12px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.feedback-type-btn:hover{border-color:var(--border-hover);color:var(--text)}.feedback-type-btn.active{border-color:var(--accent);color:var(--accent);background:#4a9eff1a}.feedback-disclosure{background:#ffb43214;border:1px solid rgba(255,180,50,.25);border-radius:6px;padding:10px 12px;margin:8px 16px 4px;font-size:11.5px;line-height:1.5;color:#bbb}.feedback-disclosure strong{color:#e8a830;font-size:11.5px}.feedback-submit-btn{width:100%;padding:10px;background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.feedback-submit-btn:hover{background:var(--accent-hover)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1025px){.mobile-only-share{display:none!important}}@media(max-width:1024px){#shareBtnDesktop{display:none!important}}.mobile-only-share{position:absolute;top:20px;right:20px;padding:2px 8px!important;font-size:9px!important;height:auto!important;min-height:0!important;line-height:1.2!important;border-radius:4px!important;z-index:var(--z-l07);box-sizing:border-box}@media(max-width:480px){.mobile-only-share{top:15px;right:15px}}@media(max-width:900px)and (orientation:landscape){.mobile-only-share{top:10px;right:10px}}.section-heading{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#777;margin-bottom:10px;display:flex;align-items:center;font-weight:800;gap:5px}.section-heading span[id$=Count],.section-heading span[id$=ImageCount],.section-heading span[id$=SceneCount],.section-heading span[id$=GalleryCount],.section-heading span[id$=DismissedCount]{font-size:10px;font-weight:700;font-family:monospace;color:#888;margin-left:2px}.divider{height:1px;background:#ffffff0a;margin:15px 0}.divider--strong{background:#ffffff14}.divider--compact{margin:10px 0}.toolbar-label{font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.toolbar-value{font-size:10px;color:#fff;min-width:32px}.toolbar-slider{width:70px;height:3px;background:#222;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none}.toolbar-btn-sm{padding:3px 8px;font-size:10px;height:24px;width:52px;display:inline-flex;align-items:center;justify-content:center}@media(min-width:1025px){#cropBtn{margin-left:20px}#captureSceneBtn,#shareBtnDesktop{margin-left:6px}}#captureSceneBtn{font-size:14px;min-width:32px;width:32px}#captureSceneBtn:hover{animation:captureFlash .4s ease forwards}#captureSceneBtn:hover .capture-icon{animation:captureSnap .4s ease}@keyframes captureFlash{0%{background:#1a1a1a}12%{background:#ffffffbf;box-shadow:0 0 25px #ffffff80}to{background:#2a3a2a;border-color:#5a5;box-shadow:0 0 8px #5aff5a4d}}@keyframes captureSnap{0%,to{transform:scale(1)}20%{transform:scale(1.2)}}#cropBtn span,#captureSceneBtn span,#shareBtnDesktop span{display:inline-block;transition:transform .2s ease,color .2s ease}#cropBtn:hover,#shareBtnDesktop:hover{background:#2a2a2a;border-color:#5a5;color:#5d5}#cropBtn:hover span,#shareBtnDesktop:hover span{animation:letterWave .6s ease forwards}#cropBtn:hover span:nth-child(1),#shareBtnDesktop:hover span:nth-child(1){animation-delay:0s}#cropBtn:hover span:nth-child(2),#shareBtnDesktop:hover span:nth-child(2){animation-delay:.05s}#cropBtn:hover span:nth-child(3),#shareBtnDesktop:hover span:nth-child(3){animation-delay:.1s}#cropBtn:hover span:nth-child(4),#shareBtnDesktop:hover span:nth-child(4){animation-delay:.15s}#cropBtn:hover span:nth-child(5),#shareBtnDesktop:hover span:nth-child(5){animation-delay:.2s}#cropBtn:hover span:nth-child(6),#shareBtnDesktop:hover span:nth-child(6){animation-delay:.25s}#cropBtn:hover span:nth-child(7),#shareBtnDesktop:hover span:nth-child(7){animation-delay:.3s}#cropBtn:hover span:nth-child(8),#shareBtnDesktop:hover span:nth-child(8){animation-delay:.35s}#cropBtn:hover span:nth-child(9),#shareBtnDesktop:hover span:nth-child(9){animation-delay:.4s}@keyframes letterWave{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ctrl-group{display:flex;align-items:center;gap:8px}.ctrl-group--tight{gap:5px}.ctrl-group--small{gap:3px}.upload-hint{font-size:10px;color:#444}.upload-header{display:flex;justify-content:space-between;align-items:center}.app-brand{font-size:1rem;font-weight:600;letter-spacing:.05em;color:#fff;opacity:.55}.thumb-grid-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:3px}.icon-btn{cursor:pointer;margin-left:5px;display:inline-block}.icon-btn--tight{margin-left:3px}.panel-actions{position:relative;flex-shrink:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.04)}.panel-actions__row{display:flex;gap:8px;margin-top:10px;justify-content:center}.panel-actions__btn{padding:7px 16px;font-size:10px;min-width:90px}.mobile-actions__row{display:flex;gap:10px;margin-top:20px;justify-content:center}.export-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background:#161616;border:1px solid #2a2a2a;border-radius:10px;padding:0;width:288px;z-index:var(--z-l11);box-shadow:0 8px 32px #0009,0 0 0 1px #4a9eff0a;max-height:520px;overflow-y:auto;overflow-x:hidden;animation:exportSlideIn .2s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}.xp-name-bar{padding:10px 14px;background:#1a1a1a;border-bottom:1px solid #222}.xp-name-input{width:100%;background:transparent;border:none;color:#ccc;font-size:13px;font-weight:600;outline:none;letter-spacing:.3px;font-family:inherit}.xp-name-input:focus{color:#fff}.xp-name-input::placeholder{color:#444}.xp-section{padding:12px 14px;display:none}.xp-section--last{padding:10px 14px 12px;display:none}.xp-divider{height:1px;background:#222;display:none}.xp-label{font-size:9px;font-weight:800;color:#444;letter-spacing:2px;margin-bottom:8px}.xp-mode-tabs{display:flex;gap:3px;background:#111;border-radius:6px;padding:3px;margin-bottom:10px}.xp-mode-tab{flex:1;padding:5px 0;border:none;border-radius:4px;background:transparent;color:#555;font-size:10px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit}.xp-mode-tab:hover{color:#999}.xp-mode-tab--active{background:#4a9eff;color:#fff}.xp-mode-tab--active:hover{color:#fff}.xp-scene-sub{padding:4px 10px;border-radius:4px;border:1px solid #333;background:#0a0a16;color:#8fc2ff;font-size:10px;font-weight:700;cursor:pointer;letter-spacing:.3px;flex:1;text-align:center;transition:all .15s}.xp-scene-sub:hover{border-color:#4a9eff;color:#ccc}.xp-scene-sub--active{border-color:#4a9eff;background:#4a9eff;color:#fff}.xp-scene-sub--active:hover{color:#fff}.xp-share-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.xp-share-grid--single{grid-template-columns:1fr}.xp-share-btn{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:6px;border:1px solid #222;background:#111;color:#777;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;position:relative;overflow:hidden}.xp-share-btn:hover{border-color:#4a9eff;color:#6ab4ff;background:#4a9eff0d;transform:translateY(-1px);box-shadow:0 2px 8px #4a9eff1f}.xp-share-btn--primary{border-color:#4a9eff59;background:#4a9eff14;color:#6ab4ff}.xp-share-btn--primary:hover{border-color:#4a9eff;background:#4a9eff24;box-shadow:0 2px 12px #4a9eff2e}.xp-share-btn--full{grid-column:1 / -1;justify-content:center}.xp-share-icon{font-size:12px;width:16px;text-align:center;flex-shrink:0}.xp-share-tag{font-size:9px;font-weight:800;color:#444;margin-left:auto;letter-spacing:.5px}.xp-share-btn--primary .xp-share-tag{color:#4a9eff66}.xp-speed-row{display:flex;align-items:center;gap:8px;margin-top:10px}.xp-speed-icon{font-size:9px;color:#444;min-width:14px}.xp-speed-slider{flex:1;accent-color:#4a9eff;height:3px}.xp-speed-chip{font-size:11px;font-weight:700;color:#4a9eff;min-width:36px;text-align:center;background:#111;border-radius:4px;padding:2px 6px}.xp-dl-category{margin-top:10px}.xp-dl-category:first-child{margin-top:0}.xp-dl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.xp-dl-left{display:flex;align-items:center;gap:5px}.xp-dl-icon{font-size:11px}.xp-dl-name{font-size:11px;font-weight:700;color:#999}.xp-dl-badge{font-size:9px;font-weight:700;color:#555;background:#4a9eff0f;border:1px solid #222;padding:0 5px;border-radius:8px;line-height:16px}.xp-dl-check{display:flex;align-items:center;gap:3px;font-size:9px;color:#444;cursor:pointer;user-select:none;transition:color .15s}.xp-dl-check:hover{color:#777}.xp-dl-check input{accent-color:#4a9eff;width:10px;height:10px}.xp-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.xp-res-btn{padding:6px 0!important;border-radius:4px!important;font-size:10px!important;font-weight:600!important;text-align:center;background:#111!important;border:1px solid #1e1e1e!important;color:#666!important;cursor:pointer;transition:all .15s!important}.xp-res-btn:hover{border-color:#4a9eff!important;color:#6ab4ff!important;background:#4a9eff0d!important;transform:translateY(-1px)}.xp-res-btn--full{grid-column:1 / -1;width:100%}.xp-record-btn{width:100%;padding:10px 0;border-radius:6px;border:1px solid rgba(224,80,48,.25);background:#e0503014;color:#f75;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .2s;font-family:inherit}.xp-record-btn:hover{background:#e0503026;border-color:#e0503080;transform:translateY(-1px);box-shadow:0 3px 12px #e0503026}.xp-record-dot{width:7px;height:7px;border-radius:50%;background:#e05030;animation:xp-pulse 1.5s ease infinite}@keyframes xp-pulse{0%,to{opacity:1}50%{opacity:.3}}.xp-project-gallery{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;overflow-x:hidden;padding:2px 0 4px;scrollbar-width:thin;scrollbar-color:#333 transparent}.xp-project-gallery::-webkit-scrollbar{width:4px}.xp-project-gallery::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.xp-proj-card{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid transparent;background:#0d0d1a;cursor:pointer;transition:background .12s,border-color .12s;min-height:42px}.xp-proj-card:hover{background:#14142a;border-color:#333}.xp-proj-card--selected{background:#1a1a2e;border-color:#4a9eff}.xp-proj-thumb{flex-shrink:0;width:40px;height:40px;border-radius:4px;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center}.xp-proj-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.xp-proj-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.xp-proj-name{font-size:11px;font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.xp-proj-card--selected .xp-proj-name{color:#fff}.xp-proj-tags{display:flex;flex-wrap:wrap;gap:3px}.xp-proj-tag{font-size:8px;font-weight:600;padding:1px 5px;border-radius:3px;background:#4a9eff1f;color:#4a9eff;letter-spacing:.2px}.xp-proj-tag--scene{background:#4a9eff26;color:#8fc2ff}.xp-proj-tag--gallery{background:#00ced11f;color:#00ced1}.xp-proj-tag--layer{background:#fdcb6e1f;color:#fdcb6e}.xp-proj-date{font-size:8px;color:#444;letter-spacing:.2px}.xp-proj-loading,.xp-proj-empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;color:#555;font-size:11px}.xp-flat-btn--primary{background:#4a9eff!important;color:#fff!important;border-color:#4a9eff!important;font-weight:700}.xp-flat-btn--primary:hover{background:#7d6ff0!important}.xp-flat-btn--primary:disabled{background:#222!important;color:#555!important;border-color:#333!important;cursor:not-allowed}.xp-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.xp-flat-btn{padding:7px 0!important;border-radius:4px!important;font-size:10px!important;font-weight:600!important;text-align:center;background:transparent!important;border:1px solid #1e1e1e!important;color:#555!important;cursor:pointer;transition:all .15s!important;display:flex!important;align-items:center;justify-content:center;gap:4px;font-family:inherit}.xp-flat-btn:hover{border-color:#333!important;color:#999!important}.xp-flat-icon{font-size:10px}.xp-tabs{display:flex;gap:4px;padding:6px 6px 0;background:none;border-bottom:none}.xp-tab{flex:1;padding:7px 0;text-align:center;font-size:10px;font-weight:700;color:#444;letter-spacing:.2px;cursor:pointer;border:1px solid transparent;border-bottom:none;background:#ffffff05;border-radius:7px;transition:all .2s;font-family:inherit;white-space:nowrap;overflow:hidden}.xp-tab:hover{color:#888;background:#ffffff0a}.xp-tab.active{color:#fff;background:#4a9eff1f;border-color:#4a9eff33;border-bottom:none}.xp-tab-content{display:none;padding:12px 14px}.xp-tab-content.active{display:block}.xp-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;margin-bottom:8px;transition:border-color .15s;overflow:hidden}.xp-card:hover{border-color:#ffffff14}.xp-card-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03)}.xp-card-title{font-size:11px;font-weight:700;color:#888}.xp-card-body{padding:6px 12px 10px}.xp-pill-row{display:flex;gap:2px}.xp-pill-row .xp-mode-tab{flex:1;padding:6px 0;border-radius:6px;font-size:10px;font-weight:700;color:#333;cursor:pointer;border:none;background:transparent;transition:all .15s;font-family:inherit;text-align:center}.xp-pill-row .xp-mode-tab:hover{color:#666;background:#ffffff08}.xp-pill-row .xp-mode-tab--active{color:#fff;background:#4a9eff2e}.xp-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s;border:1px solid transparent}.xp-opt:hover{background:#ffffff08;border-color:#ffffff0d}.xp-opt.sel{background:#4a9eff0f;border-color:#4a9eff26}.xp-opt-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid #333;flex-shrink:0;transition:all .15s}.xp-opt.sel .xp-opt-dot{border-color:#4a9eff;background:#4a9eff;box-shadow:0 0 6px #4a9eff66}.xp-opt-title{font-size:11px;font-weight:600;color:#777;transition:color .15s}.xp-opt.sel .xp-opt-title{color:#ccc}.xp-opt-desc{font-size:9px;color:#333;margin-top:1px;transition:color .15s}.xp-opt.sel .xp-opt-desc{color:#555}.xp-opt-tag{font-size:8px;font-weight:700;letter-spacing:.5px;flex-shrink:0;color:#555;transition:color .15s}.xp-opt.sel .xp-opt-tag{color:#4a9eff80}.xp-style-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.xp-style-title{font-size:11px;font-weight:700;color:#888}.xp-fmt-wrap{display:flex;gap:2px}.xp-fmt-pill{padding:3px 10px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.5px;color:#333;cursor:pointer;border:1px solid transparent;background:transparent;transition:all .15s;font-family:inherit}.xp-fmt-pill:hover{color:#666}.xp-fmt-pill.on{color:#4a9eff;border-color:#4a9eff33;background:#4a9eff0d}.xp-go-btn{width:100%;padding:10px 0;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid rgba(74,158,255,.25);background:#4a9eff14;color:#8fc2ff;transition:all .2s;font-family:inherit;margin-top:10px;letter-spacing:.3px}.xp-go-btn:hover{background:#4a9eff26;border-color:#4a9eff66;transform:translateY(-1px);box-shadow:0 4px 16px #4a9eff1f}.xp-go-btn:active{transform:scale(.98)}.xp-go-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.xp-chip-grid{display:flex;flex-wrap:wrap;gap:4px}.xp-chip{padding:6px 12px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.04);background:transparent;color:#444;transition:all .15s;font-family:inherit}.xp-chip:hover{color:#777;border-color:#ffffff14;background:#ffffff05}.xp-chip.on{color:#60a5fa;border-color:#60a5fa33;background:#60a5fa0f}.xp-chip--custom{border-style:dashed}.xp-chip--custom.on{border-style:solid;color:#8fc2ff;border-color:#4a9eff33;background:#4a9eff0f}.xp-feed-preview{display:flex;align-items:center;gap:8px;padding:6px 0}.xp-feed-dots{display:flex;gap:3px;flex:1}.xp-feed-dot{width:6px;height:6px;border-radius:50%;background:#60a5fa26;transition:background .2s}.xp-feed-dot.filled{background:#60a5fa}.xp-feed-info{font-size:9px;color:#555;white-space:nowrap}.xp-feed-custom-fields{display:flex;gap:8px}.xp-feed-tweak{margin-top:6px}.xp-feed-tweak-toggle{font-size:9px;font-weight:600;color:#444;cursor:pointer;border:none;background:none;padding:2px 0;font-family:inherit;transition:color .15s}.xp-feed-tweak-toggle:hover{color:#888}.xp-feed-tweak-fields{margin-top:6px}.xp-feed-field{flex:1}.xp-feed-label{font-size:8px;color:#333;display:block;margin-bottom:3px}.xp-feed-input{width:100%;padding:5px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#999;font-size:11px;font-family:inherit}.xp-feed-input:focus{border-color:#ffffff1f;outline:none;color:#ccc}.xp-dl-sep{height:1px;background:#1a1a2e;margin:6px 0 10px}.xp-dl-empty{color:#555;font-size:11px;text-align:center;padding:20px 0}.xp-grid-select{background:#0a0a16;color:#8fc2ff;border:1px solid #333;border-radius:4px;padding:2px 4px;font-size:11px;font-family:inherit}.xp-record-hint{margin-top:10px;font-size:9px;color:#444;text-align:center;line-height:1.5}.xp-sheet-scrim{position:fixed;inset:0;background:#00000080;opacity:0;transition:opacity .3s;pointer-events:none;z-index:var(--z-l14);display:none}.xp-sheet-scrim.open{opacity:1;pointer-events:auto;display:block}.xp-bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:75vh;background:#161616;border-radius:12px 12px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:none;flex-direction:column;overflow:hidden;z-index:var(--z-l15);box-shadow:0 -8px 32px #0009;border:1px solid #2a2a2a;border-bottom:none}.xp-bottom-sheet.open{display:flex;transform:translateY(0)}.xp-sheet-handle{padding:10px 0 6px;display:flex;justify-content:center;flex-shrink:0}.xp-sheet-handle-bar{width:36px;height:4px;border-radius:2px;background:#444}.xp-bottom-sheet .xp-tabs{flex-shrink:0}.xp-sheet-body{flex:1;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch}.xp-sheet-body .xp-tab-content{padding:12px 16px 20px}@keyframes exportSlideIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.export-category{font-size:10px;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px;text-align:center}.export-section-title{font-size:11px;color:#4a9eff;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.export-section-title--layers{color:#ff9f4a}.export-checkbox-wrap{margin-bottom:6px;padding:6px 8px;background:#0a0a0a;border-radius:4px}.export-checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:11px;color:#e0e0e0}.export-checkbox{margin-right:8px;width:14px;height:14px;cursor:pointer}.export-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}.export-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:8px}.export-grid-2--flush{margin-bottom:0}.export-btn{text-align:center;padding:6px;font-size:11px}.export-layers-btn{width:100%;margin-bottom:8px;text-align:center;padding:6px;font-size:11px}.export-name-row{margin-bottom:8px;display:flex;align-items:center;gap:8px}.export-name-label{font-size:11px;color:var(--dim);white-space:nowrap}.export-name-input{flex:1;background:#0a0a0a;border:1px solid #333;border-radius:4px;padding:6px 8px;color:#e0e0e0;font-size:12px;font-family:inherit}.export-name-input::placeholder{color:#555}.export-speed-row{margin-bottom:6px;display:flex;align-items:center;gap:8px}.export-speed-label{font-size:11px;color:var(--dim);white-space:nowrap}.export-speed-input{flex:1;background:#0a0a0a;border:1px solid #333;border-radius:4px;padding:6px;color:#e0e0e0;font-size:12px}.shapes-menu{display:none;position:fixed;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:4px;z-index:var(--z-l19);min-width:120px}.shape-option{padding:6px 10px;cursor:pointer;color:#fff;font-size:11px;display:flex;align-items:center;gap:6px}.shape-icon{font-size:14px}.color-swatch{width:20px;height:20px;border:1px solid #444;border-radius:3px;cursor:pointer}.swatch-grid{display:flex;gap:4px;flex-wrap:wrap}.swatch-label{font-size:10px;color:var(--dim);margin-bottom:4px}.swatch-container{padding:6px 10px}.ctx-opacity-wrap{padding:8px 12px}.ctx-opacity-label{font-size:10px;color:var(--dim);margin-bottom:4px}.ctx-opacity-row{display:flex;align-items:center;gap:6px}.ctx-opacity-slider{width:100px;height:3px;background:#222;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.ctx-opacity-value{font-size:10px;color:#ccc;min-width:28px}.noscript-wrap{padding:40px;max-width:800px;margin:0 auto;font-family:sans-serif;color:#333}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-title{margin:0;font-size:16px;color:#fff}.feedback-close{cursor:pointer;color:var(--dim);font-size:20px;line-height:1}.feedback-field{margin-bottom:12px}.feedback-field--wide{margin-bottom:16px}.feedback-label{font-size:12px;color:var(--dim);display:block;margin-bottom:4px}.feedback-textarea{width:100%;height:100px;background:var(--input);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px;font-size:13px;resize:vertical;font-family:inherit}.feedback-input{width:100%;background:var(--input);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px;font-size:13px;font-family:inherit}.feedback-type-group{display:flex;gap:8px}.spacer{height:20px}.flex-1{flex:1}.right-panel-flex{display:flex;flex-direction:column}.zoom-group{display:flex;align-items:center;gap:3px}.zoom-btn{padding:3px 6px;font-size:10px;min-width:22px;height:24px}.zoom-value{font-size:10px;color:#fff;min-width:32px;text-align:center}.zoom-reset{padding:3px 5px;font-size:9px;height:24px}.undo-redo-group{align-items:center;gap:2px}.undo-redo-btn{padding:3px 5px;font-size:12px;min-width:22px;height:24px;opacity:.4}.shapes-dropdown{position:relative}.mobile-canvas-slot{margin-top:15px}.mobile-right-content-spacing{margin-top:20px}.panel--relative{position:relative}.timeline-strip{width:100%;height:32px;background:#0d0d0f;border-top:1px solid #1e1e22;align-items:center;gap:6px;padding:0 8px;box-sizing:border-box;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.tl-play-btn{background:none;border:1px solid transparent;border-radius:4px;color:#8a8a8e;cursor:pointer;padding:3px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.tl-play-btn:hover{color:#e0e0e0;background:#ffffff0f}.tl-play-btn.playing{color:#4a9eff}.tl-loop-btn{background:none;border:1px solid transparent;border-radius:4px;color:#555;cursor:pointer;padding:3px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.tl-loop-btn:hover{color:#999;background:#ffffff0a}.tl-loop-btn.active{color:#4a9eff}.tl-icon{display:block}.tl-track-area{flex:1;position:relative;padding:0 4px;height:100%;display:flex;align-items:center;min-width:80px}.tl-ticks{position:absolute;top:4px;left:4px;right:4px;height:6px;pointer-events:none;display:flex;justify-content:space-between}.tl-tick{width:1px;height:100%;background:#1e1e22}.timeline-track{flex:1;height:6px;background:#1a1a1e;border-radius:3px;position:relative;cursor:pointer;overflow:visible;border:1px solid #252528;z-index:var(--z-l02)}.timeline-track:hover{border-color:#353538}.timeline-progress{width:0%;height:100%;background:linear-gradient(90deg,#2563eb,#4a9eff);border-radius:3px;pointer-events:none;transition:none}.timeline-playhead{position:absolute;top:50%;left:0%;width:3px;height:16px;background:#fff;border-radius:1.5px;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 0 4px #4a9eff66,0 0 1px #0009;z-index:var(--z-l03);transition:box-shadow .2s}.timeline-playhead:hover,.timeline-playhead.dragging{box-shadow:0 0 8px #4a9effb3,0 0 2px #000c}.timeline-playhead.dragging{cursor:grabbing}.timeline-strip.playing .timeline-playhead{animation:playhead-glow 1.5s ease-in-out infinite alternate}@keyframes playhead-glow{0%{box-shadow:0 0 4px #4a9eff66,0 0 1px #0009}to{box-shadow:0 0 10px #4a9effcc,0 0 2px #000c}}.tl-tooltip{position:absolute;top:-20px;left:0;background:#222228;color:#ccc;font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;border:1px solid #333;pointer-events:none;opacity:0;transition:opacity .12s;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:var(--z-l07)}.tl-track-area:hover .tl-tooltip{opacity:1}.tl-time-display{font-size:10px;color:#ccc;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.2px;flex-shrink:0;min-width:24px;text-align:right}.tl-time-total{font-size:10px;color:#666;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.2px;flex-shrink:0;min-width:24px}.tl-time-sep{font-size:9px;color:#444;font-weight:600;flex-shrink:0;margin:0 1px}.tl-speed-area{display:flex;align-items:center;gap:4px;flex-shrink:0;padding-left:4px;border-left:1px solid #1e1e22;margin-left:2px}.tl-speed-label{font-size:8px;color:#555;text-transform:uppercase;letter-spacing:.3px;font-weight:600;user-select:none}.tl-speed-slider{width:50px;height:3px;background:#222;border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.tl-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#8a8a8e;cursor:pointer;border:none;transition:background .15s}.tl-speed-slider::-webkit-slider-thumb:hover{background:#ccc}.record-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e05030;margin-right:4px;vertical-align:middle}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.scene-stack-empty-text{font-size:14px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;line-height:64px}.snap-guide{position:absolute;background:#4a9eff;z-index:var(--z-l14);pointer-events:none;opacity:.7}.snap-guide--h{height:1px;left:0;right:0}.snap-guide--v{width:1px;top:0;bottom:0}.diff-map-btn{background:#553!important;border-color:#885!important;color:#fd3!important}.diff-map-btn.active{background:#d44!important;color:#fff!important;border-color:#d44!important}.split-wipe-btn{background:#2a4a4a!important;border-color:#4a7a7a!important;color:#6dd!important}.split-wipe-btn.active{background:#1a8a8a!important;color:#fff!important;border-color:#1a8a8a!important}#sceneStackBtn{background:transparent!important;border-color:#3a7a3a!important;color:#5d5!important}#sceneStackBtn.active{background:#2a8a2a33!important;color:#6f6!important;border-color:#4a9a4a!important;box-shadow:inset 0 1px #2a8a2a26,0 1px 4px #2a8a2a26}#blinkBtn{background:transparent!important;border-color:#4a9eff!important;color:#c5f!important}#blinkBtn.active{background:#4a9eff33!important;border-color:#5aaeff!important;color:#d8f!important;box-shadow:inset 0 1px #4a9eff26,0 1px 4px #4a9eff26}#blinkBtn.stop-mode{background:#426!important;color:#fcf!important;border-color:#d6f!important;box-shadow:0 0 12px #cc55ff80}#sceneOnboarding{position:fixed;inset:0;z-index:var(--z-l20)}.scene-onboarding-backdrop{position:absolute;inset:0;background:#000000d9}.scene-onboarding-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1e;border:1px solid #333;border-radius:12px;padding:28px 32px 24px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080}.scene-onboarding-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px;letter-spacing:.3px}.scene-onboarding-steps{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.scene-onboarding-step{display:flex;gap:12px;align-items:flex-start;color:#ccc;font-size:13.5px;line-height:1.45}.scene-onboarding-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#4a9eff;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}.scene-onboarding-step strong{color:#fff}.scene-onboarding-btn{display:block;width:100%;padding:10px;background:#4a9eff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.scene-onboarding-btn:hover{background:#3a8eef}.snap-ripple{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(74,158,255,.6);pointer-events:none;z-index:var(--z-l15);animation:snap-ripple-pop .45s ease-out both;transform:translate(-50%,-50%) scale(0)}@keyframes snap-ripple-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}.export-confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-l19);pointer-events:none;overflow:hidden}.export-confetti-dot{position:absolute;border-radius:50%;opacity:0}.export-confetti-dot.pop{animation:export-confetti-burst .7s cubic-bezier(.25,.46,.45,.94) both}@keyframes export-confetti-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.2s!important}.blink-icon{animation:none!important}@keyframes record-pulse{0%,to{opacity:1}}@keyframes blink-pulse{0%,to{opacity:1}}@keyframes spin{0%,to{transform:rotate(0)}}}.btn:focus-visible,.blink-btn:focus-visible,.panel-toggle:focus-visible,.left-panel-toggle:focus-visible,.context-menu-item:focus-visible,.feedback-type-btn:focus-visible,.feedback-submit-btn:focus-visible,.export-btn:focus-visible,.upload-zone:focus-visible,.bp-tab:focus-visible,.bp-tool:focus-visible,.bp-rec:focus-visible,.bp-export:focus-visible,.ssp-btn:focus-visible,.ssp-nav-arrow:focus-visible,.slp-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thumb:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.btn:focus:not(:focus-visible),.blink-btn:focus:not(:focus-visible),.thumb:focus:not(:focus-visible),.panel-toggle:focus:not(:focus-visible),.left-panel-toggle:focus:not(:focus-visible),.bp-tab:focus:not(:focus-visible),.bp-tool:focus:not(:focus-visible),.bp-rec:focus:not(:focus-visible),.bp-export:focus:not(:focus-visible),.ssp-btn:focus:not(:focus-visible),.ssp-nav-arrow:focus:not(:focus-visible){outline:none}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.15)}input[type=range]::-moz-range-thumb:hover{background:var(--accent-hover);transform:scale(1.15)}.thumb{transition:border-color .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94),opacity .25s ease}.thumb:hover{transform:scale(1.05) translateY(-1px)}.thumb:active{transform:scale(.97);transition-duration:.1s}.thumb.active{box-shadow:0 0 0 2px var(--accent),0 2px 8px #4a9eff33}.thumb.anchor{box-shadow:0 0 0 2px #ff4a4a,0 2px 8px #ff4a4a26!important}.scene-stack-thumb{transition:transform .2s cubic-bezier(.25,.46,.45,.94),border-color .2s ease}.scene-stack-thumb:hover:not(.dragging){transform:scale(1.05) translateY(-1px)}.upload-zone{transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.upload-zone.active{border-color:var(--accent);background:#0f1a2e;box-shadow:0 0 0 3px #4a9eff26,inset 0 0 20px #4a9eff0d}.upload-zone svg{transition:stroke .2s}.upload-zone:hover svg{stroke:var(--accent)}.upload-zone.active svg{stroke:var(--accent)}.btn{transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,box-shadow .2s ease,transform .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000040}.btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none;transition-duration:.1s}.btn.primary:hover:not(:disabled){box-shadow:0 2px 10px #4a9eff4d}.btn:disabled,.blink-btn:disabled{pointer-events:none}.panel-toggle,.left-panel-toggle{transition:background .2s,color .2s}.toast{animation:toastIn .3s cubic-bezier(.16,1,.3,1),toastOut .4s cubic-bezier(.4,0,1,1) 2.6s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.97)}}.toast.success{box-shadow:0 4px 12px #00000080,0 0 20px #30e05014}.toast.error{box-shadow:0 4px 12px #00000080,0 0 20px #e0503014}.toast.warning{box-shadow:0 4px 12px #00000080,0 0 20px #e0a03014}.shortcuts-modal,.feedback-modal{animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-modal-content,.feedback-content,.scene-onboarding-card{animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-content{animation:modalContentSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.thumbnail-container,.categories-scroll,.scene-stack-thumbnails{scroll-behavior:auto;-webkit-overflow-scrolling:touch}.thumbnail-container,.categories-scroll,.scene-stack-thumbnails{scrollbar-width:thin;scrollbar-color:#444 transparent}.diff-map-btn,.split-wipe-btn{transition:background .2s ease,border-color .2s ease,color .2s ease!important}.blink-btn.active{transition:box-shadow .3s ease,border-color .3s ease}.export-menu{animation:menuSlideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes menuSlideUp{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.export-btn:hover:not(:disabled){background:#2a2a2a;border-color:var(--accent);transform:translateY(-1px)}.export-btn:active:not(:disabled){transform:translateY(0)}.scene-layer{transition:border-color .15s ease,box-shadow .15s ease}.panel{box-shadow:inset 0 1px #ffffff08}.canvas-container{box-shadow:inset 0 1px 3px #0000004d}.thumb.selected{animation:selectionPulse 2s ease-in-out infinite}@keyframes selectionPulse{0%,to{box-shadow:0 0 0 2px var(--accent),0 0 0 4px #ffffff26}50%{box-shadow:0 0 0 2px var(--accent),0 0 0 5px #ffffff14}}.section-heading{transition:color .2s}.feedback-textarea:focus,.feedback-input:focus,.export-name-input:focus,.export-speed-input:focus,.tl-speed-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4a9eff26;outline:none}@media(max-width:900px){.upload-collapse-bar{transition:background .2s,border-color .2s,transform .1s}.upload-collapse-bar:active{transform:scale(.99)}}@media(max-width:900px){body{scrollbar-width:thin;scrollbar-color:#333 transparent}body::-webkit-scrollbar{width:4px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#333;border-radius:2px}}.seo-footer{display:none}.seo-footer-toggle{display:block;width:100%;padding:8px 16px;background:none;border:none;color:#666;font-size:12px;cursor:pointer;text-align:left}.seo-footer-toggle:hover{color:#999}.seo-chevron{margin-left:6px}.seo-footer-content{padding:12px 16px 16px;max-height:40vh;overflow-y:auto;color:var(--dim);font-size:13px;line-height:1.5}.seo-footer-content h2{color:#aaa;font-size:14px;margin:12px 0 4px}.seo-footer-content h2:first-child{margin-top:0}.seo-footer-content p{margin:0 0 8px}.info-btn{position:fixed;bottom:16px;right:96px;z-index:var(--z-l12);width:32px;height:32px;border-radius:50%;border:1px solid #444;background:#1a1a1a;color:var(--dim);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;padding:0;line-height:1}.info-btn:hover{background:#2a2a2a;color:#fff;border-color:#666}body.file-dragging .upload-zone{border-color:var(--accent);box-shadow:0 0 12px #4a9eff40;transition:border-color .2s,box-shadow .2s}body.file-dragging .upload-zone svg{color:var(--accent);transition:color .2s}body.file-dragging .upload-zone p{color:var(--accent);transition:color .2s}.btn,.blink-btn,.export-btn,.export-layers-btn{transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s ease}.thumb.disabled{transition:opacity .25s ease,border-color .2s ease}.export-btn{border-radius:6px;transition:transform .15s ease,box-shadow .15s ease}.export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.export-btn:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:.08s}.export-layers-btn{transition:transform .15s ease,box-shadow .15s ease}.export-layers-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.export-layers-btn:active:not(:disabled){transform:translateY(0) scale(.97);transition-duration:.08s}.upload-zone p{transition:color .2s ease}.blink-btn{transition:border-color .2s,color .2s,box-shadow .3s,background .2s}.context-menu-item{transition:background .12s ease,color .12s ease}.action-btn{transition:transform .15s ease,background .15s ease,border-color .15s ease}.action-btn:active{transform:scale(.95);transition-duration:.06s}.categories-scroll,.scene-stack-thumbnails{overscroll-behavior:contain}.scene-layer{transition:border-color .2s ease,box-shadow .25s ease}.thumb .mark-checkbox-main,.scene-stack-thumb .mark-checkbox{transition:transform .15s cubic-bezier(.25,.46,.45,.94),background .15s ease}.thumb .mark-checkbox-main.marked,.scene-stack-thumb .mark-checkbox.marked{transform:scale(1.05)}.panel{transition:border-color .3s ease}.panel:hover{border-color:#2a2a2a}.thumb .remove{transition:opacity .15s ease,background .12s ease,transform .1s ease}.thumb .remove:active{transform:scale(.85)}.scene-stack-thumb .remove-layer{transition:opacity .15s ease,background .12s ease,transform .1s ease}.scene-stack-thumb .remove-layer:active{transform:scale(.85)}.canvas-container{transition:border-color .3s ease}.loading-overlay.active .loading-spinner{animation:spin .8s cubic-bezier(.5,0,.5,1) infinite}.loading-overlay.active .loading-text{animation:fadeInUp .3s ease .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#diffMapBtn{overflow:hidden}#diffMapBtn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,220,100,.3),transparent);pointer-events:none}#diffMapBtn:hover{animation:diffCombo .5s ease forwards}#diffMapBtn:hover:after{animation:diffScanLine .5s ease}#diffMapBtn:hover .btn-text-anim,#diffMapBtn:hover .diff-text{animation:diffRgbShift .5s ease}@keyframes diffCombo{0%{background:#553}30%{box-shadow:-2px 0 6px #ff00004d,2px 0 6px #00ffff4d}to{background:#553;border-color:#aa6;box-shadow:0 0 8px #ffc8324d}}@keyframes diffScanLine{0%{left:-50%}to{left:100%}}@keyframes diffRgbShift{0%,to{text-shadow:none}25%{text-shadow:-2px 0 #f00,2px 0 #0ff}75%{text-shadow:1px 0 #f00,-1px 0 #0ff}}#shapesBtn{font-size:14px}#shapesBtn:hover{background:#2a2a3a;border-color:#66a}#shapesBtn:hover .shape-icon,#shapesBtn:hover{animation:shapeSpin .5s ease}@keyframes shapeSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.export-confirm-overlay{position:fixed;inset:0;z-index:var(--z-l16);background:#0000;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.export-confirm-overlay.active{background:#000c}.export-confirm-dialog{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 32px 24px;max-width:340px;width:90%;text-align:center;transform:scale(.92) translateY(8px);opacity:0;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a}.export-confirm-overlay.active .export-confirm-dialog{transform:scale(1) translateY(0);opacity:1}.export-confirm-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:12px;background:#6366f11f;display:flex;align-items:center;justify-content:center;color:#818cf8}.export-confirm-title{font-size:15px;font-weight:600;color:#f0f0f0;margin-bottom:6px;letter-spacing:-.01em}.export-confirm-desc{font-size:12.5px;color:var(--dim);line-height:1.5;margin-bottom:22px}.export-confirm-actions{display:flex;gap:10px}.export-confirm-cancel{flex:1;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#aaa;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.export-confirm-cancel:hover{background:#ffffff0d;color:#ccc}.export-confirm-ok{flex:1;padding:10px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #6366f140}.export-confirm-ok:hover{background:linear-gradient(135deg,#7c7ff7,#6366f1);box-shadow:0 4px 16px #6366f159;transform:translateY(-1px)}.export-confirm-ok:active{transform:translateY(0)}@media(max-width:768px){.export-confirm-dialog{padding:24px 20px 20px;max-width:300px}}.landing-overlay{position:fixed;inset:0;z-index:var(--z-l15);background:#0a0a0a;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease-out}.landing-overlay.fade-out{opacity:0;pointer-events:none}.landing-center{display:flex;flex-direction:column;align-items:center;gap:28px;animation:landingFadeUp .8s ease-out both}.landing-brand{font-size:1.6rem;font-weight:600;letter-spacing:.05em;color:#fff;opacity:.7}.landing-drop{width:580px;max-width:90vw;aspect-ratio:4 / 3;max-height:55vh;border:2px dashed #333;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:border-color .2s,background .2s;padding:32px}.landing-drop:hover,.landing-drop.drag-over{border-color:var(--accent, #4a9eff);background:#4a9eff0a}.landing-drop-icon{color:#555;transition:color .2s}.landing-drop:hover .landing-drop-icon,.landing-drop.drag-over .landing-drop-icon{color:var(--accent, #4a9eff)}.landing-drop-text{font-size:1.2rem;font-weight:500;color:#ccc;text-align:center;margin:0}.landing-drop-hint{font-size:.85rem;color:#666;margin:0}.hint-touch{display:none}@media(pointer:coarse){.hint-mouse{display:none}.hint-touch{display:inline}}.landing-trust{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#444;animation:landingFadeUp .8s ease-out .3s both}.landing-trust-dot{color:#333}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.landing-drop{width:100%;max-height:60vh}.landing-trust{flex-direction:column;gap:4px}.landing-trust-dot{display:none}}.blink-primary{background:var(--accent, #4a9eff)!important;color:#fff!important;border-color:var(--accent, #4a9eff)!important;padding:6px 18px!important;font-size:12px;box-shadow:0 0 16px #4a9eff33;position:relative}.blink-primary:hover{filter:brightness(1.1);box-shadow:0 0 20px #4a9eff4d}.blink-primary.active{background:var(--accent, #4a9eff)!important;color:#fff!important;box-shadow:0 0 20px #4a9eff59}.blink-nudge{font-size:11px;color:#4a9effd9;margin-left:6px;margin-right:12px;white-space:nowrap;animation:nudgePulse 2s ease-in-out infinite;pointer-events:none}.blink-nudge.hidden{display:none}@keyframes nudgePulse{0%,to{opacity:.6}50%{opacity:1}}.more-sections-toggle{font-size:10px;padding:8px 0 4px;cursor:pointer;user-select:none;transition:color .15s}.more-sections-toggle:hover{color:#666}.more-sections-toggle.has-content,.more-sections.collapsed{display:none}.more-sections.expanded{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:8px 16px;border-radius:0 0 6px 6px;z-index:var(--z-l20);font-size:14px;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:0}#projectNameDisplay{color:#fff;font-weight:500;margin-left:auto;font-size:.85em}.project-thumb .project-label{font-size:10px;line-height:1.3;padding:3px 4px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.project-thumb .project-label-name{color:var(--text-bright, #fff);font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis}.project-thumb .project-label-date{color:var(--dim, #999);font-weight:400;display:block}.scene-states-panel{background:linear-gradient(180deg,#0c0c1c,#0a0a16);border-top:1px solid #1e1e3a;position:relative;z-index:var(--z-l03)}.scene-states-panel:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,#4a9eff 30%,#8fc2ff 50%,#4a9eff 70%,transparent 95%);opacity:.4;z-index:var(--z-l06)}.ssp-timeline{display:flex;align-items:center;padding:8px 10px;gap:8px;height:96px}.ssp-controls{display:flex;gap:3px;flex-shrink:0;padding-left:4px}.ssp-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(30,30,58,.5);background:#11112580;color:#5a5a7a;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:inset 0 1px #ffffff08}.ssp-btn:hover{border-color:#4a9eff66;color:#8fc2ff;background:#4a9eff1a;box-shadow:0 0 10px #4a9eff1a,inset 0 1px #a29bfe14}.ssp-btn.ssp-on{background:#4a9eff26;color:#8fc2ff;border-color:#4a9eff59;box-shadow:0 0 12px #4a9eff26,inset 0 1px #a29bfe1a}.ssp-nav-arrow{width:28px;height:28px;border-radius:6px;border:1px solid rgba(30,30,58,.5);background:#11112580;color:#7a7a9a;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s;padding:0;flex-shrink:0;z-index:var(--z-l03);box-shadow:inset 0 1px #ffffff08}.ssp-nav-arrow:hover{border-color:#4a9eff66;color:#8fc2ff;background:#4a9eff1a;box-shadow:0 0 10px #4a9eff1a,inset 0 1px #a29bfe14}.ssp-scrub-track{height:6px;background:#ffffff0a;border-radius:3px;position:relative;cursor:pointer;margin:0 4px 3px;flex-shrink:0}.ssp-scrub-track:hover{background:#ffffff14}.ssp-scrub-progress{position:absolute;top:0;left:0;height:100%;background:#4a9eff66;border-radius:3px;width:0%;pointer-events:none;transition:width .05s linear}.ssp-scrub-head{position:absolute;top:-3px;width:12px;height:12px;background:#8fc2ff;border-radius:50%;border:2px solid #1a1a2e;left:0%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .15s}.ssp-scrub-track:hover .ssp-scrub-head,.ssp-scrub-track.scrubbing .ssp-scrub-head{opacity:1}.ssp-strip-wrap{flex:1;position:relative;overflow:hidden;border-radius:7px}.ssp-strip{display:flex;gap:5px;padding:2px 4px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.ssp-strip::-webkit-scrollbar{display:none}.ssp-empty{color:#7a7a9a;font-size:11px;padding:14px 16px;white-space:nowrap}.ssp-card{flex-shrink:0;width:88px;height:54px;border-radius:7px;border:1.5px solid rgba(30,30,58,.5);background:#11112599;cursor:pointer;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0003,inset 0 1px #ffffff08}.ssp-card:hover{border-color:#4a9eff80;transform:translateY(-2px);box-shadow:0 6px 20px #0006,0 0 14px #4a9eff1f,inset 0 1px #a29bfe14;z-index:var(--z-l05)}.ssp-card.active{border-color:#4a9eff80;box-shadow:0 4px 18px #4a9eff2e,inset 0 1px #a29bfe1a;transform:translateY(-1px);z-index:var(--z-l04)}.ssp-card.dragging{opacity:.4;transform:scale(.92)!important}.ssp-card.drag-over{border-color:#feca57!important;box-shadow:0 0 14px #feca5740!important}.ssp-card-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ssp-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(5,5,12,.8));pointer-events:none;z-index:var(--z-l02)}.ssp-card-num{position:absolute;top:3px;left:5px;font-size:8px;color:#ffffff40;font-weight:700;z-index:var(--z-l03);font-family:monospace}.ssp-card-kf-badge{position:absolute;top:3px;left:18px;font-size:7px;color:#8fc2ff;font-weight:600;z-index:var(--z-l03);font-family:monospace;opacity:.7}.ssp-card-duration{position:absolute;bottom:2px;left:4px;font-size:8px;font-family:monospace;font-weight:600;color:#ffffff40;z-index:var(--z-l04);cursor:pointer;padding:1px 3px;border-radius:3px;text-align:center;transition:all .15s ease}.ssp-card-duration:hover{background:#4a9eff40;color:#ffffffb3}.ssp-card-duration-custom{color:#8fc2ff;background:#4a9eff26}.ssp-card.active .ssp-card-duration-custom{color:#d4cfff}.ssp-duration-popover{position:fixed;z-index:var(--z-l15);background:#141428f7;border:1px solid rgba(74,158,255,.4);border-radius:10px;padding:10px 12px;min-width:170px;box-shadow:0 12px 40px #00000080,0 0 20px #4a9eff1f;backdrop-filter:blur(12px);opacity:0;transform:translateY(6px);transition:opacity .12s ease,transform .12s ease}.ssp-dur-header{font-size:10px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ssp-dur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px}.ssp-dur-preset{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffffb3;font-size:12px;font-family:monospace;font-weight:600;padding:6px 4px;cursor:pointer;transition:all .12s ease}.ssp-dur-preset:hover{background:#4a9eff33;border-color:#4a9eff66;color:#fff}.ssp-dur-preset.active{background:#4a9eff4d;border-color:#4a9eff;color:#fff}.ssp-dur-custom-row{display:flex;gap:4px;margin-bottom:6px}.ssp-dur-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:12px;font-family:monospace;text-align:center;padding:5px 6px;outline:none;transition:border-color .15s;-moz-appearance:textfield}.ssp-dur-input:focus{border-color:#4a9eff}.ssp-dur-input::-webkit-inner-spin-button,.ssp-dur-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ssp-dur-input::placeholder{color:#ffffff40}.ssp-dur-apply{background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:700;padding:5px 10px;cursor:pointer;transition:background .12s}.ssp-dur-apply:hover{background:#7c6ff7}.ssp-dur-reset{width:100%;background:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff6;font-size:10px;padding:4px;cursor:pointer;transition:all .12s}.ssp-dur-reset:hover{border-color:#ff64644d;color:#ff6464b3}.ssp-card-remove{position:absolute;top:0;right:0;width:22px;height:22px;border-radius:50%;font-size:12px;color:#888;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-l06);transition:all .15s;background:#0009}.ssp-card:hover .ssp-card-remove{display:flex}.ssp-card-remove:hover{color:#ff4a4a;background:#ff4a4a33}.ssp-card-play{position:absolute;bottom:4px;right:2px;width:20px;height:20px;border-radius:50%;font-size:9px;color:#aaa;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-l06);transition:all .15s;background:#0009}.ssp-card:hover .ssp-card-play{display:flex}.ssp-card-play:hover{color:#4a9eff;background:#4a9eff40}.ssp-card-bar{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#4a9eff,#8fc2ff);width:0%;z-index:var(--z-l04);box-shadow:0 0 6px #4a9eff4d;border-radius:0 0 0 6px}.ssp-add{flex-shrink:0;width:36px;height:54px;border-radius:7px;border:1.5px dashed rgba(74,158,255,.15);background:#4a9eff05;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#2a2a4a;font-size:18px;transition:all .2s}.ssp-add:hover{border-color:#4a9eff66;color:#4a9eff;background:#4a9eff0f;transform:translateY(-1px);box-shadow:0 2px 10px #4a9eff14}.ssp-speed{display:flex;align-items:center;gap:6px;flex-shrink:0;padding-left:8px;border-left:1px solid rgba(74,158,255,.1)}.ssp-speed-slider{-webkit-appearance:none;appearance:none;width:60px;height:3px;background:linear-gradient(90deg,#1e1e3a,#4a9eff);border-radius:2px;outline:none;cursor:pointer}.ssp-speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #4a9eff;cursor:grab;box-shadow:0 0 6px #4a9eff40}.ssp-speed-val{font-size:10px;color:#8fc2ff;font-weight:700;min-width:28px;text-align:center;font-variant-numeric:tabular-nums;font-family:monospace}.bottom-panel{background:linear-gradient(180deg,#0e0e1ef2,#0a0a16fa);border-top:1px solid rgba(74,158,255,.12);position:relative;z-index:var(--z-l03);flex-shrink:0;width:100%;border-radius:0;overflow:visible;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -8px 32px #00000080,inset 0 1px #4a9eff14}.bottom-panel:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,#4a9eff 30%,#8fc2ff 50%,#4a9eff 70%,transparent 95%);opacity:.4;z-index:var(--z-l06)}.bp-modes{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(74,158,255,.06);background:#0a0a1966}.bp-mode-pills{display:flex;gap:3px;background:#0c0c0eb3;border-radius:8px;padding:3px;border:1px solid rgba(74,158,255,.1);box-shadow:inset 0 1px 2px #0000004d,0 1px #4a9eff0d}.bp-tab{padding:0 12px;height:28px;font-size:10px;font-weight:700;color:#7a7a9a;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s;letter-spacing:.5px;text-transform:uppercase;position:relative;border:none;background:transparent;font-family:inherit;border-radius:6px}.bp-tab:hover{color:#8fc2ff;background:#4a9eff0f}.bp-tab.active{color:#8fc2ff;background:#4a9eff33;box-shadow:inset 0 1px #a29bfe26,0 1px 4px #4a9eff1a}.bp-tab.active:after{display:none;content:none}.bp-tab-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s;border:none;border-radius:0;background:none;box-shadow:none}.bp-tab.active .bp-tab-icon{color:#8fc2ff;background:none;border:none;box-shadow:none}.bp-modes-right{margin-left:auto;display:flex;align-items:center;gap:4px;padding-right:8px}.bp-export{height:28px;padding:0 10px;border-radius:6px;border:1px solid rgba(30,30,58,.5);background:#11112580;color:#7a7a9a;font-size:9px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.5px;display:flex;align-items:center;gap:4px;transition:all .2s;box-shadow:inset 0 1px #ffffff05}.bp-export:hover{border-color:#4a9eff66;color:#8fc2ff;background:#4a9eff1a;box-shadow:0 0 10px #4a9eff1a,inset 0 1px #a29bfe14}.bp-rec{height:28px;padding:0 10px;border-radius:6px;border:1px solid rgba(253,69,86,.2);background:#fd45560d;color:#fd4556;font-size:9px;font-weight:800;cursor:pointer;font-family:inherit;letter-spacing:1.5px;display:flex;align-items:center;gap:5px;transition:all .25s;text-transform:uppercase;box-shadow:inset 0 1px #fd455608}.bp-rec:hover{background:#fd45561a;border-color:#fd455659;box-shadow:0 0 16px #fd45561a,inset 0 1px #fd45560d}.bp-rec.on{background:#fd455626;border-color:#fd455680;color:#f76;box-shadow:0 0 24px #fd455633,inset 0 1px #fd455614;animation:bp-rec-pulse 1.2s ease-in-out infinite}.bp-rec-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.bp-rec.on .bp-rec-dot{animation:bp-rec-blink .6s ease-in-out infinite}@keyframes bp-rec-pulse{0%,to{box-shadow:0 0 20px #fd455626}50%{box-shadow:0 0 30px #fd455640}}@keyframes bp-rec-blink{0%,to{opacity:1}50%{opacity:.2}}.bp-content,.bp-ctx{display:none}.bp-strip-empty{font-size:11px;color:#7a7a9a;white-space:nowrap;padding:0 12px}.bp-ctrl{display:flex;align-items:center;gap:6px}.bp-thumb{height:80px;border-radius:7px;border:1.5px solid rgba(30,30,58,.5);flex-shrink:0;cursor:pointer;position:relative;overflow:hidden;background:#11112599;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0003,inset 0 1px #ffffff08}.bp-thumb:hover{border-color:#4a9eff80;transform:translateY(-2px);box-shadow:0 6px 20px #0006,0 0 14px #4a9eff1f,inset 0 1px #a29bfe14}.bp-thumb.active{border-color:#4a9eff80;box-shadow:0 4px 18px #4a9eff2e,inset 0 1px #a29bfe1a;transform:translateY(-1px)}.bp-thumb.playing{border-color:#0f86;box-shadow:0 0 14px #00ff8826,inset 0 1px #00ff880d}.bp-thumb.dragging{opacity:.4;transform:scale(.95)}.bp-thumb.drag-over{border-color:#8fc2ff;box-shadow:0 0 14px #a29bfe4d}.bp-thumb.anchor{border-color:#f39c1280;box-shadow:0 0 8px #f39c1226}.bp-thumb.selected{border-color:#4a9eff99;box-shadow:0 0 10px #4a9eff26}.bp-thumb{background:#000}.bp-thumb canvas,.bp-thumb img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);display:block;object-fit:contain}.bp-thumb-label{position:absolute;bottom:0;left:0;right:0;padding:1px 4px;font-size:8px;font-weight:600;color:#fff6;background:linear-gradient(transparent,#000000b3);text-align:center;pointer-events:none}.bp-thumb-badge{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:3px;background:#4a9eff99;font-size:7px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.bp-thumb .bp-thumb-remove{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#0009;color:#888;font-size:9px;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;line-height:1}.bp-thumb:hover .bp-thumb-remove{display:flex}.bp-thumb .bp-thumb-remove:hover{color:#fd4556;background:#fd455640}.bp-label{font-size:10px;font-weight:700;color:#7a7a9a;text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.bp-slider{-webkit-appearance:none;appearance:none;flex:1;max-width:200px;height:3px;background:linear-gradient(90deg,#1e1e3a,#4a9eff);border-radius:2px;outline:none;cursor:pointer}.bp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #4a9eff;cursor:grab;box-shadow:0 0 6px #4a9eff40}.bp-val{font-size:11px;color:#8fc2ff;font-weight:700;min-width:40px;font-variant-numeric:tabular-nums;text-align:center}.bp-info-row{display:flex;align-items:center;gap:8px;padding:0 8px}.bp-tools{display:flex;align-items:center;gap:2px}.bp-tool{width:28px;height:28px;border-radius:6px;border:1px solid rgba(30,30,58,.5);background:#11112580;color:#5a5a7a;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;box-shadow:inset 0 1px #ffffff08}.bp-tool:hover{color:#8fc2ff;background:#4a9eff1a;border-color:#4a9eff66;box-shadow:0 0 10px #4a9eff1a,inset 0 1px #a29bfe14}.bp-tool:disabled{opacity:.25;cursor:default}.bp-tool-sep{width:1px;height:16px;background:#4a9eff1a;margin:0 4px;flex-shrink:0}.bp-zoom{display:flex;align-items:center;gap:2px}.bp-zoom-val{font-size:10px;color:#7a7a9a;font-weight:700;min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.bp-zoom-wrap{position:relative}.bp-zoom-trigger{display:flex;align-items:center;gap:3px;background:none;border:1px solid transparent;border-radius:6px;padding:3px 7px;cursor:pointer;transition:all .2s}.bp-zoom-trigger:hover{background:#4a9eff14;border-color:#4a9eff4d}.bp-zoom-trigger:active,.bp-zoom-trigger[aria-expanded=true]{background:#4a9eff1f;border-color:#4a9eff80}.bp-zoom-label{font-size:9px;font-weight:700;color:#7a7a9a;letter-spacing:.5px}.bp-zoom-caret{color:#5a5a7a;transition:transform .2s}.bp-zoom-trigger[aria-expanded=true] .bp-zoom-caret{transform:rotate(180deg)}.bp-zoom-popover{display:none;position:fixed;z-index:var(--z-l16);background:#1a1a2e;border:1px solid #2a2a3e;border-radius:10px;padding:6px 8px;gap:4px;align-items:center;box-shadow:0 8px 24px #00000080,0 0 0 1px #4a9eff0f;white-space:nowrap;animation:zoomPopIn .15s cubic-bezier(.16,1,.3,1)}.bp-zoom-popover.open{display:flex}@keyframes zoomPopIn{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bp-zoom-btn{width:30px;height:30px;border-radius:7px;border:1px solid #2a2a3e;background:#0e0e1a;color:#8fc2ff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s,color .15s}.bp-zoom-btn:hover{background:#1a1a2e;border-color:#4a9eff;color:#fff}.bp-zoom-btn:active{background:#4a9eff;color:#fff}.bp-zoom-fit{width:auto;padding:0 10px;font-size:9px;font-weight:800;letter-spacing:.8px}.bp-zoom-level{font-size:11px;color:#8fc2ff;font-weight:700;min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.bp-zoom-divider{width:1px;height:18px;background:#2a2a3e;margin:0 2px}.bp-tool-text{font-size:9px;font-weight:800;letter-spacing:.5px;width:auto;padding:0 6px}.scene-layers-panel{display:flex;flex-direction:column;overflow:hidden;border-top:1px solid rgba(255,255,255,.04);margin-top:12px;padding-top:4px;flex:1;min-height:0;max-height:calc(100vh - 400px);max-height:calc(100dvh - 400px)}.slp-header{padding:8px 6px 6px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.slp-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#777}.slp-count{font-size:10px;font-weight:700;background:none;color:#888;padding:0;border-radius:0;font-family:monospace}.slp-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 2px}.slp-list::-webkit-scrollbar{width:3px}.slp-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.slp-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;cursor:pointer;transition:all .12s;margin-bottom:2px;border:1px solid transparent;position:relative}.slp-item:hover{background:#ffffff08}.slp-item.selected{background:#4a9eff0f;border-color:#4a9eff1a}.slp-item.dragging{opacity:.4}.slp-item.drag-over{border-color:#feca57}.slp-thumb{width:30px;height:30px;border-radius:5px;border:1px solid rgba(255,255,255,.06);flex-shrink:0;overflow:hidden;background:#0a0a0a}.slp-item.selected .slp-thumb{border-color:#4a9eff4d}.slp-thumb canvas{width:100%;height:100%;display:block}.slp-info{flex:1;min-width:0}.slp-name{font-size:10px;font-weight:600;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slp-dims{font-size:8px;color:#555;font-family:monospace;margin-top:1px}.slp-eye{width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:#555;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.4;transition:all .12s}.slp-item:hover .slp-eye{opacity:1}.slp-eye:hover{color:#4a9eff;background:#4a9eff14}.slp-eye.hidden{opacity:.15}.slp-empty{padding:16px 8px;text-align:center;color:#444;font-size:10px}.slp-hidden-layer{opacity:.25}.slp-hidden-layer .slp-thumb{border-color:#ffffff0d}@media(max-width:900px){body{padding-bottom:env(safe-area-inset-bottom,0px)}.container{padding-left:max(15px,env(safe-area-inset-left,15px));padding-right:max(15px,env(safe-area-inset-right,15px))}.help-btn,.feedback-btn,.info-btn{bottom:calc(70px + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.container{padding-left:max(10px,env(safe-area-inset-left,10px));padding-right:max(10px,env(safe-area-inset-right,10px))}}@media(max-width:900px)and (orientation:landscape){.container{padding-left:max(10px,env(safe-area-inset-left,10px));padding-right:max(10px,env(safe-area-inset-right,10px))}}@media(hover:none)and (pointer:coarse)and (max-width:900px){.canvas-controls .btn,#mobileCanvasSlot .canvas-controls .btn{position:relative}.canvas-controls .btn:after,#mobileCanvasSlot .canvas-controls .btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.help-btn,.feedback-btn,.info-btn{position:fixed}.help-btn:after,.feedback-btn:after,.info-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.upload-collapse-bar{min-height:44px}.more-sections-toggle{min-height:44px;display:flex;align-items:center}.canvas-controls #zoomOutBtn,.canvas-controls #zoomInBtn,.canvas-controls #zoomResetBtn{position:relative}.canvas-controls #zoomOutBtn:after,.canvas-controls #zoomInBtn:after,.canvas-controls #zoomResetBtn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.mark-all-checkbox,.action-btn.delete-all{position:relative}.mark-all-checkbox:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.action-btn.delete-all:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.ssp-card-remove{position:relative}.ssp-card-remove:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.bp-tab{position:relative}.bp-tab:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.remove-layer{position:relative}.remove-layer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}}@media(max-width:900px){.canvas-controls #sceneStackBtn{position:static!important;margin-left:auto}.canvas-controls,.canvas-controls.scene-mode{padding-right:10px!important}#mobileCanvasSlot .canvas-controls #sceneStackBtn{position:static!important;margin-left:auto}#mobileCanvasSlot .canvas-controls{padding-right:8px!important}}@media(hover:none)and (pointer:coarse){.btn,.blink-btn,.canvas-controls .btn,.canvas-controls label,.canvas-controls input[type=range],.upload-zone,.upload-collapse-bar,.more-sections-toggle,.thumb,.scene-stack-thumb,.help-btn,.feedback-btn,.info-btn,.mobile-only-share,.bp-tool,.bp-thumb,.slp-item,.slp-eye,.tl-play-btn,.tl-loop-btn,.mark-all-checkbox,.section-heading{touch-action:manipulation}}.more-sections-toggle{color:#777;text-decoration:underline;text-decoration-color:#7777774d;text-underline-offset:3px}.more-sections-toggle:hover{color:#aaa;text-decoration-color:#aaa6}@media(max-width:900px){.mobile-actions__row{position:sticky;bottom:0;z-index:var(--z-l07);background:var(--panel);padding:12px 0;padding-bottom:max(12px,env(safe-area-inset-bottom,12px));margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;border-top:1px solid rgba(255,255,255,.04);will-change:transform}}@media(max-width:480px){.mobile-actions__row{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}}@media(max-width:900px)and (orientation:landscape){.upload-zone{border:1.5px dashed rgba(255,255,255,.1)!important}.upload-zone:active{border-color:#4a9eff66!important;background:#4a9eff0a!important}}@media(max-width:900px){.help-btn{right:12px}.feedback-btn{right:52px}.info-btn{right:92px}}@media(max-width:900px)and (orientation:landscape){.help-btn,.feedback-btn,.info-btn{position:fixed;bottom:14px;z-index:var(--z-l13);width:24px;height:24px;font-size:11px}.feedback-btn{left:118px;right:auto}.info-btn{left:72px;right:auto}.help-btn{left:164px;right:auto}}@media(hover:none)and (pointer:coarse){.btn,.blink-btn,.upload-zone,.upload-collapse-bar,.thumb,.scene-stack-thumb,.help-btn,.feedback-btn,.info-btn,.more-sections-toggle,.panel-toggle,.left-panel-toggle,.bp-tool,.bp-thumb,.slp-item,.slp-eye,.tl-play-btn,.tl-loop-btn,.mobile-only-share,.mark-all-checkbox,.shortcuts-close,.export-menu button,.export-menu a{-webkit-tap-highlight-color:transparent}}@media(max-width:480px){#downloadMenu{left:50%!important;transform:translate(-50%)!important;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}}@keyframes thumbShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.thumb-loading{background:linear-gradient(90deg,var(--input) 25%,rgba(255,255,255,.04) 50%,var(--input) 75%);background-size:200% 100%;animation:thumbShimmer 1.5s ease-in-out infinite;border-color:transparent!important}.thumb-loading img,.thumb-loading canvas{visibility:hidden}@media(max-width:900px)and (orientation:landscape){.canvas-controls label,.canvas-controls .btn{font-size:10px!important}.canvas-controls #zoomValue,#opacityValue,#speedValue{font-size:10px}.canvas-controls #sceneStackBtn,.canvas-controls #shareBtnDesktop,.canvas-controls.scene-mode #captureSceneBtn,.canvas-controls.scene-mode #videoBtn,.canvas-controls.scene-mode #recordBtn{font-size:10px!important}}@media(max-width:480px){#mobileCanvasSlot .canvas-controls .btn,#mobileCanvasSlot .canvas-controls #sceneStackBtn{font-size:10px!important}#zoomResetBtn,#zoomValue{font-size:10px}}@media(max-width:900px)and (orientation:landscape){.bottom-panel{overflow:hidden;width:100%;max-width:100%}.bp-modes{padding:5px 6px;gap:4px;flex-wrap:nowrap;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.bp-mode-pills{flex-shrink:0;gap:1px;padding:2px}.bp-tab{padding:0 6px;height:22px;font-size:10px}.bp-tab-icon{font-size:9px;margin-right:2px}.bp-modes-right{flex-shrink:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:2px;padding-right:2px}.bp-modes-right::-webkit-scrollbar{display:none}.bp-tool-sep{display:none}.bp-tool{width:22px;height:22px;font-size:10px;flex-shrink:0}.bp-export,.bp-rec{height:22px;padding:0 5px;font-size:10px;flex-shrink:0}.bp-slider{max-width:60px}.bp-val{font-size:9px;min-width:28px}.bp-zoom-val{font-size:10px;min-width:26px}.bp-thumb{height:40px}.bp-strip-row,.ssp-timeline{max-width:100%}.ssp-speed-slider{width:40px}.ssp-speed-val{font-size:9px}}@media(max-width:900px)and (orientation:landscape){.left-panel-toggle{display:flex!important;position:fixed!important;left:250px;top:50%;transform:translateY(-50%);right:auto;width:16px;height:60px;font-size:14px;z-index:var(--z-l13)}.container{transition:none!important}.container.left-collapsed{grid-template-columns:40px calc(100vw - 70px)}.container.left-collapsed .panel:first-child{padding:0;overflow:visible}.container.left-collapsed .panel:first-child>*:not(.left-panel-toggle){display:none!important}.container.left-collapsed .left-panel-toggle{left:50px!important}.container.left-collapsed~.help-btn,.container.left-collapsed~.feedback-btn,.container.left-collapsed~.info-btn{display:none}}#bpUndo,#bpRedo{position:relative}#bpUndo[title]:not([title=""]):after,#bpRedo[title]:not([title=""]):after{content:attr(title);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);background:#1a1a2e;color:#8fc2ff;font-size:9px;font-weight:700;padding:3px 7px;border-radius:4px;border:1px solid rgba(74,158,255,.3);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:var(--z-l11)}#bpUndo[title]:not([title=""]):hover:after,#bpRedo[title]:not([title=""]):hover:after{opacity:1}.fix-p .bp-modes{flex-wrap:wrap;padding:0}.fix-p .bp-mode-pills{width:100%;border-radius:0;padding:6px 8px;gap:2px;border:none;border-bottom:1px solid rgba(74,158,255,.1);background:#0a0a19b3;box-shadow:none}.fix-p .bp-tab{flex:1;justify-content:center;height:36px;font-size:11px;padding:0 2px}.fix-p .bp-modes-right{width:100%;margin-left:0;padding:4px 8px;gap:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:#08081480;-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%)}.fix-p .bp-modes-right::-webkit-scrollbar{display:none}.fix-p .bp-tool-sep,.fix-p .bp-label{display:none}.fix-p .bp-tool{width:30px;height:30px}.fix-p .bp-tool-text{height:30px;padding:0 7px}.fix-p .bp-slider{width:60px}.fix-p .bp-val{font-size:10px;min-width:26px}.fix-p .bp-rec{height:30px;padding:0 9px}.fix-p .ssp-btn,.fix-p .ssp-nav-arrow{width:30px;height:30px}.fix-p .ssp-timeline{height:84px;padding:6px 8px}.fix-p .bp-thumb{height:70px}.fix-p #zoomValue{display:none!important}.fix-p .bp-export{height:30px;width:30px;padding:0;justify-content:center}.fix-p .export-text{display:none}.fix-p #shareBtnDesktop{width:30px!important;padding:0!important;justify-content:center}.fix-p .share-text{display:none}.opacity-icon{display:none;width:28px;height:28px;border-radius:6px;border:1px solid rgba(30,30,58,.5);background:#11112580;color:#5a5a7a;font-size:13px;cursor:pointer;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-family:inherit;transition:all .2s;box-shadow:inset 0 1px #ffffff08}.opacity-icon:hover{color:#8fc2ff;border-color:#4a9eff66;background:#4a9eff1a;box-shadow:0 0 10px #4a9eff1a,inset 0 1px #a29bfe14}#opacityGroup.opacity-collapsed .opacity-icon{display:flex}#opacityGroup.opacity-collapsed .bp-label,#opacityGroup.opacity-collapsed .bp-slider,#opacityGroup.opacity-collapsed .bp-val{display:none}#opacityGroup.opacity-collapsed.opacity-open .bp-slider{display:inline-block;width:60px}.fix-l-text .export-text{display:none}.fix-l-text .bp-export{width:26px;padding:0;justify-content:center}.fix-l-text #shareBtnDesktop{width:26px!important;padding:0!important;justify-content:center}.fix-l-text .share-text,.fix-l-text .bp-val{display:none}.fix-l-text .bp-slider{width:60px}.fix-l-text #opacityGroup.opacity-collapsed .opacity-icon{display:flex}.fix-l-text #opacityGroup.opacity-collapsed .bp-label,.fix-l-text #opacityGroup.opacity-collapsed .bp-slider,.fix-l-text #opacityGroup.opacity-collapsed .bp-val{display:none}.fix-l-text #opacityGroup.opacity-collapsed.opacity-open .bp-slider{display:inline-block;width:60px}.fix-l .bp-modes{padding:4px 8px}.fix-l .bp-mode-pills{gap:1px;padding:2px}.fix-l .bp-tab{padding:0 7px;height:24px;font-size:10px}.fix-l .bp-modes-right{gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.fix-l .bp-modes-right::-webkit-scrollbar{display:none}.fix-l .bp-label{display:none}.fix-l .bp-slider{width:50px}.fix-l .bp-tool-sep{display:none}.fix-l #zoomValue{display:none!important}.fix-l .bp-tool{width:22px;height:22px;font-size:10px}.fix-l .bp-export{height:22px;width:22px;padding:0;justify-content:center}.fix-l .export-text{display:none}.fix-l #shareBtnDesktop{width:22px!important;padding:0!important;justify-content:center}.fix-l .share-text{display:none}.fix-l .bp-rec{height:22px;padding:0 8px;font-size:9px;letter-spacing:1px}.fix-l .ssp-timeline{height:58px;padding:5px 8px;gap:5px}.fix-l .ssp-btn{width:22px;height:22px;font-size:10px}.fix-l .ssp-nav-arrow{width:22px;height:22px}.fix-l .bp-thumb{height:46px}.fix-l .ssp-speed-slider{width:44px}.fix-l .bp-tool-sep{display:none!important}@media(min-width:1025px){#sepFit{display:block!important}}.name-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:var(--z-l16);display:flex;align-items:center;justify-content:center}.name-modal{background:#1e1e1e;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px 24px;width:320px;max-width:90vw;box-shadow:0 12px 40px #0009}.name-modal-title{font-size:14px;font-weight:600;color:#ccc;margin-bottom:12px}.name-modal-input{width:100%;padding:8px 10px;background:#111;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#eee;font-size:14px;outline:none;box-sizing:border-box}.name-modal-input:focus{border-color:#64a0ff80}.name-modal-hint{font-size:11px;color:#666;margin-top:4px}.name-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.name-modal-btn{padding:6px 16px;font-size:13px;border-radius:6px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#2a2a2a;color:#ccc}.name-modal-btn:hover{background:#333}.name-modal-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.name-modal-btn-primary:hover{background:#1d4ed8}.kfr-row{padding:4px 8px 2px;border-bottom:1px solid #1a1a2e}.kfr-ruler{display:flex;align-items:center;gap:8px}.kfr-track{flex:1;min-width:0;position:relative;height:36px}.kfr-track-inner{position:relative;width:100%;height:100%}.kfr-baseline{position:absolute;top:16px;left:12px;right:12px;height:2px;background:#2a2a44;border-radius:1px}.kfr-gap{position:absolute;top:2px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center}.kfr-seg-line{position:absolute;top:14px;left:6px;right:6px;height:2px;background:#4a9eff;opacity:.4;border-radius:1px;transition:opacity .15s}.kfr-gap.hovered .kfr-seg-line{opacity:1;background:#8fc2ff}.kfr-dur-label{font-size:8px;font-weight:700;color:#666;background:#0d0d1a;padding:0 3px;position:relative;z-index:var(--z-l02);transition:color .15s;font-family:monospace}.kfr-gap.hovered .kfr-dur-label{color:#8fc2ff}.kfr-dur-input{width:42px;height:16px;background:#0a0a16;border:1px solid #4a9eff;border-radius:3px;color:#8fc2ff;font-size:9px;font-weight:700;text-align:center;outline:none;font-family:monospace;position:relative;z-index:var(--z-l03)}.kfr-dot{position:absolute;top:7px;width:18px;height:22px;margin-left:-9px;cursor:pointer;display:flex;flex-direction:column;align-items:center;z-index:var(--z-l06)}.kfr-diamond{width:8px;height:8px;background:#4a3fad;border:2px solid #2a2a44;border-radius:2px;transform:rotate(45deg);transition:all .12s}.kfr-dot.active .kfr-diamond,.kfr-dot.selected .kfr-diamond{width:10px;height:10px;background:#4a9eff;border-color:#8fc2ff;box-shadow:0 0 6px #4a9eff}.kfr-dot-num{font-size:7px;font-weight:700;color:#666;margin-top:2px;font-family:monospace}.kfr-dot.active .kfr-dot-num,.kfr-dot.selected .kfr-dot-num{color:#8fc2ff}.kfr-total{font-size:10px;font-weight:700;color:#8fc2ff;min-width:36px;text-align:right;font-family:monospace}.kfr-slider-row{display:flex;align-items:center;gap:8px;padding:4px 8px 2px;border-top:1px solid #1a1a2e;margin-top:2px}.kfr-slider-label{font-size:9px;color:#666;font-weight:700;min-width:40px;font-family:monospace}.kfr-slider{flex:1;accent-color:#4a9eff;height:2px}.kfr-slider-val{font-size:10px;font-weight:700;color:#8fc2ff;min-width:40px;text-align:right;font-family:monospace}.layer-lock-badge{position:absolute;top:5px;right:5px;width:22px;height:22px;background:#000000b8;border:1px solid rgba(255,255,255,.15);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;cursor:pointer;z-index:var(--z-l09);pointer-events:auto;transition:background .15s;user-select:none}.layer-lock-badge:hover{background:#ffffff2e}.scene-layer.layer-locked{border-style:dashed!important;border-color:#555!important;cursor:not-allowed}.scene-layer.layer-locked>canvas,.scene-layer.layer-locked>img.layer-display{opacity:.45}.scene-layer.layer-locked .resize-handle{display:none}.layer-group-dot{position:absolute;bottom:5px;right:5px;width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);z-index:var(--z-l09);pointer-events:none}.ctx-group-row{display:flex;align-items:center;gap:5px;padding:5px 10px}.ctx-group-label{font-size:11px;color:#888;margin-right:2px;flex-shrink:0}.ctx-group-btn{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;flex-shrink:0;transition:transform .1s,border-color .1s}.ctx-group-btn:hover{transform:scale(1.2);border-color:#ffffff80}.ctx-group-btn[data-group=g1]{background:#7c6dfa}.ctx-group-btn[data-group=g2]{background:#fd9644}.ctx-group-btn[data-group=g3]{background:#20bf6b}.ctx-group-btn[data-group=g4]{background:#fc5c65}.ctx-group-btn.ctx-group-none{background:#333;color:#888;font-size:11px;display:flex;align-items:center;justify-content:center}.ctx-group-btn.ctx-group-active{border-color:#fff;box-shadow:0 0 5px #fff6}.ctx-pivot-row{display:flex;align-items:center;gap:6px;padding:5px 10px}.ctx-pivot-label{font-size:11px;color:#888;margin-right:2px;flex-shrink:0}.ctx-pivot-grid{display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:2px}.ctx-pivot-btn{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:#fd964440;color:#fd964480;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:transform .1s,background .1s,border-color .1s}.ctx-pivot-btn:hover{transform:scale(1.2);background:#fd964480;border-color:#ffffff80}.ctx-pivot-btn.active{background:#fd9644d9;border-color:#fff;color:#fff;box-shadow:0 0 5px #fd964480}.cl-generate-btn{font-size:10px!important;font-weight:700!important;letter-spacing:.04em;color:#f59e0b!important;border:1px solid rgba(245,158,11,.3)!important;background:#f59e0b14!important;padding:2px 10px!important;border-radius:4px!important;cursor:pointer;white-space:nowrap;flex-shrink:0;margin-left:6px;height:28px;display:flex;align-items:center;transition:background .15s,box-shadow .15s}.cl-generate-btn:hover{background:#f59e0b26!important;box-shadow:0 0 10px #f59e0b26}.cl-extract-btn{font-size:10px!important;font-weight:700!important;letter-spacing:.04em;color:#34d399!important;border:1px solid rgba(52,211,153,.3)!important;background:#34d39914!important;padding:2px 10px!important;border-radius:4px!important;cursor:pointer;white-space:nowrap;flex-shrink:0;margin-left:4px;height:28px;display:flex;align-items:center;transition:background .15s,box-shadow .15s}.cl-extract-btn:hover{background:#34d3992e!important;box-shadow:0 0 10px #34d39926}.cl-lock-btn{font-size:10px!important;font-weight:700!important;letter-spacing:.04em;color:#60a5fa!important;border:1px solid rgba(96,165,250,.3)!important;background:#60a5fa14!important;padding:2px 10px!important;border-radius:4px!important;cursor:pointer;white-space:nowrap;flex-shrink:0;margin-left:4px;height:28px;display:none;align-items:center;transition:background .15s,box-shadow .15s}.cl-lock-btn:hover{background:#60a5fa2e!important;box-shadow:0 0 10px #60a5fa26}.cl-lock-btn.lock-calibrating{color:#e94560!important;border-color:#e9456066!important;background:#e945601f!important;animation:lock-pulse 1.5s ease-in-out infinite}.cl-lock-btn.lock-active{color:#34d399!important;border-color:#34d39966!important;background:#34d3991a!important}@keyframes lock-pulse{0%,to{box-shadow:0 0 4px #e9456033}50%{box-shadow:0 0 12px #e9456066}}@keyframes lock-spin{to{transform:rotate(360deg)}}.lock-modal-spinner{width:20px;height:20px;border:2px solid rgba(233,69,96,.25);border-top-color:#e94560;border-radius:50%;animation:lock-spin .7s linear infinite;flex-shrink:0}.cl-lock-unlock-btn{font-size:10px!important;font-weight:700!important;color:#34d399a6!important;border:1px solid rgba(52,211,153,.2)!important;border-left:none!important;background:#34d3990f!important;padding:2px 7px!important;border-radius:0 4px 4px 0!important;cursor:pointer;height:28px;display:inline-flex;align-items:center;transition:background .15s;flex-shrink:0}.cl-lock-unlock-btn:hover{background:#e945601f!important;color:#e94560!important;border-color:#e945604d!important}.cl-lock-btn.lock-active{border-radius:4px 0 0 4px!important}.cl-gen-message{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:var(--z-l09);background:#0c0c12eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,220,100,.2);border-radius:10px;padding:16px 24px;max-width:340px;text-align:center;box-shadow:0 8px 32px #00000080;animation:clGenMsgIn .4s ease-out;pointer-events:none}@keyframes clGenMsgIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cl-gen-message-icon{font-size:28px;margin-bottom:8px;color:#ffd666}.cl-gen-message-text{font-size:13px;font-weight:600;color:#ffffffd9;line-height:1.6;margin-bottom:6px}.cl-gen-message-sub{font-size:10px;color:#ffffff59;line-height:1.5}.cl-gen-hl{color:#ffd666;font-weight:700}.cl-gen-hl-action{color:#f59e0b;font-weight:700}.cl-ext-hl-action{color:#34d399;font-weight:700}.demo-guide{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:var(--z-l10);display:flex;flex-direction:column;align-items:center;gap:5px;animation:demoGuideIn .4s ease-out;pointer-events:auto}.demo-guide-btn{padding:11px 26px;border-radius:10px;border:none;background:linear-gradient(135deg,#4a9eff,#3b82f6);color:#fff;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;font-family:inherit;box-shadow:0 4px 20px #4a9eff4d,0 8px 32px #0000004d;transition:all .2s ease}.demo-guide-btn:hover{box-shadow:0 6px 28px #4a9eff66,0 8px 32px #0000004d;transform:translateY(-1px)}.demo-guide-btn.final{padding:9px 22px;background:#0c0c12eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(74,158,255,.2);color:#4a9effcc;box-shadow:0 8px 32px #00000080}.demo-guide-btn.final:hover{border-color:#4a9eff59;color:#4a9eff}.demo-guide-sub{font-size:12px;color:#fff9;text-align:center;max-width:300px;line-height:1.45;background:#0c0c12d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px;border-radius:6px}.demo-guide-dots{display:flex;gap:3px}.demo-guide-dot{height:3px;border-radius:1.5px;background:#ffffff0f;transition:all .3s ease}.demo-guide-dot.done{background:#4a9eff4d;width:4px}.demo-guide-dot.current{background:#4a9eff;width:14px}.demo-guide-dot.future{width:4px}.demo-highlight{animation:demoHighlight 1.5s ease-in-out infinite!important;border-color:#f59e0b99!important}@keyframes demoHighlight{0%,to{box-shadow:0 0 4px #f59e0b33}50%{box-shadow:0 0 20px #f59e0b80,0 0 40px #f59e0b26}}@keyframes demoGuideIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cl-regen-confirm{pointer-events:auto}.cl-regen-actions{display:flex;gap:8px;margin-top:14px;justify-content:center}.cl-regen-btn{padding:6px 16px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:background .15s,border-color .15s}.cl-regen-btn-yes{background:#ffdc6426;color:#ffd666;border-color:#ffdc644d}.cl-regen-btn-yes:hover{background:#ffdc6440;border-color:#ffdc6480}.cl-regen-btn-no{background:#ffffff0d;color:#ffffff80}.cl-regen-btn-no:hover{background:#ffffff1a;color:#ffffffb3}.cl-gen-section{display:flex;flex-direction:column;overflow:hidden;border-top:1px solid rgba(255,255,255,.04);margin-top:12px;padding-top:4px;flex:1;min-height:0;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}.cl-gen-header{padding:8px 6px 6px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.cl-gen-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#777}.cl-gen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 6px;display:flex;flex-direction:column;gap:8px;min-height:0}.cl-gen-scroll::-webkit-scrollbar{width:3px}.cl-gen-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.cl-gen-card{border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.04);background:#0c0c10;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s;position:relative;flex-shrink:0}.cl-gen-card:hover{border-color:#4a9eff4d}.cl-gen-card.selected{border-color:#4a9effe6;box-shadow:0 0 10px #4a9eff26}.cl-gen-card.checked{opacity:.4}.cl-gen-card-img{width:100%;display:block;background:#0a0a0e;min-height:150px}.cl-gen-card-img[src]{min-height:0}.cl-gen-card-label{padding:3px 8px;display:flex;align-items:center;gap:5px;font-size:9px;color:#fff3}.cl-gen-card.selected .cl-gen-card-label{color:#4a9effe6;background:#4a9eff14}.cl-gen-check{position:absolute;top:6px;right:6px;z-index:var(--z-l03);width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,255,255,.15);background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;font-size:11px;line-height:1;color:transparent}.cl-gen-check.checked{border-color:#ef4444;background:#ef444433;color:#ef4444}.cl-gen-footer{flex-shrink:0;padding:6px;border-top:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px}.cl-gen-footer-row{display:flex;gap:4px}.cl-gen-footer-row .btn{flex:1}.cl-gen-delete-btn{width:100%;padding:6px 0;border-radius:4px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#ef4444;font-size:10px;font-weight:700;cursor:pointer;text-align:center}.cl-gen-delete-btn:hover{background:#ef444426}.cl-gen-save-btn,.cl-gen-export-btn{font-size:10px!important;padding:6px 0!important}#freeformShapeBtn.active{color:#ffd666;background:#ffdc641f;border-color:#ffdc6466;box-shadow:0 0 10px #ffdc6433,0 0 20px #ffdc641a;animation:clFreeformGlow 2s ease-in-out infinite}@keyframes clFreeformGlow{0%,to{box-shadow:0 0 8px #ffdc6426,0 0 16px #ffdc640d}50%{box-shadow:0 0 12px #ffdc644d,0 0 24px #ffdc641a}}.cl-gen-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff1a;font-size:14px;letter-spacing:4px;pointer-events:none}.cl-gen-cancel-btn{width:100%;padding:6px 0;border-radius:4px;border:1px solid rgba(251,191,36,.3);background:#fbbf2414;color:#fbbf24;font-size:10px;font-weight:700;cursor:pointer;text-align:center}.cl-gen-cancel-btn:hover{background:#fbbf2426}.cl-gen-add-btn{position:absolute;bottom:24px;right:6px;z-index:var(--z-l03);padding:3px 8px;border-radius:4px;border:1px solid rgba(74,222,128,.3);background:#4ade801a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#4ade80;font-size:9px;font-weight:700;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;pointer-events:none}.cl-gen-card:hover .cl-gen-add-btn,.cl-gen-card.selected .cl-gen-add-btn{opacity:1;pointer-events:auto}.cl-gen-add-btn:hover{background:#4ade8033}.cl-gen-card.promoted{border-color:#4ade8066}.cl-gen-card.promoted .cl-gen-add-btn{opacity:1;pointer-events:none;color:#4ade8080;border-color:#4ade8026;background:#4ade800d}.cl-gen-card.promoted .cl-gen-card-label:after{content:" \2713  added";color:#4ade8080;font-weight:400}:root{--accent:#4a9eff;--accent-soft:rgba(74,158,255,.1);--diff:#ff5c47;--bg:#0a0a0a;--bg2:#0d0d0f;--panel:#131315;--line:rgba(255,255,255,.09);--line-soft:rgba(255,255,255,.05);--text:#d9dbdf;--bright:#fff;--dim:#a4a7ad;--dimmer:#55565a;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--disp:"Archivo",-apple-system,sans-serif;--maxw:1120px}*{margin:0;padding:0;box-sizing:border-box}#landingOverlay{scroll-behavior:smooth}#landingOverlay{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-y:auto;overflow-x:hidden;display:block}#landingOverlay .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}#landingOverlay a{color:inherit}.disp{font-family:var(--disp);font-weight:850;font-stretch:118%;letter-spacing:-.02em;color:var(--bright);line-height:1.02}.k{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--accent)}.k--dim{color:var(--dim)}.reticle{position:relative}.reticle i{position:absolute;width:18px;height:18px;border:1.5px solid rgba(255,255,255,.5);pointer-events:none}.reticle i:nth-child(1){top:-1px;left:-1px;border-right:none;border-bottom:none}.reticle i:nth-child(2){top:-1px;right:-1px;border-left:none;border-bottom:none}.reticle i:nth-child(3){bottom:-1px;left:-1px;border-right:none;border-top:none}.reticle i:nth-child(4){bottom:-1px;right:-1px;border-left:none;border-top:none}#landingOverlay #landingOverlay nav{position:sticky;top:0;z-index:var(--z-l11);background:#0a0a0ad9;backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}#landingOverlay .nav-in{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:58px;display:flex;align-items:center}.logo{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.38em;color:var(--bright);text-decoration:none}.logo b{color:var(--accent);font-weight:500}.nav-links{margin-left:auto;display:flex;gap:26px;align-items:center}.nav-links a{text-decoration:none;font-size:.86rem;color:var(--dim);transition:color .15s}.nav-links a:hover{color:var(--bright)}.nav-cta{background:#1d4ed8;color:#fff!important;font-weight:650;padding:8px 18px;border-radius:8px}.nav-cta:hover{background:#5aaeff}@media(max-width:720px){.nav-links a:not(.nav-cta){display:none}}.hero{position:relative;padding:64px 0 30px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 46% 60% at 72% 46%,rgba(56,200,220,.07),transparent 65%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;position:relative}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}}.hero h1{font-size:clamp(2.5rem,5.6vw,4.1rem);margin:18px 0 20px}.hero h1 .steal{color:var(--accent)}.hero-sub{color:var(--dim);font-size:1.05rem;max-width:440px;margin-bottom:32px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:1rem;padding:15px 30px;border-radius:10px;box-shadow:0 8px 32px #4a9eff4d;transition:background .15s,transform .12s}.btn-primary:hover{background:#5aaeff}.btn-primary:active{transform:scale(.98)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:.92rem;color:var(--text);padding:15px 20px;border-radius:10px;border:1px solid var(--line);transition:border-color .15s,background .15s}.btn-ghost:hover{border-color:#4a9eff73;background:var(--accent-soft)}.btn-ghost .p{color:var(--accent)}.hero-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--dimmer);margin-top:20px}.specimen{position:relative;justify-self:center;width:min(400px,86vw);aspect-ratio:400/500}.spec-stage{position:absolute;inset:0}.spec-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}.fB{opacity:0;animation:swap 2.8s steps(1) infinite}@keyframes swap{0%,49.9%{opacity:0}50%,to{opacity:1}}.specimen.paused .fB,.specimen.paused .hud-fc2,.specimen.paused .hud-dot{animation-play-state:paused}.hud{position:absolute;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:#fffc;pointer-events:none}.hud-top{top:10px;left:12px;display:flex;align-items:center;gap:7px}.hud-dot{width:6px;height:6px;border-radius:50%;background:var(--diff);animation:pulse 2.8s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hud-fr{top:10px;right:12px;text-align:right;font-variant-numeric:tabular-nums}.hud-fr .fwrap{position:relative;display:inline-block}.hud-fc2{position:absolute;right:0;top:0;opacity:0;animation:swap 2.8s steps(1) infinite}.hud-bl{bottom:10px;left:12px;color:var(--dimmer)}.hud-br{bottom:10px;right:12px;color:var(--dimmer)}.spec-hint{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--dimmer);white-space:nowrap}.xh{position:absolute;font-family:var(--mono);color:var(--dimmer);font-size:14px;pointer-events:none;user-select:none}.facts{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:var(--bg2);padding:15px 0;margin-top:44px}.facts-in{display:flex;justify-content:center;gap:0;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--dim)}.facts-in span{padding:2px 26px;border-right:1px solid var(--line-soft)}.facts-in span:last-child{border-right:none}.facts-in b{color:var(--text);font-weight:500}.how{padding:110px 0 90px}.statement{font-family:var(--disp);font-weight:900;font-stretch:124%;text-transform:uppercase;letter-spacing:-.015em;line-height:.98;color:var(--bright);font-size:clamp(1.9rem,5.2vw,3.6rem);max-width:900px}.statement .mo{color:var(--accent)}.statement-sub{color:var(--dim);max-width:560px;margin-top:22px;font-size:1rem}.rail{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.rail:before{content:"";position:absolute;top:5px;left:0;right:0;height:1px;background:var(--line);background-image:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px 40px)}@media(max-width:780px){.rail{grid-template-columns:1fr;gap:36px}.rail:before{display:none}}.rail-step{padding:26px 28px 0 0;position:relative}.rail-step:before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.rail-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--accent);margin-bottom:12px}.rail-step h3{font-family:var(--disp);font-weight:750;font-stretch:110%;font-size:1.12rem;color:var(--bright);margin-bottom:8px;letter-spacing:-.01em}.rail-step p{font-size:.92rem;color:var(--dim)}.rail-step p b{color:var(--text);font-weight:600}.inst-sec{padding:0 0 110px}.inst-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.inst-head h2{font-family:var(--disp);font-weight:850;font-stretch:118%;letter-spacing:-.022em;font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--bright);line-height:1.08}.inst-head .k--dim{padding-bottom:8px}.instrument{border:1px solid var(--line);border-radius:14px;background:#0d0d0f;overflow:hidden;box-shadow:0 30px 100px #0000008c}.inst-tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);background:#0b0b0d;flex-wrap:wrap;align-items:center}.itab{font:inherit;font-size:.84rem;font-weight:650;color:var(--dim);background:none;border:1px solid transparent;border-radius:8px;padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:color .15s,background .15s,border-color .15s}.itab .g{font-size:.95em}.itab:hover{color:var(--text)}.itab.on{color:var(--bright);background:var(--accent-soft);border-color:#4a9eff59}.itab.on .g{color:var(--accent)}.inst-read{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--dimmer)}@media(max-width:640px){.inst-read{display:none}}.stage{position:relative;aspect-ratio:1200/573;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAKklEQVR4nGMUFRVnwAZ+//6NVZwJqygeMKqBGMCCK7xZWVmpY8OoBmIAAESsBlSY+dUJAAAAAElFTkSuQmCC) repeat}.pane{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s}.pane.on{opacity:1;pointer-events:auto}.pane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pane-blink .b2{opacity:0;animation:swap 2.8s steps(1) infinite}.legend{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#ffffffd9;background:#00000080;padding:6px 12px;border-radius:100px}.legend .bar{width:74px;height:6px;border-radius:3px;background:linear-gradient(to right,#0a3d16,#2fdc4e,#ffe14a,#ff7a30)}.wipe-top{clip-path:inset(0 50% 0 0);will-change:clip-path}.wipe-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 14px #000000e6;pointer-events:none;z-index:var(--z-l03)}.wipe-grab{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-l03);pointer-events:none;width:30px;height:30px;border-radius:50%;background:#0009;border:1.5px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:#fff}.wipe-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:var(--z-l04);-webkit-appearance:none;appearance:none;margin:0}.pane-mix .trio{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.pane-mix .trio>div{position:relative;overflow:hidden}.pane-mix .trio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%}.lasso{position:absolute;inset:0;z-index:var(--z-l03);pointer-events:none}.mix-note{position:absolute;bottom:12px;right:12px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#ffffffd9;background:#00000080;padding:6px 12px;border-radius:100px;z-index:var(--z-l04)}.pane-mix .mix-flow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px}.pane-mix .mix-cell{position:relative;margin:0;flex:0 1 auto;height:58%;display:flex}.pane-mix .mix-cell img{position:static;inset:auto;width:auto;height:100%;object-fit:contain;border-radius:8px;display:block}.pane-mix .mix-cell--src img{border:1px solid rgba(74,158,255,.35)}.pane-mix .mix-cell figcaption{position:absolute;left:7px;bottom:7px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:#e8eaef;background:#08080ebf;padding:3px 8px;border-radius:5px;white-space:nowrap}.pane-mix .mix-region{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pane-mix .mix-arrow{color:#4a9eff;font-size:clamp(18px,2.2vw,28px);flex:0 0 auto;padding:0 2px}@media(max-width:700px){.pane-mix .mix-flow{gap:6px;padding:8px}.pane-mix .mix-cell{height:auto;flex:1 1 0;min-width:0}.pane-mix .mix-cell img{width:100%;height:auto}.pane-mix .mix-cell figcaption{font-size:8px;padding:2px 5px;left:4px;bottom:4px;letter-spacing:.08em}.pane-mix .mix-arrow{display:none}}.inst-cap{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--line);font-size:.88rem;color:var(--dim);flex-wrap:wrap}.inst-cap b{color:var(--text);font-weight:600}.inst-cap .k--dim{align-self:center}.pane-scene{background:#0d0d0f}.scn-ghosts{position:absolute;inset:0;z-index:var(--z-l02);pointer-events:none}.scn-layer{position:absolute;left:8%;top:15%;width:22%;aspect-ratio:264/380;overflow:hidden;border-radius:6px;box-shadow:0 10px 40px #0009;z-index:var(--z-l03);animation:scnMove 3s cubic-bezier(.45,0,.55,1) infinite alternate}.scn-layer img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}@keyframes scnMove{0%{transform:translate(0) scale(1)}to{transform:translate(232%,-9%) scale(1.32)}}.scn-tl{position:absolute;left:0;right:0;bottom:0;height:30px;background:#0000008c;z-index:var(--z-l04);border-top:1px solid rgba(255,255,255,.12)}.scn-track{position:absolute;left:4%;right:4%;top:50%;height:2px;background:#ffffff2e}.scn-kf{position:absolute;top:50%;width:8px;height:8px;background:var(--accent);transform:translate(-50%,-50%) rotate(45deg)}.scn-head{position:absolute;top:4px;bottom:4px;width:2px;background:var(--diff);left:4%;animation:scnHead 3s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes scnHead{0%{left:4%}to{left:96%}}.motion{padding:100px 0 0}.pipeline{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap;margin-bottom:60px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em}.pl-step{display:flex;align-items:center;gap:9px;color:var(--text);padding:10px 20px;border:1px solid var(--line);border-radius:100px}.pl-step .g{color:var(--accent)}.pl-arrow{color:var(--dimmer);padding:0 12px}.motion h2{font-family:var(--disp);font-weight:850;font-stretch:118%;letter-spacing:-.022em;font-size:clamp(1.6rem,3.4vw,2.3rem);color:var(--bright);line-height:1.1;margin:16px 0 18px}.motion .mo-grid{display:grid;grid-template-columns:1fr .9fr;gap:56px;align-items:center}@media(max-width:840px){.motion .mo-grid{grid-template-columns:1fr;gap:36px}}.motion p{color:var(--dim);max-width:520px}.motion p em{color:var(--text);font-style:normal;font-weight:600}.spec-list{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;display:grid;gap:0;border-top:1px solid var(--line)}.spec-list span{padding:15px 4px;border-bottom:1px solid var(--line);color:var(--dim);display:flex;justify-content:space-between}.spec-list span b{color:var(--text);font-weight:500}.mixer{background:var(--bg2);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:100px 0}.mixer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}@media(max-width:840px){.mixer-grid{grid-template-columns:1fr;gap:44px}}.mixer h2{font-family:var(--disp);font-weight:850;font-stretch:118%;letter-spacing:-.022em;font-size:clamp(1.6rem,3.4vw,2.3rem);color:var(--bright);line-height:1.1;margin:16px 0 18px}.mixer p{color:var(--dim);max-width:520px}.mixer p em{color:var(--text);font-style:normal;font-weight:600}.math{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:30px 32px;font-size:.93rem;line-height:2.15;position:relative}.math .c{color:var(--dimmer)}.math .n{color:var(--accent)}.math .r{color:var(--bright);font-weight:500}.math .rule{border-top:1px dashed var(--line);margin:10px 0}.priv{padding:110px 0}.priv h2{font-family:var(--disp);font-weight:850;font-stretch:118%;letter-spacing:-.022em;font-size:clamp(1.6rem,3.4vw,2.3rem);color:var(--bright);margin:16px 0 44px;line-height:1.1}.priv-rows{border-top:1px solid var(--line)}.priv-row{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:26px 4px;border-bottom:1px solid var(--line)}@media(max-width:640px){.priv-row{grid-template-columns:1fr;gap:8px}}.priv-k{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--accent);padding-top:5px}.priv-row p{font-size:.95rem;color:var(--dim);max-width:600px}.priv-row p b{color:var(--text);font-weight:600}.faq{padding:0 0 110px}.faq h2{font-family:var(--disp);font-weight:850;font-stretch:118%;font-size:clamp(1.5rem,3vw,2rem);color:var(--bright);margin:16px 0 30px;letter-spacing:-.02em}.faq-list{max-width:760px}#landingOverlay details{border-bottom:1px solid var(--line)}#landingOverlay summary{cursor:pointer;list-style:none;padding:20px 0;font-family:var(--disp);font-weight:650;font-stretch:108%;font-size:1.02rem;color:var(--bright);display:flex;justify-content:space-between;align-items:center;gap:16px;letter-spacing:-.01em}#landingOverlay summary::-webkit-details-marker{display:none}#landingOverlay summary:after{content:"+";font-family:var(--mono);color:var(--dim);flex-shrink:0}details[open] summary:after{content:"\2212"}#landingOverlay details p{padding:0 0 22px;color:var(--dim);font-size:.94rem;max-width:640px}.final{text-align:center;padding:30px 0 110px}.final .disp{font-size:clamp(1.8rem,4vw,2.7rem);margin-bottom:12px}.final p{color:var(--dim);margin-bottom:32px}#landingOverlay footer{border-top:1px solid var(--line-soft);padding:34px 0 42px}.foot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:.82rem;color:var(--dimmer)}.foot-links{display:flex;gap:20px;flex-wrap:wrap}.foot-links a{color:var(--dim);text-decoration:none}.foot-links a:hover{color:var(--bright)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fB,.b2,.hud-fc2,.hud-dot{animation:none!important}.fB{opacity:1;-webkit-mask-image:linear-gradient(to right,transparent 50%,#000 50%);mask-image:linear-gradient(to right,transparent 50%,#000 50%)}.hud-fc2{opacity:0!important}.pane{transition:none}.scn-layer,.scn-head{animation:none}}.bp-tab-badge{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:9px;color:var(--accent, #4a9eff);background:#4a9eff24;border-radius:100px;padding:1px 5px;margin-left:5px}.vx-chrome{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);background:#0e0e10;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:10.5px}.vx-label{display:flex;align-items:center;gap:7px;letter-spacing:.12em;color:#d9dbdf}.vx-dot{width:6px;height:6px;border-radius:50%;background:#ff5c47;animation:vxPulse 2.8s ease infinite}@keyframes vxPulse{0%,to{opacity:1}50%{opacity:.3}}.vx-read{color:#a4a7ad;letter-spacing:.08em}.vx-strip{display:flex;align-items:center;min-height:34px;padding:4px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#0e0e10;font-size:.84rem;color:#a4a7ad}.vx-strip b{color:#fff;font-weight:650}.vx-n{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;color:#4a9eff}.bottom-panel{background:#0b0b0d!important;border-top:1px solid rgba(255,255,255,.09)}.bp-mode-pills{background:transparent;border:none;box-shadow:none;gap:6px;padding:0}.bp-tab{color:#a4a7ad;background:transparent;border:1px solid transparent;border-radius:8px;font-weight:650}.bp-tab:hover{color:#d9dbdf}.bp-tab.active{color:#fff;background:#4a9eff1f;border-color:#4a9eff59;box-shadow:none}.bp-tab.active:after{display:none}.bp-tab.active .bp-tab-icon{color:#4a9eff}.ssp-speed,.bp-rec{border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#131315}.ssp-speed-val{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;color:#d9dbdf}.vx-header{display:flex;align-items:center;gap:14px;height:44px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#0e0e10}.vx-brand{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.34em;color:#a4a7ad}.vx-proj{font-size:.85rem;font-weight:600;color:#d9dbdf}.vx-hbtn{font:inherit;font-size:.8rem;font-weight:600;color:#a4a7ad;background:none;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 12px;cursor:pointer}.vx-hbtn:hover{color:#fff;border-color:#4a9eff73}.vx-saved{margin-left:auto;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;color:#5c5d61}.vx-ok{color:#30e050}.container{height:calc(100vh - 44px)!important;padding:0!important;gap:0!important}.container>.panel{border-radius:0!important;border:none!important;border-right:1px solid rgba(255,255,255,.07)!important;background:#0e0e10!important;box-shadow:none!important}.container>.panel:last-child{border-right:none!important;border-left:1px solid rgba(255,255,255,.07)!important}h1,h2,h3,.section-heading{font-family:Archivo,-apple-system,sans-serif}.section-heading{font-family:IBM Plex Mono,ui-monospace,monospace!important;font-size:10.5px!important;letter-spacing:.18em!important;text-transform:uppercase;color:#a4a7ad!important}.collapse-label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}.canvas-container{background:repeating-conic-gradient(#141416 0 25%,#0f0f11 0 50%) 0 0/18px 18px!important;border-radius:0!important}.ssp-controls{border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#131315;padding:3px 6px}.ssp-btn{border-radius:7px}.ssp-btn:hover{background:#17171a}.thumbnail-grid>*{border-radius:5px!important;border:1px solid rgba(255,255,255,.09)!important}.bp-tab,.bp-tab[data-mode],#blinkBtn,#diffMapBtn,#splitWipeBtn,#sceneStackBtn,#mixBtn{color:#a4a7ad!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}.bp-tab:hover{color:#d9dbdf!important}.bp-tab.active,.bp-tab.active[data-mode]{color:#fff!important;background:#4a9eff1f!important;border-color:#4a9eff59!important}.bp-tab .bp-tab-icon{color:inherit!important}.bp-tab.active .bp-tab-icon{color:#4a9eff!important}.cl-generate-btn,.cl-extract-btn,.cl-lock-btn{color:#d9dbdf!important;background:#131315!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px!important;box-shadow:none!important}.cl-generate-btn:hover{border-color:#4a9eff!important;color:#fff!important;background:#4a9eff1f!important}.cl-extract-btn:hover,.cl-lock-btn:hover{border-color:#4a9eff73!important;color:#fff!important}.bp-tool,.bp-tool-text{color:#a4a7ad!important}.bp-tool:hover,.bp-tool-text:hover{color:#fff!important}.bp-rec{color:#a4a7ad!important}.bp-rec:hover{color:#ff5c47!important}.ssp-controls,.ssp-controls *{background-color:transparent}.ssp-controls{background:#131315!important;border:1px solid rgba(255,255,255,.09)!important}.ssp-btn{color:#a4a7ad!important;background:transparent!important;border:none!important}.ssp-btn:hover,.ssp-btn.active{color:#fff!important;background:#1b1b1f!important}input[type=range]{accent-color:#4a9eff}.ssp-strip img,.ssp-strip>div{border-radius:5px}.ssp-strip [class*=thumb]{border-color:#ffffff1f!important}.ssp-strip [class*=active],.ssp-strip [class*=current],.ssp-strip [class*=showing]{border-color:#4a9eff!important;box-shadow:none!important}.thumbnail-grid>*{border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;outline:none!important}.thumbnail-grid>*[class*=selected],.thumbnail-grid>*[class*=active]{border-color:#4a9eff!important}#blinkBtn.active,#diffMapBtn.active,#splitWipeBtn.active,#sceneStackBtn.active,#mixBtn.active{color:#fff!important;background:#4a9eff1f!important;border-color:#4a9eff59!important;box-shadow:none!important}#blinkBtn.active .bp-tab-icon,#diffMapBtn.active .bp-tab-icon,#splitWipeBtn.active .bp-tab-icon,#sceneStackBtn.active .bp-tab-icon,#mixBtn.active .bp-tab-icon{color:#4a9eff!important}.bp-modes{display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap}.vx-transport{margin-left:auto;display:flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:3px 6px;background:#131315}.vx-transport .ssp-btn,.vx-transport .ssp-nav-arrow{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;color:#a4a7ad!important}.vx-transport .ssp-btn:hover,.vx-transport .ssp-nav-arrow:hover{color:#fff!important;background:#1b1b1f!important}.vx-transport .ssp-btn.ssp-on{color:#4a9eff!important;background:#4a9eff1f!important}.vx-transport .ssp-speed{display:flex;align-items:center;gap:7px;padding:0 4px;background:transparent!important;border:none!important}.vx-transport .ssp-speed input{width:84px}.vx-transport .ssp-speed-val{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:#d9dbdf;min-width:34px;text-align:right}.vx-transport .bp-rec,.vx-transport #recordBtn{border:none!important;background:transparent!important;height:30px;border-radius:7px;padding:0 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em}.vx-tsep{width:1px;height:18px;background:#ffffff17;margin:0 4px}.vx-btoggle{display:flex;border:1px solid rgba(255,255,255,.09);border-radius:8px;overflow:hidden}.vx-tgbtn{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9.5px;letter-spacing:.08em;padding:7px 10px;color:#a4a7ad;background:none;border:none;cursor:pointer}.vx-tgbtn.on{color:#fff;background:#4a9eff1f}.vx-tgbtn .vx-g{color:#4a9eff}.bp-tab{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:.86rem!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;padding:9px 16px!important;border-radius:8px!important;display:inline-flex;align-items:center;gap:8px}.vx-strip{justify-content:flex-start}.vx-acts{margin-left:auto;display:flex;gap:8px;align-items:center}.vx-acts button{font-size:.82rem!important;font-weight:650!important;border-radius:8px!important;padding:8px 13px!important;height:auto!important}#bpExportBtn{color:#d9dbdf!important;background:#17171a!important;border:1px solid rgba(255,255,255,.09)!important;cursor:pointer}#bpExportBtn:hover{border-color:#4a9eff73!important;color:#fff!important}#generateBtn{background:#4a9eff!important;border-color:#4a9eff!important;color:#fff!important;box-shadow:0 2px 14px #4a9eff4d!important}#generateBtn:hover{background:#5aaeff!important}.vx-chrome{gap:12px}.vx-chrome-tools{display:flex;align-items:center;gap:6px;margin-left:14px}.vx-chrome-tools .bp-zoom-trigger,.vx-chrome-tools .opacity-icon{background:transparent!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:7px!important;color:#a4a7ad!important;height:22px}.vx-chrome-tools .opacity-icon:hover,.vx-chrome-tools .bp-zoom-trigger:hover{color:#fff!important}.vx-g{color:#4a9eff}.vx-empty{font-size:.76rem;color:#5c5d61;line-height:1.5;padding:2px 14px 10px}.vx-toast{position:fixed;left:50%;transform:translate(-50%) translateY(8px);bottom:118px;z-index:var(--z-l15);display:flex;align-items:center;gap:10px;background:#0e0e10f5;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px 16px;font-size:.86rem;color:#d9dbdf;box-shadow:0 10px 40px #00000080;opacity:0;transition:opacity .3s,transform .3s;max-width:560px}.vx-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.vx-toast b{color:#fff}.vx-n{font-family:IBM Plex Mono,ui-monospace,monospace;color:#4a9eff}.vx-toast-go{background:none;border:none;color:#4a9eff;font-weight:650;cursor:pointer;font-size:.86rem}.vx-toast-x{background:none;border:none;color:#a4a7ad;cursor:pointer;font-size:1rem}.bp-thumb-badge{font-family:IBM Plex Mono,ui-monospace,monospace!important;font-size:8.5px!important;letter-spacing:.1em!important;background:#000000b8!important;color:#fff!important;border-radius:100px!important;padding:2px 6px!important;inset:auto auto 4px 4px!important}.bp-thumb-badge.vx-tag-anchor{color:#4a9eff!important;border:1px solid rgba(74,158,255,.5)!important}.bp-thumb{border-radius:6px!important;border:1.5px solid rgba(255,255,255,.12)!important}.bp-thumb.selected,.bp-thumb.playing{border-color:#4a9eff!important}.vx-add-tile{width:40px;align-self:center;aspect-ratio:1;flex-shrink:0;border:1.5px dashed rgba(255,255,255,.15);border-radius:6px;background:none;color:#5c5d61;font-size:1.1rem;cursor:pointer}.vx-add-tile:hover{border-color:#4a9eff66;color:#4a9eff}#blinkBtn,#diffMapBtn,#splitWipeBtn,#sceneStackBtn,#mixBtn,#blinkBtn *,#diffMapBtn *,#splitWipeBtn *,#sceneStackBtn *,#mixBtn *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;text-transform:none!important;letter-spacing:0!important}#blinkBtn,#diffMapBtn,#splitWipeBtn,#sceneStackBtn,#mixBtn{font-size:.86rem!important;font-weight:650!important}.bp-modes{border-top:1px solid rgba(255,255,255,.07);padding-top:8px}@font-face{font-family:Archivo;src:url(fonts/archivo-var.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}.bp-tab,.fix-l .bp-tab,.fix-p .bp-tab,#blinkBtn,#diffMapBtn,#splitWipeBtn,#sceneStackBtn,#mixBtn{font-size:13.8px!important;font-weight:650!important;height:auto!important;padding:9px 16px!important;line-height:1!important;gap:8px!important}.bp-tab .bp-tab-icon{font-size:.95em!important}.bp-modes{padding:10px 12px!important}.vx-transport{padding:3px 6px!important}.vx-transport .ssp-btn,.vx-transport .ssp-nav-arrow{width:30px!important;height:30px!important;font-size:.85rem!important;padding:0!important;min-width:0!important}.vx-transport #sspLoopBtn{font-size:1.05rem!important}.vx-transport #recordBtn,.vx-transport .bp-rec{color:#a4a7ad!important}.vx-transport .bp-rec-dot{width:7px!important;height:7px!important;background:#ff5c47!important}.toast-container{bottom:132px!important}.section-heading:before{content:"\25aa";color:#4a9eff;margin-right:7px;font-size:1.05em}.section-heading .vx-g{display:none}#projectNameDisplay{display:none!important}.vx-atag{position:absolute;left:4px;bottom:4px;z-index:var(--z-l04);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px;letter-spacing:.08em;color:#4a9eff;background:#000000bf;border:1px solid rgba(74,158,255,.45);padding:1px 5px;border-radius:100px;pointer-events:none}.canvas-container{position:relative}.canvas-container.vx-mixstack:before,.canvas-container.vx-mixstack:after{content:"";position:absolute;inset:22px;z-index:var(--z-l01);pointer-events:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#101012}.canvas-container.vx-mixstack:before{transform:translate(10px,10px);opacity:.7}.canvas-container.vx-mixstack:after{transform:translate(20px,20px);opacity:.4}.canvas-container.vx-mixstack canvas{position:relative;z-index:var(--z-l02)}.vx-stack-chip{position:absolute;left:14px;bottom:12px;z-index:var(--z-l06);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;color:#ffffffd9;background:#0009;border:1px solid rgba(74,158,255,.35);padding:5px 11px;border-radius:100px;pointer-events:none;display:none}#generateBtn,#extractBtn,#lockBtn,#bpExportBtn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:.82rem!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;height:34px!important;line-height:1!important;padding:0 14px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;width:auto!important;background-image:none!important;text-shadow:none!important}#generateBtn:before,#extractBtn:before,#generateBtn:after,#extractBtn:after{display:none!important}#generateBtn{background:#4a9eff!important;border:1px solid #4a9eff!important;color:#fff!important;box-shadow:0 2px 14px #4a9eff47!important}#generateBtn:hover{background:#5aaeff!important;border-color:#5aaeff!important}#extractBtn,#lockBtn,#bpExportBtn{background:#17171a!important;border:1px solid rgba(255,255,255,.1)!important;color:#d9dbdf!important;box-shadow:none!important}#extractBtn:hover,#lockBtn:hover,#bpExportBtn:hover{border-color:#4a9eff80!important;color:#fff!important;background:#4a9eff1a!important}.vx-acts{gap:8px!important;align-items:center!important}.bp-thumb-badge,.bp-thumb .bp-thumb-badge{position:absolute!important;inset:auto auto 4px 4px!important;width:auto!important;height:auto!important;font-family:IBM Plex Mono,ui-monospace,monospace!important;font-size:8.5px!important;font-weight:500!important;letter-spacing:.1em!important;line-height:1!important;white-space:nowrap!important;color:#fff!important;background:#000000b8!important;border:1px solid transparent!important;border-radius:100px!important;padding:3px 7px!important;box-shadow:none!important;text-shadow:none!important;display:inline-flex!important;align-items:center!important;text-transform:uppercase!important}.bp-thumb-badge.vx-tag-anchor{color:#4a9eff!important;border-color:#4a9eff80!important}body[data-vx-room=scene] #lockBtn,body[data-vx-room=split] #lockBtn,body[data-vx-room=mix] #lockBtn{display:none!important}#clGeneratedSection{border-top:1px solid rgba(255,255,255,.07)}#clGeneratedSection .section-heading,#clGeneratedSection h2,#clGeneratedSection h3{font-family:IBM Plex Mono,ui-monospace,monospace!important;font-size:10.5px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#4a9eff!important}.shapes-menu{background:#131315!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;padding:4px!important}.shapes-menu .shape-option{border-radius:6px;font-size:.84rem}.shapes-menu .shape-option:hover{background:#4a9eff1f;color:#fff}body:not([data-vx-room=mix]) #freeformShapeBtn{display:none!important}body[data-vx-room=mix] #freeformShapeBtn{display:flex!important}.vx-chrome-tools .cl-shape-dropdown,.vx-chrome-tools #clShapeDropdown,.vx-chrome-tools [id*=Dropdown],.vx-chrome-tools [class*=dropdown]{top:calc(100% + 4px)!important;bottom:auto!important}#freeformShapeBtn{border:1px solid rgba(255,255,255,.09)!important;border-radius:7px!important;color:#a4a7ad!important;background:transparent!important}#freeformShapeBtn:hover,#freeformShapeBtn.active{color:#4a9eff!important;border-color:#4a9eff73!important}.vx-chrome-tools>#freeformShapeBtn~div[style*=bottom],.vx-chrome-tools div[style*="bottom: 100%"],.vx-chrome-tools div[style*="bottom:100%"]{bottom:auto!important;top:calc(100% + 6px)!important;margin-bottom:0!important;margin-top:0!important}.vx-intent{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.16em;color:#4a9eff;margin:0 0 10px}#downloadBtn{display:none!important}.panel-actions__row{gap:8px}#saveProjectBtn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:.82rem!important;font-weight:650!important;height:34px!important;border-radius:8px!important;background:#17171a!important;border:1px solid rgba(255,255,255,.1)!important;color:#d9dbdf!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}#saveProjectBtn:hover:not(:disabled){border-color:#4a9eff80!important;color:#fff!important}#saveProjectBtn .btn-text-anim,#saveProjectBtn .save-text{animation:none!important;transition:none!important}#saveProjectBtn *{animation:none!important}.help-btn,.info-btn,.feedback-btn,.import-fab{background:#131315!important;border:1px solid rgba(255,255,255,.1)!important;color:#a4a7ad!important;box-shadow:none!important;animation:none!important;border-radius:100px!important}.help-btn:hover,.info-btn:hover,.feedback-btn:hover,.import-fab:hover{color:#fff!important;border-color:#4a9eff80!important;background:#4a9eff1a!important;transform:none!important}.import-fab .import-fab-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;font-weight:600}#vxClearBtn{font-size:.82rem;font-weight:650;height:34px;padding:0 13px;border-radius:8px;background:#17171a;border:1px solid rgba(255,255,255,.1);color:#d9dbdf;cursor:pointer;display:none;align-items:center}#vxClearBtn:hover{border-color:#ff5c478c;color:#fff}.vx-hbtn-save,#saveProjectBtn.vx-hbtn-save{font-size:.8rem!important;font-weight:600!important;height:auto!important;padding:6px 12px!important;border-radius:8px!important;background:none!important;border:1px solid rgba(255,255,255,.09)!important;color:#a4a7ad!important}#saveProjectBtn.vx-hbtn-save:hover:not(:disabled){color:#fff!important;border-color:#4a9eff73!important}#saveProjectBtn.vx-hbtn-save:disabled{opacity:.45}.panel-actions__row{display:none!important}.vx-pro{color:#4a9eff!important;border-color:#4a9eff59!important}.vx-pro:hover{background:#4a9eff1f!important;color:#8fc2ff!important}.vx-ctx{position:fixed;z-index:var(--z-l20);background:#131315;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px;box-shadow:0 12px 44px #0009;min-width:170px}.vx-ctx-title{font-size:.8rem;color:#d9dbdf;margin-bottom:8px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vx-ctx button{font-size:.8rem;font-weight:650;border-radius:7px;padding:6px 11px;cursor:pointer;margin-right:6px}.vx-ctx-del{background:#ff5c4724;border:1px solid rgba(255,92,71,.5);color:#ff8a7a}.vx-ctx-del:hover{background:#ff5c4740;color:#fff}.vx-ctx-x{background:none;border:1px solid rgba(255,255,255,.12);color:#a4a7ad}.vx-ctx-x:hover{color:#fff}#projectDeleteItem.ctx-armed{color:#ff8a7a!important;font-weight:700}.pane:not(.on),.pane:not(.on) *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){#landingOverlay *,#landingOverlay *:before,#landingOverlay *:after{animation:none!important;transition:none!important}}@media(pointer:coarse){.kfr-dur-input{font-size:16px;height:26px;width:64px}}@supports (height: 100dvh){body{height:100dvh}.loading-overlay{height:100dvh}.container{min-height:calc(100dvh - var(--vx-header-h))}.container{height:calc(100dvh - var(--vx-header-h))}.shortcuts-modal{height:100dvh}}.ssp-speed-slider:focus-visible,.tl-speed-slider:focus-visible,.bp-slider:focus-visible,.kfr-dur-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:700px){.vx-header{gap:8px;padding:0 8px}.vx-brand{letter-spacing:.18em}.vx-hbtn{padding:3px 8px;font-size:11px}#projectNameDisplay,.vx-strip{display:none}.bp-modes{flex-wrap:wrap;gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.bp-mode-pills{flex-wrap:wrap;gap:4px}.bp-tab{padding:6px 10px;font-size:11px}.vx-transport{margin-left:0;flex-basis:100%;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:2px 0!important}.vx-transport *{font-size:11px}.upload-zone{height:56px}.upload-zone p span{display:none}.upload-zone svg{height:18px}.bottom-panel{position:sticky;bottom:0;z-index:var(--z-l10)}}html.vx-returning #landingOverlay{display:none!important}html:not(.vx-app-live) .container,html:not(.vx-app-live) #vxHeader{visibility:hidden}html.vx-project-loading #canvas,html.vx-project-loading #canvasAlt{visibility:hidden}html.vx-project-loading #canvasPanel{position:relative}html.vx-project-loading #canvasPanel:before{content:"";position:absolute;top:calc(50% - 34px);left:calc(50% - 17px);width:34px;height:34px;border-radius:50%;border:3px solid rgba(74,158,255,.25);border-top-color:var(--accent);animation:vx-spin .8s linear infinite;z-index:var(--z-l05)}html.vx-project-loading #canvasPanel:after{content:"Opening your project\2026";position:absolute;top:calc(50% + 14px);left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.08em;color:#a4a7ad;z-index:var(--z-l05)}@keyframes vx-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.upload-header,.mobile-only-share,#anchorCollapseBar,#anchorCollapsible,#anchorSpacer,#statesCollapseBar,#statesCollapsible{display:none!important}#mobileCanvasSlot .canvas-container{flex:none;width:100%;aspect-ratio:1 / 1;height:auto}#clGeneratedSection:not(:has(.cl-gen-card)){display:none!important}#vxInfo{display:none!important}}@media(max-width:700px)and (max-height:750px){html,body{overflow-y:auto!important;height:auto!important}.container{height:auto!important;min-height:100vh}}