@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-primary:#0b0f19;--bg-surface:#101622d9;--bg-surface-elevated:#182030f0;--bg-surface-hover:#232e44f2;--border-subtle:#ffffff1a;--border-accent:#00f0ff66;--accent-cyan:#00f0ff;--accent-cyan-glow:#00f0ff47;--accent-amber:#f59e0b;--accent-magenta:#ec4899;--accent-emerald:#10b981;--accent-red:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-title:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--blur-panel:blur(16px);--shadow-panel:0 12px 40px #000000a6;--prompt-box-bg:#0000008c;--prompt-preview-bg:#06b6d414;--prompt-preview-text:#a5f3fc;--pill-bg:#ffffff0a}:root[data-theme=light]{--bg-primary:#f1f5f9;--bg-surface:#ffffffe0;--bg-surface-elevated:#fffffff5;--bg-surface-hover:#f8fafc;--border-subtle:#0f172a1a;--border-accent:#0284c773;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c738;--accent-amber:#d97706;--accent-magenta:#db2777;--accent-emerald:#059669;--accent-red:#dc2626;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--shadow-panel:0 12px 32px #0f172a17;--prompt-box-bg:#f8fafc;--prompt-preview-bg:#0284c714;--prompt-preview-text:#0369a1;--pill-bg:#0f172a0a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:#00f0ff59 #0a0f1a73;margin:0;padding:0}:root[data-theme=light] *{scrollbar-color:#0284c766 #e2e8f099}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f1a73;border-radius:4px}:root[data-theme=light] ::-webkit-scrollbar-track{background:#e2e8f099}::-webkit-scrollbar-thumb{background:#00f0ff52;border:1px solid #00f0ff26;border-radius:4px;transition:all .2s}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#0284c766;border:1px solid #0284c733}::-webkit-scrollbar-thumb:hover{background:#00f0ffb3;border-color:#00f0ff80;box-shadow:0 0 8px #00f0ff73}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0284c7bf;border-color:#0284c799;box-shadow:0 0 6px #0284c74d}::-webkit-scrollbar-thumb:active{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow)}::-webkit-scrollbar-corner{background:0 0}body,html{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-main);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;transition:background-color .3s,color .3s;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.navbar{background:var(--bg-surface);width:100%;height:58px;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border-bottom:1px solid var(--border-subtle);z-index:50;justify-content:space-between;align-items:center;padding:0 20px;transition:background .3s,border-color .3s;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#3b82f6;width:32px;height:32px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s;display:flex}.brand-icon:hover{filter:drop-shadow(0 0 10px #3b82f699);transform:scale(1.08)}.brand-icon svg,.brand-logo-svg{width:100%;height:100%;display:block}.brand-title{font-family:var(--font-title);letter-spacing:.05em;color:var(--text-main);font-size:1.15rem;font-weight:800}.brand-title span{color:var(--accent-cyan)}.nav-tabs{background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:10px;gap:6px;padding:4px;display:flex}.nav-tab-btn{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.nav-tab-btn:hover{color:var(--text-main);background:#ffffff1a}.nav-tab-btn.active{color:#000;background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow);font-weight:600}:root[data-theme=light] .nav-tab-btn.active{color:#fff}.nav-actions{align-items:center;gap:8px;display:flex}.theme-toggle-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--accent-cyan);background:var(--bg-surface-hover);transform:rotate(15deg)}.theme-toggle-btn svg{width:17px;height:17px}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);font-family:var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 13px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{border-color:var(--accent-cyan);background:var(--bg-surface-hover)}.btn-primary{color:#000;font-family:var(--font-ui);cursor:pointer;box-shadow:0 0 16px var(--accent-cyan-glow);background:linear-gradient(135deg,#00f0ff,#0284c7);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}:root[data-theme=light] .btn-primary{color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 22px #0284c773}.workspace{flex:1;position:relative;overflow:hidden}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}.left-presets-bar{background:var(--bg-surface);width:250px;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);z-index:20;border-radius:14px;flex-direction:column;gap:14px;max-height:calc(100vh - 120px);padding:16px;transition:background .3s,border-color .3s;display:flex;position:absolute;top:20px;left:20px;overflow-y:auto}.left-presets-bar::-webkit-scrollbar{width:4px}.left-presets-bar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;display:flex}.preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.btn-preset{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;font-size:.76rem;font-weight:500;transition:all .15s;display:flex}.btn-preset span.tag{font-family:var(--font-mono);color:var(--text-dim);font-size:.65rem}.btn-preset:hover{background:var(--bg-surface-hover);border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-preset.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26;font-weight:600}:root[data-theme=light] .btn-preset.active{background:#0284c71f}.btn-preset.active span.tag{color:var(--accent-cyan)}.pose-pill-list{flex-direction:column;gap:5px;display:flex}.pose-pill{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:.75rem;transition:all .15s;display:flex}.pose-pill:hover{background:var(--bg-surface-hover);color:var(--text-main)}.pose-pill.active{border-color:var(--accent-amber);color:var(--accent-amber);background:#f59e0b26;font-weight:600}.right-inspector-panel{background:var(--bg-surface);width:390px;max-height:calc(100vh - 100px);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--border-subtle);box-shadow:var(--shadow-panel);z-index:20;border-radius:14px;flex-direction:column;gap:15px;padding:18px;transition:background .3s,border-color .3s;display:flex;position:absolute;top:20px;right:20px;overflow-y:auto}.right-inspector-panel::-webkit-scrollbar{width:4px}.right-inspector-panel::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}.telemetry-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:8px;width:100%;margin-bottom:12px;padding-bottom:10px;display:flex}.telemetry-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.hud-badge-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.badge{font-family:var(--font-mono);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#00f0ff26;border:1px solid #00f0ff4d}:root[data-theme=light] .badge-cyan{background:#0284c71f;border-color:#0284c759}.badge-amber{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-magenta{color:var(--accent-magenta);background:#ec489926;border:1px solid #ec48994d}.badge-emerald{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b98159}.badge-muted{color:var(--text-muted);background:#94a3b81f;border:1px solid #94a3b840}#btn-toggle-lighting-master{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b98166;transition:all .2s}#btn-toggle-lighting-master:hover{border-color:var(--accent-emerald);background:#10b98140}#btn-toggle-lighting-master.off{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff26}#btn-toggle-lighting-master.off:hover{color:var(--text-main);background:#ffffff1a}.control-group{flex-direction:column;gap:8px;display:flex}.control-label-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.control-val{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.8rem;font-weight:700}.btn-mini-reset{border:1px solid var(--border-subtle);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.62rem;transition:all .15s}.btn-mini-reset:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}input[type=range]{-webkit-appearance:none;background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:6px;outline:none;width:100%;height:6px;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;width:15px;height:15px;box-shadow:0 0 10px var(--accent-cyan-glow);border-radius:50%;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.lens-stops{justify-content:space-between;gap:4px;display:flex}.btn-stop{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;text-align:center;border-radius:5px;flex:1;padding:5px 0;font-size:.68rem;transition:all .15s}.btn-stop:hover,.btn-stop.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f0ff26;font-weight:600}:root[data-theme=light] .btn-stop:hover,:root[data-theme=light] .btn-stop.active{background:#0284c71f}.ai-target-selector{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.ai-target-selector::-webkit-scrollbar{height:2px}.ai-pill{text-align:center;background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;border-radius:6px;flex:1;padding:5px 6px;font-size:.68rem;transition:all .15s}.ai-pill:hover{color:var(--text-main);border-color:var(--border-accent)}.ai-pill.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f0ff26;font-weight:700}:root[data-theme=light] .ai-pill.active{color:var(--accent-cyan);background:#0284c71f}.prompt-box{background:var(--prompt-box-bg);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:background .3s;display:flex}.prompt-textarea{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:100%;height:60px;color:var(--text-main);font-family:var(--font-ui);resize:none;border-radius:7px;outline:none;padding:8px;font-size:.78rem;transition:border-color .2s}.prompt-textarea:focus{border-color:var(--accent-cyan)}.prompt-output-preview{font-family:var(--font-mono);color:var(--prompt-preview-text);background:var(--prompt-preview-bg);border-left:3px solid var(--accent-cyan);word-break:break-word;scrollbar-width:thin;scrollbar-color:#00f0ff73 #060a12b3;border-radius:6px;max-height:140px;padding:8px 10px;font-size:.7rem;line-height:1.45;overflow-y:auto}.prompt-output-preview::-webkit-scrollbar{width:5px;height:5px}.prompt-textarea::-webkit-scrollbar{width:5px;height:5px}.prompt-output-preview::-webkit-scrollbar-track{background:#060a12b3;border-radius:4px;margin:2px 0}.prompt-textarea::-webkit-scrollbar-track{background:#060a12b3;border-radius:4px;margin:2px 0}.prompt-output-preview::-webkit-scrollbar-thumb{background:#00f0ff66;border:1px solid #00f0ff40;border-radius:4px;transition:all .2s}.prompt-textarea::-webkit-scrollbar-thumb{background:#00f0ff66;border:1px solid #00f0ff40;border-radius:4px;transition:all .2s}.prompt-output-preview::-webkit-scrollbar-thumb:hover{background:#00f0ffd9;box-shadow:0 0 8px #00f0ff99}.prompt-textarea::-webkit-scrollbar-thumb:hover{background:#00f0ffd9;box-shadow:0 0 8px #00f0ff99}.aspect-ratio-selector,.track-selector{background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:3px;padding:2px 3px;transition:background-color .2s,border-color .2s;display:inline-flex}:root[data-theme=light] .aspect-ratio-selector,:root[data-theme=light] .track-selector{background:#0f172a0d;border-color:#0f172a1f}.aspect-btn{color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:3px 6px;font-size:.68rem;transition:all .15s;display:inline-flex}.aspect-btn:hover{color:var(--text-main);background:#ffffff0f}:root[data-theme=light] .aspect-btn{color:var(--text-muted)}:root[data-theme=light] .aspect-btn:hover{color:var(--text-main);background:#0f172a0f}.aspect-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f0ff2e;font-weight:700;box-shadow:0 0 8px #00f0ff40}:root[data-theme=light] .aspect-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#fff;font-weight:700;box-shadow:0 1px 4px #0f172a1f}.lens-stops.aspect-ratio-selector{width:100%;display:flex}.lens-stops.aspect-ratio-selector .aspect-btn{text-align:center;flex:1;padding:5px 2px}#btn-toggle-loop,#btn-toggle-locked-camera{background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:6px}:root[data-theme=light] #btn-toggle-loop,:root[data-theme=light] #btn-toggle-locked-camera{background:#0f172a0d;border-color:#0f172a1f}#btn-toggle-loop.active,#btn-toggle-locked-camera.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f0ff2e}:root[data-theme=light] #btn-toggle-loop.active,:root[data-theme=light] #btn-toggle-locked-camera.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#fff;box-shadow:0 1px 4px #0f172a1f}#preview-modal .modal-card{background:var(--bg-surface-elevated);-webkit-backdrop-filter:var(--blur-modal);backdrop-filter:var(--blur-modal);border:1px solid var(--border-accent);box-shadow:0 16px 50px #000000e6}#preview-display-container{background:radial-gradient(circle,#0a0f1d 0%,#030508 100%)}#preview-display-container img,#preview-display-container video{box-shadow:0 8px 30px #000c}.rule-of-thirds{pointer-events:none;border:1px solid #ffffff26;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.rot-cell{border:.5px dashed #ffffff1f}.rot-crosshair{border-top:1px solid #00f0ffb3;border-left:1px solid #00f0ffb3;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s;display:none;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;pointer-events:auto;display:flex!important}.modal-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:16px;width:860px;max-width:92vw;max-height:88vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 25px 60px #000c}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.modal-title{font-family:var(--font-title);color:var(--text-main);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.btn-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.3rem}.btn-close:hover{color:var(--text-main)}.passes-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pass-card{border:1px solid var(--border-subtle);background:#0006;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.pass-img-preview{object-fit:contain;background:#000;width:100%;height:170px}.pass-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface-elevated);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pass-title{font-family:var(--font-mono);color:var(--text-main);font-size:.72rem;font-weight:600}.hub-tab-bar{background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:10px;gap:6px;padding:4px;display:flex}.hub-tab-btn{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.hub-tab-btn:hover{color:var(--text-main);background:#ffffff14}.hub-tab-btn.active{background:var(--accent-cyan);color:#000;box-shadow:0 0 12px var(--accent-cyan-glow)}:root[data-theme=light] .hub-tab-btn.active{color:#fff}.hub-panel{flex-direction:column;gap:16px;display:none}.hub-panel.active{display:flex}.split-comparison-container{border:1px solid var(--border-subtle);background:#000;border-radius:12px;width:100%;height:320px;position:relative;overflow:hidden}.split-layer{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.split-layer img{object-fit:cover;width:100%;height:100%;display:block}.split-layer-before{z-index:1}.split-layer-after{z-index:2;clip-path:inset(0 0 0 50%);pointer-events:none;width:100%}.split-handle{background:var(--accent-cyan);z-index:10;cursor:ew-resize;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.split-handle-circle{background:var(--bg-surface-elevated);border:2px solid var(--accent-cyan);width:32px;height:32px;color:var(--accent-cyan);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #000c}.split-tag{font-family:var(--font-mono);z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#000000a6;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:700;position:absolute;top:12px}.split-tag-before{left:12px}.split-tag-after{border-color:var(--accent-cyan);color:var(--accent-cyan);right:12px}.intelligence-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.intelligence-card{background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.intelligence-card:hover{border-color:var(--accent-cyan)}.intelligence-card-header{justify-content:space-between;align-items:center;display:flex}.intelligence-model-name{font-family:var(--font-title);color:var(--text-main);font-size:.95rem;font-weight:700}.intelligence-rules-list{flex-direction:column;gap:4px;list-style:none;display:flex}.intelligence-rules-list li{color:var(--text-muted);align-items:flex-start;gap:6px;font-size:.72rem;line-height:1.35;display:flex}.intelligence-rules-list li:before{content:"•";color:var(--accent-cyan);font-weight:700}.sync-status-box{background:#10b98114;border:1px solid #10b9814d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.gen-progress-bar{background:var(--pill-bg);border:1px solid var(--border-subtle);border-radius:4px;width:100%;height:8px;margin-top:6px;overflow:hidden}.gen-progress-fill{background:linear-gradient(90deg,#00f0ff,#3b82f6);width:0%;height:100%;transition:width .3s}.toast{background:var(--accent-cyan);color:#000;font-family:var(--font-ui);box-shadow:0 4px 20px var(--accent-cyan-glow);opacity:0;z-index:200;pointer-events:none;border-radius:8px;padding:10px 18px;font-size:.82rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;right:24px;transform:translateY(100px)}:root[data-theme=light] .toast{color:#fff}.toast.show{opacity:1;transform:translateY(0)}body:not(.right-panel-collapsed) .toast{right:384px}@media (width<=900px){body:not(.right-panel-collapsed) .toast{text-align:center;left:24px;right:24px}}.interaction-hint{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;z-index:10;box-shadow:var(--shadow-panel);border-radius:20px;gap:14px;padding:6px 16px;font-size:.7rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.interaction-hint span{color:var(--accent-cyan);font-weight:600}.interaction-hint.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}.video-timeline-bar{background:var(--bg-surface-elevated);width:min(760px,100vw - 40px);max-width:calc(100vw - 40px);-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border:1px solid var(--border-accent);z-index:45;opacity:0;pointer-events:none;border-radius:14px;flex-direction:column;gap:8px;padding:10px 16px;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s,left .25s,width .25s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 12px 40px #000000d9}.video-timeline-bar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}body.video-mode-active .left-presets-bar,body.video-mode-active .right-inspector-panel{max-height:calc(100vh - 280px)}body.video-mode-active:not(.right-panel-collapsed) .video-timeline-bar{width:min(760px,100vw - 440px);max-width:calc(100vw - 440px);left:calc(50vw - 70px)}body.video-mode-active.left-panel-collapsed:not(.right-panel-collapsed) .video-timeline-bar{width:min(780px,100vw - 440px);max-width:calc(100vw - 440px);left:calc(50vw - 190px)}@media (width<=1200px){body.video-mode-active:not(.right-panel-collapsed) .video-timeline-bar{width:min(740px,100vw - 32px);max-width:calc(100vw - 32px);left:50%}}.timeline-main-row{flex-wrap:nowrap;align-items:center;gap:8px;display:flex;overflow-x:visible}.btn-play-pause{background:var(--accent-cyan);color:#000;cursor:pointer;width:38px;min-width:38px;height:38px;min-height:38px;box-shadow:0 0 12px var(--accent-cyan-glow);z-index:2;pointer-events:auto;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative}.btn-play-pause:hover{transform:scale(1.08)}.timeline-time-display{font-family:var(--font-mono);color:var(--text-main);white-space:nowrap;flex-shrink:0;font-size:.78rem}.timeline-time-display span.dim{color:var(--text-dim)}.scrubber-wrap{flex:140px;align-items:center;min-width:140px;margin:0 4px;display:flex;position:relative}.timeline-scrubber{appearance:none;background:var(--pill-bg);border:1px solid var(--border-subtle);cursor:pointer;z-index:3;pointer-events:auto;border-radius:5px;outline:none;width:100%;height:10px;position:relative}.timeline-scrubber::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:grab;width:18px;height:18px;box-shadow:0 0 14px var(--accent-cyan-glow);z-index:5;border:2px solid #fff;border-radius:50%;transition:transform .1s;position:relative}.timeline-scrubber::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.25)}.kf-marker-point{pointer-events:none;border-radius:2px;width:3px;height:16px;position:absolute;top:-4px}.kf-marker-a{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan);left:0%}.kf-marker-m{z-index:2;background:#10b981;border-radius:2px;width:4px;height:18px;top:-5px;box-shadow:0 0 10px #10b981}.kf-marker-b{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber);left:100%}.timeline-sub-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.timeline-kf-group{align-items:center;gap:6px;display:flex}.btn-kf{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-main);font-family:var(--font-mono);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;transition:all .15s;display:flex}.btn-kf-a{color:var(--accent-cyan);border-color:#00f0ff66}.btn-kf-a:hover{background:#00f0ff26}.btn-kf-b{color:var(--accent-amber);border-color:#f59e0b66}.btn-kf-b:hover{background:#f59e0b26}.badge-motion-type{font-family:var(--font-mono);color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:600;display:flex}#slider-kelvin,#slider-fill-kelvin{border-radius:3px;height:6px;background:linear-gradient(90deg,#ff8a12 0%,#ffb353 30%,#fff4e5 55%,#cde3ff 80%,#7db2ff 100%)!important}.gel-chip{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:all .15s;box-shadow:0 1px 3px #0006}.gel-chip:hover{transform:scale(1.15)}.gel-chip.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px}.viewport-hud-tooltip{pointer-events:none;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent-cyan);color:var(--text-main);font-family:var(--font-mono);white-space:nowrap;background:#0b0f19e0;border-radius:6px;padding:4px 10px;font-size:.7rem;transition:opacity .1s;position:absolute;transform:translate(-50%,-130%);box-shadow:0 4px 16px #00000080,0 0 10px #00f0ff33}:root[data-theme=light] .viewport-hud-tooltip{color:#0f172a;background:#fffffff0;border-color:#0284c7;box-shadow:0 4px 14px #00000026}.onboarding-mode-card{cursor:pointer;border-radius:12px;flex-direction:column;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;background:var(--pill-bg)!important;border:1.5px solid var(--border-subtle)!important}.onboarding-mode-card:hover{transform:translateY(-2px);background:#ffffff0f!important;border-color:#00f0ff66!important}.onboarding-mode-card.active{border:2px solid var(--accent-cyan)!important;background:#00f0ff17!important;box-shadow:0 0 18px #00f0ff47!important}.onboarding-mode-card:not(.active){border:1.5px solid var(--border-subtle)!important;background:var(--pill-bg)!important;box-shadow:none!important}.onboarding-mode-card .mode-card-radio{border:1.5px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:inline-flex}.onboarding-mode-card.active .mode-card-radio{box-shadow:0 0 8px #00f0ff80;border-color:var(--accent-cyan)!important;background:var(--accent-cyan)!important}.onboarding-mode-card.active .mode-card-radio:after{content:"";background:#020c16;border-radius:50%;width:6px;height:6px}.lang-opt-btn:hover{color:var(--accent-cyan)!important;background:#ffffff14!important}body.mode-fast-creator .pro-only-feature,body.mode-fast-creator #video-timeline-bar,body.mode-fast-creator .video-timeline-bar{display:none!important}.mode-toggle-btn{cursor:pointer;transition:all var(--transition-fast);color:var(--accent-cyan)!important;background:#00f0ff14!important;border-color:#00f0ff66!important}.mode-toggle-btn:hover{box-shadow:0 0 10px #00f0ff40;border-color:var(--accent-cyan)!important;background:#00f0ff2e!important}body.mode-fast-creator .mode-toggle-btn{color:var(--accent-amber)!important;background:#f59e0b1a!important;border-color:#f59e0b73!important}body.mode-fast-creator .mode-toggle-btn:hover{box-shadow:0 0 10px #f59e0b40;border-color:var(--accent-amber)!important;background:#f59e0b33!important}.pro-welcome-choice-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}#choice-gpu-local:hover{border-color:var(--accent-cyan)!important;background:#00f0ff14!important}#choice-cloud-api:hover{border-color:var(--accent-amber)!important;background:#f59e0b14!important}#choice-pure-staging:hover{border-color:var(--text-dim)!important;background:#ffffff14!important}.btn-proxy-type{background:var(--pill-bg);border:1px solid var(--border-subtle);color:var(--text-dim);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:.68rem;transition:all .15s}.btn-proxy-type:hover{color:var(--text-main);border-color:var(--border-accent)}.btn-proxy-type.active{font-weight:700;box-shadow:0 0 10px #00f0ff40;border-color:var(--accent-cyan)!important;color:var(--accent-cyan)!important;background:#00f0ff33!important}.left-presets-bar{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s,width .25s}.left-presets-bar.collapsed{opacity:0;pointer-events:none;transform:translate(-115%)}.right-inspector-panel{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s,width .25s}.right-inspector-panel.collapsed{opacity:0;pointer-events:none;transform:translate(115%)}.btn-panel-minimize{border:1px solid var(--border-subtle);color:var(--text-dim);cursor:pointer;font-size:.72rem;font-family:var(--font-mono);background:#ffffff0d;border-radius:6px;padding:2px 7px;transition:all .15s}.btn-panel-minimize:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff26}.panel-floating-tab{z-index:18;background:var(--bg-surface-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-accent);color:var(--accent-cyan);font-family:var(--font-ui);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.72rem;font-weight:600;transition:all .15s;display:flex;position:absolute;top:18px;box-shadow:0 4px 16px #00000073}.panel-floating-tab:hover{background:var(--bg-surface-hover);box-shadow:0 0 12px var(--accent-cyan-glow);transform:translateY(-1px)}.panel-floating-tab.left-tab{left:18px}.panel-floating-tab.right-tab{right:18px}@media (width<=880px){.panel-floating-tab{display:flex}.hide-on-narrow{display:none!important}.navbar{gap:6px;padding:0 10px}.brand-title{font-size:.95rem}.brand-icon{width:28px;height:28px}.nav-tabs{padding:2px}.nav-tab-btn{padding:4px 8px;font-size:.72rem}.left-presets-bar{z-index:30;width:min(280px,100vw - 32px);max-height:calc(100vh - 80px);top:10px;left:10px;box-shadow:0 12px 40px #000000d9}.right-inspector-panel{z-index:30;width:min(340px,100vw - 32px);max-height:calc(100vh - 80px);top:10px;right:10px;box-shadow:0 12px 40px #000000d9}}.pose-editor-modal-card{flex-direction:column;display:flex;width:1120px!important;max-width:96vw!important;max-height:92vh!important;padding:20px 24px!important;overflow:hidden!important}.pose-editor-layout{grid-template-columns:460px 1fr;align-items:stretch;gap:16px;min-height:520px;max-height:calc(92vh - 140px);display:grid;overflow:hidden}.pose-editor-viewport-column{flex-direction:column;height:100%;min-height:480px;display:flex}.pose-preview-container{background:radial-gradient(circle at 50% 30%,#162032 0%,#070a10 100%);border:1px solid #00f0ff40;border-radius:12px;width:100%;height:100%;min-height:480px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #000c,0 10px 30px #00000080}#pose-preview-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#pose-preview-canvas:active{cursor:grabbing}.pose-preview-top-bar{pointer-events:none;z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:10px;right:10px}.pose-live-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-cyan);letter-spacing:.06em;background:#080c16e0;border:1px solid #00f0ff59;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.66rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0006}.pose-live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-live;box-shadow:0 0 8px #10b981}@keyframes pulse-live{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #10b981}to{opacity:.7;transform:scale(.9)}}.pose-display-modes{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#080c16e0;border-radius:8px;gap:4px;padding:3px;display:flex}.btn-preview-mode{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:.66rem;font-weight:500;transition:all .15s}.btn-preview-mode:hover{color:var(--text-main);background:#ffffff0d}.btn-preview-mode.active{color:var(--accent-cyan);background:#00f0ff38;border:1px solid #00f0ff66;font-weight:700}.pose-joint-indicator{pointer-events:none;color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;z-index:9;background:#080c16bf;border:1px solid #ffffff14;border-radius:6px;padding:5px 10px;font-size:.68rem;transition:all .2s;position:absolute;top:48px;left:10px;right:10px}.pose-preview-bottom-bar{pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:8px;right:8px}.pose-cam-shortcuts{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#080c16e6;border-radius:8px;justify-content:center;align-self:center;gap:4px;padding:4px 6px;display:flex;box-shadow:0 4px 15px #00000080}.btn-preview-cam{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px 8px;font-size:.66rem;transition:all .15s}.btn-preview-cam:hover{color:var(--text-main);background:#ffffff0f}.btn-preview-cam.active{color:#fff;background:#00f0ff33;border-color:#00f0ff66;font-weight:600}.pose-preview-hint{text-align:center;color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c16bf;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:.62rem;display:inline-block}.pose-editor-controls-column{flex-direction:column;gap:8px;height:100%;padding-bottom:12px;padding-right:6px;display:flex;overflow-y:auto}.pose-editor-controls-column::-webkit-scrollbar{width:5px}.pose-editor-controls-column::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:4px}.pose-editor-section-card{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.pose-editor-section-title{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);margin-bottom:2px;padding-bottom:4px;font-size:.74rem;font-weight:700}@media (width<=960px){.pose-editor-layout{grid-template-columns:1fr;max-height:calc(90vh - 120px);overflow-y:auto}.pose-editor-viewport-column{height:340px;min-height:320px}.pose-preview-container{min-height:320px}.pose-editor-controls-column{overflow-y:visible}}