*{box-sizing:border-box}html,body{color:#f1eef7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(#09090d 0%,#11111a 48%,#0a0a0e 100%);width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}[hidden]{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7ae4ff2e;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#7ae4ff59}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#7ae4ff2e transparent}select{color:#f1eef7;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cfc8d8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 12px center/12px 12px no-repeat,linear-gradient(#ffffff0d 0%,#0e0e13eb 100%);border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:36px;padding:7px 32px 7px 12px;font-family:inherit;font-size:12px;transition:border-color .14s,box-shadow .14s}select:hover{border-color:#7ae4ff47}select:focus{border-color:#7ae4ff8c;box-shadow:0 0 0 2px #7ae4ff1f}select option{color:#f1eef7;background:#13131a;font-size:12px}select:disabled{opacity:.42;cursor:not-allowed}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=url],textarea{color:#f1eef7;background:linear-gradient(#ffffff0a 0%,#0e0e13eb 100%);border:1px solid #ffffff1a;border-radius:12px;outline:none;min-height:36px;padding:7px 12px;font-family:inherit;font-size:12px;transition:border-color .14s,box-shadow .14s}input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,input[type=password]:hover,input[type=search]:hover,input[type=url]:hover,textarea:hover{border-color:#7ae4ff38}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=url]:focus,textarea:focus{border-color:#7ae4ff8c;box-shadow:0 0 0 2px #7ae4ff1f}input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:#f1eef759}input[type=file]{color:#f1eef7;cursor:pointer;background:linear-gradient(#ffffff0a 0%,#0e0e13eb 100%);border:1px solid #ffffff1a;border-radius:12px;min-height:36px;padding:6px 10px;font-family:inherit;font-size:12px}input[type=file]::file-selector-button{color:#cfc8d8;cursor:pointer;background:linear-gradient(#ffffff0f 0%,#0e0e13eb 100%);border:1px solid #ffffff1a;border-radius:10px;min-height:28px;margin-right:10px;padding:0 12px;font-family:inherit;font-size:11px;transition:border-color .14s,background .14s}input[type=file]::file-selector-button:hover{background:linear-gradient(#7ae4ff14 0%,#0e0e13eb 100%);border-color:#7ae4ff47}#previewHud[hidden],#overlayCanvas[hidden],#secondarySidebar[hidden]{display:none!important}button{border-radius:10px;transition:transform .14s,border-color .14s,background-color .14s,box-shadow .14s,color .14s,opacity .14s}button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}button:focus-visible{outline:none;box-shadow:0 0 0 2px #ad72ff3d}button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.55)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.65)}#app{grid-template-columns:344px minmax(0,1fr) 304px;width:100vw;height:100vh;transition:grid-template-columns .22s;display:grid;position:relative}.sidebar,.secondary-sidebar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#13141bf5 0%,#0d0e13fa 100%);grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;grid-auto-flow:dense;align-content:start;align-items:start;gap:4px;padding:10px 8px;display:grid;overflow-y:auto}.sidebar{grid-column:1;grid-template-columns:minmax(0,1fr);padding-inline:10px}.secondary-sidebar{grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{border-right:1px solid #ffffff14;box-shadow:12px 0 38px #00000052}.secondary-sidebar{border-left:1px solid #ffffff14;padding-inline:8px;position:relative;box-shadow:-12px 0 38px #00000052}.sidebar>.brand,.sidebar>.panel,.secondary-sidebar>.panel{background:linear-gradient(#18181eeb 0%,#0e0f14fa 100%);border:1px solid #ffffff12;border-radius:16px;grid-column:1/-1;align-self:start;min-width:0;padding:10px;box-shadow:inset 0 1px #ffffff0a,0 14px 32px #0000003d}#previewPanel{grid-column:1/-1;min-width:0}#app.preview-mode{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}#app.preview-mode .sidebar,#app.preview-mode .secondary-sidebar{opacity:0;pointer-events:none;display:none;transform:translate(-8px)}#app.preview-mode.export-framing-active{background:#050508;place-items:center}#app.preview-mode.export-framing-active .viewport{width:min(100vw, calc(100vh * var(--flowra-export-aspect,1.77778)));height:min(100vh, calc(100vw / var(--flowra-export-aspect,1.77778)));min-height:0}#app.preview-mode .empty-state{display:none}#app.preset-sidebar-collapsed{grid-template-columns:344px minmax(0,1fr) 0}#app.primary-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) 304px}#app.primary-sidebar-collapsed.preset-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr) 0}.brand{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.brand-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-width:0;display:grid}section.panel{min-width:0;scroll-margin-top:100px}.brand-mark{color:#f029ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#9a38ff33 0%,#101014eb 100%);border:1px solid #d53bff73;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000042}.brand-actions .project-action-button{border-radius:10px;width:100%;min-height:27px;padding:0;font-size:16px;line-height:1}.brand-actions .project-action-button.primary{min-height:27px}.topbar-export-button{color:#d7fbff;background:linear-gradient(#419cff2e 0%,#121218eb 100%);border-color:#7ae4ff6b}.import-button,.wide-button{color:#f4c9ff;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#7556ff29 0%,#121218eb 100%);border:1px solid #de49ff80;width:100%;min-height:36px;box-shadow:inset 0 1px #ffffff14,0 10px 28px #00000047}.project-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-action-button,.autosave-recovery-button{color:#f4c9ff;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#7556ff24 0%,#121218eb 100%);border:1px solid #de49ff6b;min-height:38px;box-shadow:inset 0 1px #ffffff14,0 10px 28px #00000047}.project-action-button.primary,.autosave-recovery-button.primary{background:linear-gradient(#419cff2e 0%,#121218eb 100%);border-color:#7ae4ff80}.project-action-button:disabled{opacity:.44}.autosave-recovery-banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#57e7ff1a 0%,#111017f0 100%);border:1px solid #9d72ff59;gap:12px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0000003d}.project-reset-banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffc46c1f 0%,#111017f0 100%);border:1px solid #ffc46c4d;gap:10px;margin:10px 0 0;padding:12px 14px;display:grid;box-shadow:inset 0 1px #ffffff14,0 14px 32px #00000038}.renderer-degrade-banner{background:linear-gradient(#ff91b51f 0%,#111017f5 100%);border-color:#ff91b557}.project-reset-copy{gap:4px;display:grid}.project-reset-copy strong{color:#fff;font-size:12px}.project-reset-copy span{color:#d6cfbf;font-size:11px;line-height:1.45}.project-reset-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.renderer-degrade-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.autosave-recovery-copy{gap:4px;display:grid}.autosave-recovery-copy strong{color:#fff;font-size:13px}.autosave-recovery-copy span{color:#a59bbc;font-size:11px;line-height:1.4}.autosave-recovery-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.empty-state-status{color:#fff4da;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffc46c14;border:1px solid #ffc46c52;gap:6px;padding:12px 14px;font-size:13px;line-height:1.45;display:grid;box-shadow:inset 0 1px #ffffff14,0 14px 28px #0000002e}.import-button{place-items:center;display:grid}.import-button input{display:none}.import-button:hover{color:#fff6ff;border-color:#bf87ffb8;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #bf87ff1f,0 12px 26px #5f2a9147}.panel{border-top:1px solid #ffffff14;align-content:start;gap:10px;padding-top:16px;display:grid}.panel.compact{gap:5px}.panel h2{color:#fff;letter-spacing:0;font-size:12px}.panel-header{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.panel-header h2{margin:0}.panel-header p{color:#8f879f;margin:4px 0 0;font-size:11px;line-height:1.45}.panel-header span{color:#cfc8d8;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff14;padding:5px 7px;font-size:9px;box-shadow:inset 0 1px #ffffff0d}.flow-panel-header,.project-panel-header{align-items:center}.flow-panel-header{justify-content:space-between}.preview-panel-header{grid-column:1/-1;align-items:center}.mask-panel-header{align-items:center}.mask-layer-add-button{white-space:nowrap;width:auto;min-height:30px;padding-inline:10px}.mask-layer-rail{gap:3px;display:grid}.mask-layer-row{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff0a 0%,#101015eb 100%);border:1px solid #ffffff14;border-radius:14px;gap:3px;padding:5px;display:grid;box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000029}.mask-layer-row.active{border-color:#bf87ff80;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #bf87ff1a,0 16px 34px #5f2a9138}.mask-layer-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:8px;padding:0;display:flex}.mask-layer-select-head{gap:3px;min-width:0;display:grid}.mask-layer-select-head strong{color:#fff;font-size:11px;font-weight:700}.mask-layer-kind{color:#8f879f;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.mask-layer-status{color:#cfc8d8;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-self:center;padding:3px 7px;font-size:9px}.mask-layer-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:3px;display:grid}.mask-layer-field{color:#8f879f;letter-spacing:.06em;text-transform:uppercase;gap:3px;min-width:0;font-size:9px;display:grid}.mask-layer-field input[type=text],.mask-layer-field select{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;min-height:30px;padding-inline:9px}.mask-layer-field input[type=range]{width:100%}.mask-layer-name-field{grid-column:1/-1}.mask-layer-icon-button{color:#e9e3f2;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:none;min-height:30px;padding:0 10px}.mask-layer-icon-button.muted{opacity:.7}.mask-layer-icon-button.danger{color:#ffb7d0;border-color:#ff91b547}.mask-layer-lock{color:#d7fff0;letter-spacing:.08em;text-transform:uppercase;background:#76e4b514;border:1px solid #76e4b538;border-radius:999px;align-items:center;min-height:30px;padding:0 9px;font-size:9px;display:inline-flex}.project-panel-header{justify-content:space-between}.project-status-chip{text-align:center;color:#f5edff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#804aff1a;border:1px solid #bf87ff52;place-items:center;width:fit-content;min-width:0;padding:5px 8px;font-size:9px;display:inline-grid;box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000002e}.project-status-chip[data-tone=success]{color:#eafff5;background:#76e4b51f;border-color:#76e4b56b}.project-status-chip[data-tone=warning]{color:#fff4da;background:#ffc46c1f;border-color:#ffc46c6b}.project-status-chip[data-tone=danger]{color:#ffe4ef;background:#ff91b51f;border-color:#ff91b56b}.project-status-chip.flash{animation:.98s project-status-flash}.project-save-confidence{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0a 0%,#0e0f14e6 100%);border:1px solid #bf87ff38;border-radius:14px;gap:4px;margin-top:8px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 12px 28px #0000002e}.project-save-confidence[data-tone=success]{border-color:#76e4b53d}.project-save-confidence[data-tone=warning]{border-color:#ffc46c3d}.project-save-confidence-summary{letter-spacing:.08em;text-transform:uppercase;color:#f5edff;font-size:11px}.project-save-confidence-detail{color:#e2e4f0cc;font-size:12px;line-height:1.45}.render-mode-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;gap:8px;margin:10px 0 0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #00000024}.render-mode-panel.compact{margin-top:8px}.render-mode-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.render-mode-label,.render-mode-effective{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.render-mode-label{color:#9c93b0}.render-mode-effective{color:#eef5ff}.render-mode-segment{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.render-mode-button{color:#ddd8e6;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;min-height:38px;padding:6px 8px;font-size:10px;font-weight:700;transition:border-color .14s,background .14s,color .14s,box-shadow .14s}.render-mode-button:hover{color:#fff;background:#7ae4ff12;border-color:#7ae4ff47}.render-mode-button.active{color:#fff;background:linear-gradient(#7ae4ff29 0%,#7ae4ff0f 100%);border-color:#7ae4ff9e;box-shadow:inset 0 0 0 1px #7ae4ff1f}.render-mode-button.requested{color:#fff1cf;background:linear-gradient(#ffc46c24 0%,#ffc46c0d 100%);border-color:#ffc46c70;box-shadow:inset 0 0 0 1px #ffc46c14}.render-mode-note{color:#a7a1b3;margin:0;font-size:11px;line-height:1.45}.render-mode-retry{color:#fff1cf;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#ffc46c14;border:1px solid #ffc46c3d;border-radius:10px;min-height:34px;font-size:10px;font-weight:700}@keyframes project-status-flash{0%{transform:translateY(0)scale(1);box-shadow:inset 0 1px #ffffff1a,0 0 #bf87ff00}28%{transform:translateY(-1px)scale(1.02);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #bf87ff33,0 0 22px #bf87ff38}to{transform:translateY(0)scale(1);box-shadow:inset 0 1px #ffffff14,0 10px 24px #0000002e}}@keyframes motion-playhead-scan{0%{left:0%}to{left:calc(100% - 2px)}}.smart-import-panel{gap:12px}.smart-import-drop-zone{color:#cfc8d8;text-align:center;cursor:pointer;background:linear-gradient(#ffffff0d 0%,#101014f0 100%);border:1px dashed #ffffff2e;border-radius:22px;align-content:center;justify-items:center;gap:6px;min-height:148px;padding:18px 20px;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s;display:grid}.smart-import-drop-zone strong{color:#fff;letter-spacing:.02em;font-size:17px}.smart-import-drop-zone span{color:#9e95af;font-size:13px;line-height:1.45}.smart-import-drop-zone.drag-active{background:linear-gradient(#57e7ff1f 0%,#101014fa 100%);border-color:#57e7ffe6;box-shadow:inset 0 0 0 1px #57e7ff24}.smart-import-drop-zone:hover,.smart-import-drop-zone.focus-visible{border-color:#bf87ff6b;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #bf87ff1f,0 18px 34px #120a1c47}.empty-state .import-button,.empty-state .wide-button{min-height:44px;font-size:13px}.smart-import-hint{color:#8f879f;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.smart-import-suggestion{background:#ffffff08;border:1px solid #ffffff14;gap:8px;padding:10px 12px;display:grid}.smart-import-suggestion.empty,.smart-import-suggestion:empty{display:none}.smart-import-suggestion:has(>.smart-import-suggestion.empty){display:none}.smart-import-suggestion-title{color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.smart-import-suggestion-detail{color:#cfc8d8;font-size:11px;line-height:1.45}.smart-import-suggestion-list{flex-wrap:wrap;gap:6px;display:flex}.smart-import-reference-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.smart-import-reference-control,.smart-import-reference-toggle{color:#cfc8d8;letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:10px;display:grid}.smart-import-reference-control select{color:#fff;background:#090a0edb;border:1px solid #ffffff14;min-height:28px;padding:0 8px}.smart-import-reference-toggle{grid-auto-flow:column;place-content:end start;align-items:center}.smart-import-reference-toggle input{margin:0}.smart-import-suggestion-chip{border:1px solid rgba(var(--motion-rgb,255, 255, 255), .18);background:rgba(var(--motion-rgb,255, 255, 255), .08);color:#fff;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;font-size:10px}.smart-import-queue{gap:10px;display:grid}.smart-import-queue:empty{display:none}.smart-import-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#111117e0 0%,#0d0d12f0 100%);border:1px solid #ffffff14;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 10px 28px #0003}.smart-import-card.active{border-color:#57e7ffb3;box-shadow:inset 0 0 0 1px #57e7ff1f,0 0 0 1px #57e7ff14,0 14px 26px #57e7ff14}.smart-import-card:hover{border-color:#bf87ff42;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #bf87ff1a,0 14px 26px #0000003d}.smart-import-thumb{object-fit:cover;background:#101014;border:1px solid #ffffff14;width:72px;height:72px}.smart-import-thumb.placeholder{color:#f4c9ff;place-items:center;font-size:20px;font-weight:700;display:grid}.smart-import-card-content{gap:8px;display:grid}.smart-import-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.smart-import-card-title{gap:3px;display:grid}.smart-import-card-title h3{color:#fff;margin:0;font-size:12px;line-height:1.1}.smart-import-card-title p{color:#a8a0b6;margin:0;font-size:10px;line-height:1.4}.smart-import-card-actions{flex-wrap:wrap;gap:6px;display:flex}.smart-import-lane-commit-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.smart-import-lane-commit-actions .smart-import-action-button.secondary{opacity:.7}.smart-import-lane-commit-actions .smart-import-action-button.secondary:hover{opacity:1;border-color:#dc505066}.smart-import-lane-summary{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.smart-import-action-button{color:#cfc8d8;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0d 0%,#0e0e13eb 100%);border:1px solid #ffffff14;min-height:28px;padding:0 10px;font-size:10px;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00000029}.smart-import-action-button.primary{color:#fff;background:#57e7ff1f;border-color:#57e7ff8c}.smart-import-action-button:disabled{cursor:not-allowed;opacity:.45}.smart-import-meta,.smart-import-suggestions-row{flex-wrap:wrap;gap:6px;display:flex}.smart-import-meta-chip{color:#cfc8d8;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;padding:4px 8px;font-size:10px}.smart-import-suggestion-chip.secondary{color:#d9d4e1;background:#ffffff08;border-color:#ffffff14}.motion-reference-stage{border-color:#57e7ff38;box-shadow:inset 0 0 0 1px #57e7ff0d}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tool-grid-secondary,.mask-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-panel-grid,.mask-panel-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:6px;display:grid}.flow-panel-sliders,.mask-panel-sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.arrow-compositing-group{grid-column:1/-1;gap:6px;display:grid}.arrow-compositing-toggle{min-height:30px}.arrow-ai-provenance-group{background:#78b4ff0a;border:1px solid #78b4ff26;border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.arrow-ai-reason{color:#b4d2ffd9;font-size:10px;font-style:italic;line-height:1.45}.arrow-ai-provenance-group .mini-button{align-self:flex-start;font-size:9px}.arrow-compositing-scope{color:#a7a1b3;margin:0;font-size:10px;line-height:1.45}.arrow-compositing-fields{background:linear-gradient(#ffffff09 0%,#0d0e14eb 100%);border:1px solid #ffffff14;border-radius:10px;gap:6px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #00000024}.motion-surface-panel{background:linear-gradient(#ffffff0a 0%,#0f0f13eb 100%);border:1px solid #ffffff14;border-radius:20px;gap:8px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 14px 28px #0003}.motion-surface-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.motion-surface-head p{color:#8f879f;margin:4px 0 0;font-size:11px;line-height:1.45}.motion-surface-status{color:#cfc8d8;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;padding:4px 8px;font-size:10px}.motion-timeline-rail-wrap{gap:6px;display:grid}.motion-timeline-rail{background:linear-gradient(90deg,#ffffff05 0 20%,#ffffff0d 20% 40%,#ffffff05 40% 60%,#ffffff0d 60% 80%,#ffffff05 80% 100%),#ffffff0a;border-radius:999px;height:10px;position:relative;overflow:hidden}.motion-timeline-playhead{background:linear-gradient(#7ae4fff2 0%,#ffffff8c 100%);border-radius:999px;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 16px #7ae4ff7a}.motion-timeline-playhead.playing{animation:2.8s linear infinite motion-playhead-scan}.motion-timeline-rows{gap:5px;display:grid}.motion-timeline-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;display:grid}.motion-timeline-row-main{color:inherit;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;gap:4px;padding:6px 8px;display:grid}.motion-timeline-row.selected .motion-timeline-row-main{border-color:#7ae4ff75;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #7ae4ff1f}.motion-timeline-row-remove{color:#ffb7d0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ff91b50f;border:1px solid #ff91b547;border-radius:13px;align-self:stretch;min-width:34px;padding:0 9px;font-size:15px;font-weight:700;line-height:1}.motion-timeline-row-remove:hover:not(:disabled){background:#ff91b51f;border-color:#ff91b566}.motion-timeline-row-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.motion-timeline-motion-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto;display:flex}.motion-timeline-blend-chip{color:#fff1cf;background:#ffc46c14;border-color:#ffc46c2e}.motion-timeline-row-index{color:#fff;background:#ffffff14;border-radius:999px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:inline-grid}.motion-timeline-row-copy{flex:120px;gap:1px;min-width:0;display:grid}.motion-timeline-row-copy strong,.motion-timeline-row-copy span{line-height:1.2}.motion-timeline-row-copy strong{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.motion-timeline-row-copy span{color:#a59bbc;font-size:10px}.motion-timeline-keyframes{flex-wrap:wrap;align-items:center;gap:4px;margin-left:2px;display:inline-flex}.motion-keyframe-dot{background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;width:8px;height:8px}.motion-keyframe-dot.active{background:#7ae4ff6b;border-color:#7ae4ffb3}.motion-timeline-empty{color:#8f879f;background:#ffffff0a;border-radius:14px;padding:10px;font-size:11px;line-height:1.45}.motion-bezier-panel,.motion-shortcuts-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:8px;padding:8px;display:grid}.kb-section{padding:0;display:block;overflow:hidden}.kb-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#cfc8d8;letter-spacing:.04em;text-transform:uppercase;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:flex}.kb-header:hover{color:#fff;background:#ffffff0f}.kb-arrow{text-align:center;width:14px;font-size:10px;transition:transform .2s;display:inline-block}.kb-section.open .kb-arrow{transform:rotate(90deg)}.kb-content{opacity:0;max-height:0;padding:0 12px;transition:max-height .25s,opacity .2s;overflow:hidden}.kb-section.open .kb-content{opacity:1;max-height:600px;padding:4px 12px 10px}.motion-bezier-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.motion-surface-action{min-height:32px}.motion-shortcut-list{gap:5px;display:grid}.motion-shortcut-item{color:#d9d4e1;grid-template-columns:minmax(84px,110px) minmax(0,1fr);align-items:start;column-gap:10px;font-size:11px;line-height:1.35;display:grid}.motion-shortcut-item span:first-child{color:#fff;text-align:right;white-space:nowrap;justify-content:flex-end;align-items:baseline;min-width:0;font-weight:700;display:inline-flex}.motion-shortcut-item span:last-child{min-width:0}.control-group{gap:2px}.control-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.control-name{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.control-value{color:#f4edff;font-variant-numeric:tabular-nums;letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;place-items:center;min-width:46px;padding:1px 5px;font-size:10px;display:inline-grid}.mask-panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.preview-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.flowra-ai-preview-panel,.smart-assist-preview-panel,.depth-ai-preview-panel{margin-top:6px;display:none}.directors-hub-preview-panel{margin-top:10px}.smart-assist-preview-shell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0c11b8;border:1px solid #ffffff14;border-radius:14px;gap:10px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 16px 32px #0000003d}.smart-assist-preview-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.smart-assist-preview-headline{flex-direction:column;gap:4px;min-width:0;display:flex}.smart-assist-scene,.smart-assist-preset,.smart-assist-confidence,.smart-assist-meta-label,.smart-assist-detail-label{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.smart-assist-scene{color:#f7f2ff;font-weight:700}.smart-assist-preset{color:#a8b4ff}.smart-assist-confidence{color:#cbb6ff;white-space:nowrap;font-weight:700}.smart-assist-preview-meta,.smart-assist-preview-details{gap:8px;display:grid}.smart-assist-label-list{flex-wrap:wrap;gap:6px;display:flex}.smart-assist-label-chip{color:#f2edf8;text-transform:none;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:3px 7px;font-size:10px;line-height:1.2}.smart-assist-detail-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.smart-assist-detail-label{color:#ffffff8c}.smart-assist-detail-value,.smart-assist-notes{color:#f1eef7;font-size:11px;line-height:1.45}.smart-assist-notes{color:#f1eef7b8;margin:0}.smart-assist-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.smart-assist-apply{border-color:#7abeff3d}.smart-assist-discard{border-color:#ffa3a32e}.smart-assist-suggestion-section{gap:4px;display:grid}.smart-assist-suggestion-list{flex-direction:column;gap:4px;display:flex}.smart-assist-suggestion-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;gap:4px;padding:6px 8px;display:grid}.smart-assist-suggestion-card:hover{border-color:#ffffff24}.smart-assist-suggestion-toggle{cursor:pointer;color:#f1eef7;align-items:center;gap:6px;font-size:10px;display:flex}.smart-assist-suggestion-toggle input[type=checkbox]{accent-color:#7abeff;cursor:pointer;width:14px;height:14px}.smart-assist-suggestion-reason{color:#f1eef79e;margin:0;font-size:10px;line-height:1.35}.suggestion-kind,.suggestion-motion-type{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.suggestion-kind.freeze{color:#7abeff;background:#64b4ff26}.suggestion-kind.motion{color:#b86fff;background:#b86fff26}.suggestion-kind.subject{color:#ffd657;background:#ffd65726}.suggestion-kind.background{color:#5fdc86;background:#5fdc8626}.suggestion-motion-type.flow{color:#b86fff;background:#b86fff26}.suggestion-motion-type.drift{color:#54a7ff;background:#54a7ff26}.suggestion-motion-type.pulse{color:#ffd657;background:#ffd65726}.suggestion-motion-type.wave{color:#57e7ff;background:#57e7ff26}.suggestion-motion-type.turbulence{color:#ff6868;background:#ff686826}.suggestion-motion-type.vortex{color:#5fdc86;background:#5fdc8626}.suggestion-label{color:#ffffffb3;font-size:10px}.suggestion-confidence{color:#ffffff73;margin-left:auto;font-size:9px}.suggestion-arrow-controls{grid-template-columns:1fr 1fr;gap:4px;padding-left:20px;display:grid}.suggestion-arrow-controls label{color:#ffffff80;gap:2px;font-size:9px;display:grid}.suggestion-arrow-controls input[type=range]{accent-color:#7abeff;width:100%;height:4px}.preview-advanced{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;grid-column:1/-1;gap:6px;padding:6px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #00000029}.preview-advanced-head{grid-column:1/-1;align-items:center}.preview-advanced-head h3{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px}.quality-profile-panel{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;grid-column:1/-1;gap:6px;padding:8px 9px;display:grid}.quality-profile-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.quality-profile-segment{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.quality-profile-button{color:#d9d4e1;letter-spacing:.05em;text-align:center;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:42px;padding:6px 7px;font-size:10px;font-weight:700;line-height:1.15;transition:border-color .14s,background .14s,color .14s,box-shadow .14s;display:flex}.quality-profile-button:hover{color:#f4effb;background:#7ae4ff12;border-color:#7ae4ff47}.quality-profile-button.active{color:#fff;background:linear-gradient(#7ae4ff24 0%,#7ae4ff0f 100%);border-color:#7ae4ff99;box-shadow:inset 0 0 0 1px #7ae4ff1f}.quality-profile-button[data-quality-profile=hero].active{background:linear-gradient(#ffcb5c29 0%,#ffcb5c0f 100%);border-color:#ffcb5c99;box-shadow:inset 0 0 0 1px #ffcb5c1f}.quality-profile-button[data-quality-profile=experimental].active{background:linear-gradient(#ff76a32e 0%,#ff76a312 100%);border-color:#ff76a3ad;box-shadow:inset 0 0 0 1px #ff76a324}.quality-profile-button[data-quality-profile=hero] .release-surface-chip.advanced{letter-spacing:.06em;justify-content:center;align-items:center;min-width:max-content;min-height:12px;padding:0 5px;font-size:7px;line-height:1.05;display:inline-flex;transform:translate(1px)}.quality-profile-note{color:#a79fba;margin:0;font-size:10px;line-height:1.4}.release-surface-chip{color:#d8d2e2;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;place-items:center;min-height:16px;padding:0 6px;font-size:9px;font-weight:700;line-height:1.1;display:inline-grid}.release-surface-chip.compact{min-height:15px;padding:0 5px;font-size:8px}.release-surface-chip.micro{max-width:100%;min-height:13px;padding:0 5px;font-size:8px}.release-surface-chip.recommended{color:#aee9ff;background:#7ae4ff17;border-color:#7ae4ff38}.release-surface-chip.advanced{color:#ffd58d;background:#ffcb5c14;border-color:#ffcb5c2e}.release-surface-chip.experimental{color:#ff9dbe;background:#ff76a31a;border-color:#ff76a338}.release-surface-chip.local-ai{color:#97e6ff;background:#5bd6ff14;border-color:#5bd6ff38}.release-surface-chip.advisory{color:#d8d0ff;background:#c6b5ff14;border-color:#c6b5ff2e}.tool-button{color:#cf28e9;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0f 0%,#0e0e13eb 100%);border:1px solid #ffffff14;place-items:center;width:100%;min-width:0;min-height:26px;font-size:20px;display:grid;box-shadow:inset 0 1px #ffffff12,0 8px 20px #0000003d}.tool-button.active{color:#ff53ff;background:linear-gradient(#9a38ff38 0%,#291633f5 100%);border-color:#df3ffff2;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #df3fff1f,0 12px 24px #51167747}.multi-point-button{color:#cf28e980;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0f 0%,#0e0e13eb 100%);border:1px solid #ffffff14;place-items:center;width:100%;min-width:0;min-height:26px;font-size:16px;transition:color .15s,border-color .15s,background .15s;display:grid;box-shadow:inset 0 1px #ffffff12,0 8px 20px #0000003d}.multi-point-button.active{color:#ff53ff;background:linear-gradient(#9a38ff38 0%,#291633f5 100%);border-color:#df3ffff2;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #df3fff1f,0 12px 24px #51167747}.motion-type-group{gap:8px;display:grid}.motion-type-header{color:#cfc8d8;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.motion-type-header span:last-child{color:#8f879f;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.flow-category{display:block;overflow:hidden}.flow-category-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#8f879f;letter-spacing:.08em;text-transform:uppercase;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:700;transition:color .15s,background .15s;display:flex}.flow-category-header:hover{color:#cfc8d8;background:#ffffff0d}.flow-category.open .flow-category-header{color:#cfc8d8}.flow-category-arrow{text-align:center;width:12px;font-size:10px;transition:transform .2s;display:inline-block}.flow-category.open .flow-category-arrow{transform:rotate(90deg)}.flow-strip{opacity:0;flex-wrap:wrap;align-items:flex-start;gap:8px;max-height:0;padding:4px 2px 2px;transition:max-height .25s,opacity .2s;display:flex;overflow:hidden}.flow-category.open .flow-strip{opacity:1;max-height:120px}.motion-type-button{white-space:nowrap;max-width:100%;min-height:32px;color:var(--motion-color,#fff);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:.7;scroll-snap-align:start;background:linear-gradient(#ffffff0f 0%,#0d0d12eb 100%);border:1px solid #ffffff14;flex:none;place-items:center;padding:0 14px;font-size:11px;font-weight:700;transition:opacity .15s,transform .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff12,0 8px 20px #00000038}.motion-type-button:hover{opacity:1;border-color:var(--motion-color,#fff);background:rgba(var(--motion-rgb,255, 255, 255), .12);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px rgba(var(--motion-rgb,255, 255, 255), .16), 0 10px 24px rgba(var(--motion-rgb,255, 255, 255), .08)}.motion-type-button.active{opacity:1;border-color:var(--motion-color,#fff);background:rgba(var(--motion-rgb,255, 255, 255), .18);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px rgba(var(--motion-rgb,255, 255, 255), .2), 0 12px 26px rgba(var(--motion-rgb,255, 255, 255), .1), 0 0 16px rgba(var(--motion-rgb,255, 255, 255), .15);transform:scale(1.05)}.custom-shader-btn{color:#c8b0ff!important;background:linear-gradient(#b48cff1f 0%,#0d0d12eb 100%)!important;border-color:#b48cff40!important}.custom-shader-btn:hover{background:#b48cff26!important;border-color:#b48cff80!important}.custom-shader-btn.active{background:#b48cff38!important;border-color:#b48cffb3!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #b48cff4d,0 0 16px #b48cff33!important}.custom-configurator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#14121cf7 0%,#0a0a0efc 100%);border:1px solid #ffffff14;border-radius:8px;margin-top:8px;overflow:hidden}.custom-configurator-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.custom-configurator-title{letter-spacing:.08em;text-transform:uppercase;color:#c8b0ff;font-size:11px;font-weight:700}.custom-configurator-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;transition:color .15s,background .15s}.custom-configurator-close:hover{color:#fff;background:#ffffff14}.custom-configurator-body{flex-direction:column;gap:8px;max-height:420px;padding:10px 12px;display:flex;overflow-y:auto}.custom-configurator-field{flex-direction:column;gap:3px;display:flex}.custom-configurator-field label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:10px;font-weight:600}.custom-configurator-field input[type=text]{color:#e0d8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:5px 8px;font-size:12px;transition:border-color .15s}.custom-configurator-field input[type=text]:focus{border-color:#b48cff66}.custom-configurator-slider-row{align-items:center;gap:8px;display:flex}.custom-configurator-slider-row input[type=range]{flex:1}.custom-configurator-slider-value{color:#fff9;text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px}.custom-configurator-section-label{letter-spacing:.08em;text-transform:uppercase;color:#b48cff99;border-top:1px solid #ffffff0a;padding-top:4px;font-size:10px;font-weight:700}.custom-primitive-stack{flex-direction:column;gap:6px;display:flex}.custom-primitive-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;flex-direction:column;gap:6px;padding:8px;transition:opacity .15s;display:flex}.custom-primitive-card-disabled{opacity:.4}.custom-primitive-card-header{align-items:center;gap:4px;display:flex}.custom-primitive-card-label{color:#d0c8e0;letter-spacing:.03em;flex:1;font-size:11px;font-weight:700}.custom-primitive-card-move,.custom-primitive-card-remove{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:3px;padding:1px 5px;font-size:11px;transition:color .15s,border-color .15s}.custom-primitive-card-move:hover,.custom-primitive-card-remove:hover{color:#fff;border-color:#fff3}.custom-primitive-card-move:disabled{opacity:.3;cursor:default}.custom-primitive-card-toggle{accent-color:#b48cff}.custom-primitive-card-blend-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.custom-primitive-card-param-label{letter-spacing:.04em;text-transform:uppercase;color:#fff6;min-width:36px;font-size:9px;font-weight:600}.custom-primitive-card-slider{accent-color:#b48cff;flex:1;min-width:40px}.custom-primitive-card-slider-value{color:#ffffff80;text-align:right;font-variant-numeric:tabular-nums;min-width:28px;font-size:10px}.custom-primitive-card-blend-select{color:#c0b8d0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;outline:none;padding:2px 4px;font-size:10px}.custom-primitive-card-params{border-left:2px solid #b48cff26;flex-direction:column;gap:4px;padding-left:4px;display:flex}.custom-primitive-card-param-row{align-items:center;gap:6px;display:flex}.custom-configurator-add-row{gap:6px;display:flex}.custom-configurator-add-row select{color:#c0b8d0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;outline:none;flex:1;padding:5px 8px;font-size:11px}.custom-configurator-add-row select:focus{border-color:#b48cff66}.custom-configurator-add-btn{color:#c8b0ff;cursor:pointer;background:#b48cff1f;border:1px solid #b48cff40;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}.custom-configurator-add-btn:hover{background:#b48cff33;border-color:#b48cff66}.custom-kernel-library{flex-direction:column;gap:4px;max-height:120px;display:flex;overflow-y:auto}.custom-kernel-library-empty{color:#ffffff4d;text-align:center;padding:8px;font-size:10px}.custom-kernel-library-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:flex}.custom-kernel-library-item-name{color:#d0c8e0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.custom-kernel-library-item-count{color:#ffffff4d;font-size:9px}.custom-kernel-library-item-load,.custom-kernel-library-item-use{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:3px;padding:2px 6px;font-size:10px;transition:color .15s,border-color .15s}.custom-kernel-library-item-load:hover,.custom-kernel-library-item-use:hover{color:#fff;border-color:#fff3}.custom-kernel-library-item-use{color:#b48cffb3;border-color:#b48cff33}.custom-kernel-library-item-use:hover{color:#c8b0ff;border-color:#b48cff66}.custom-configurator-actions{gap:6px;padding-top:4px;display:flex}.custom-configurator-action-btn{color:#c0b8d0;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;flex:1;padding:6px 8px;font-size:10px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.custom-configurator-action-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.custom-configurator-action-danger{color:#ff7878b3;border-color:#ff505033}.custom-configurator-action-danger:hover{color:#f88;background:#ff50501a;border-color:#ff505066}.motion-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.motion-preset-button{min-height:30px;color:var(--motion-color,#fff);cursor:pointer;letter-spacing:.07em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff0f 0%,#0d0d12eb 100%);border:1px solid #ffffff14;place-items:center;font-size:10px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff12,0 8px 20px #00000038}.motion-preset-button:hover{border-color:var(--motion-color,#fff);background:rgba(var(--motion-rgb,255, 255, 255), .12);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px rgba(var(--motion-rgb,255, 255, 255), .16), 0 10px 24px rgba(var(--motion-rgb,255, 255, 255), .08)}.motion-preset-button:focus-visible{outline:2px solid rgba(var(--motion-rgb,255, 255, 255), .55);outline-offset:2px}.noise-panel{border-top:1px solid #ffffff14;gap:6px;margin-top:2px;padding-top:4px;display:grid}.noise-panel-header{align-items:center}.noise-panel-header h3{color:#fff;letter-spacing:0;margin:0;font-size:12px}.noise-panel-header p{color:#8f879f;margin:4px 0 0;font-size:11px;line-height:1.45}.noise-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.noise-toggle-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.noise-toggle-row input[type=checkbox]{accent-color:#7ae4ff;width:16px;height:16px}.noise-type-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff0a 0%,#101015eb 100%);border:1px solid #ffffff14;border-radius:16px;grid-column:1/-1;gap:6px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000029}.noise-type-header{color:#cfc8d8;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.noise-type-section .control-group{min-width:0}.noise-type-section .control-head{gap:8px}.noise-type-section select{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;min-height:30px;padding-inline:9px}.noise-reset-button{grid-column:1/-1}.motion-panel{border-top:1px solid #ffffff14;gap:6px;margin-top:2px;padding-top:4px;display:grid}.motion-panel-header{align-items:center}.motion-panel-header h3{color:#fff;letter-spacing:0;margin:0;font-size:12px}.motion-panel-header p{color:#8f879f;margin:4px 0 0;font-size:11px;line-height:1.45}.motion-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.motion-toggle-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.motion-toggle-row input[type=checkbox]{accent-color:#7ae4ff;width:16px;height:16px}.motion-type-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff0a 0%,#101015eb 100%);border:1px solid #ffffff14;border-radius:16px;grid-column:1/-1;gap:6px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000029}.motion-type-header{color:#cfc8d8;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.motion-type-section .control-group{min-width:0}.motion-type-section .control-head{gap:8px}.motion-reset-button{grid-column:1/-1}.preset-panel{grid-column:1/-1;gap:12px}.preset-panel-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.welcome-import-meta .render-mode-panel{grid-column:1/-1;margin-top:0}.preset-panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.preset-panel-header h2{margin:0}.preset-panel-header p{color:#8f879f;margin:4px 0 0;font-size:11px;line-height:1.45}#presetActiveLabel{border:1px solid rgba(var(--preset-rgb,255, 255, 255), .28);background:rgba(var(--preset-rgb,255, 255, 255), .08);color:#f4f0ff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:6px 8px;font-size:10px}.preset-return-button{color:#d7fbff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#121e2ce6 0%,#0a0d12fa 100%);border:1px solid #7ae4ff42;border-radius:12px;min-height:34px;padding:0 12px;font-size:10px;font-weight:700}.return-to-studio-banner{margin-top:-2px}.sidebar-toggle{color:#f5edff;cursor:pointer;background:#804aff1f;border:1px solid #b26fff61;border-radius:12px;place-items:center;width:34px;height:34px;font-size:18px;line-height:1;transition:transform .12s,border-color .12s,background-color .12s,box-shadow .12s;display:inline-grid}.sidebar-toggle:hover{background:#8f59ff2e;border-color:#c18dffb8;transform:translateY(-1px);box-shadow:0 8px 20px #431c6d42}.sidebar-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #ad72ff4d}.preset-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.preset-filter-button{color:#cfc8d8;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0d 0%,#0e0e13e6 100%);border:1px solid #ffffff14;min-height:30px;padding:0 10px;font-size:11px;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #0000002e}.preset-filter-button.active{border-color:rgba(var(--preset-rgb,255, 255, 255), .7);background:rgba(var(--preset-rgb,255, 255, 255), .12);color:#fff;box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px rgba(var(--preset-rgb,255, 255, 255), .12), 0 10px 20px rgba(var(--preset-rgb,255, 255, 255), .08)}.preset-grid{gap:10px;display:grid}.custom-look-group{background:#7ae4ff0d;border:1px solid #7ae4ff2e;border-radius:18px;padding:10px}.preset-empty-note{color:#8f879f;font-size:11px;line-height:1.45}.custom-look-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-group{gap:8px;display:grid}.preset-group-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.preset-group-count{color:#9b93a9;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;padding:3px 7px;font-size:10px}.preset-group-cards{gap:10px;display:grid}.preset-card{background:linear-gradient(180deg, rgba(var(--preset-rgb,255, 255, 255), .1) 0%, #101014f0 100%);color:inherit;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff14;gap:8px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0000002e}.preset-card:hover{border-color:rgba(var(--preset-rgb,255, 255, 255), .55);box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px rgba(var(--preset-rgb,255, 255, 255), .14), 0 14px 28px #00000038}.preset-card.active{border-color:rgba(var(--preset-rgb,255, 255, 255), .95);box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px rgba(var(--preset-rgb,255, 255, 255), .16), 0 16px 30px rgba(var(--preset-rgb,255, 255, 255), .08)}.custom-look-card{border-style:dashed}.preset-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.preset-card-action,.discovery-action-button,.discovery-suggestion-button{color:#e8e2f1;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;min-height:30px;padding:8px}.preset-card-action.primary{background:#7ae4ff14;border-color:#7ae4ff52}.discovery-actions{gap:8px;display:grid}.discovery-action-grid,.discovery-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.discovery-action-button,.discovery-suggestion-button{gap:4px;display:grid}.discovery-action-label{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.discovery-action-detail{color:#a59bbc;font-size:10px;line-height:1.35}.discovery-suggestion-button{border-style:dashed}.preset-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.preset-name{color:#fff;margin:0;font-size:14px;line-height:1.1}.preset-badge{background:rgba(var(--preset-rgb,255, 255, 255), .12);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:10px}.preset-vibe{color:#d7d0e0;margin:0;font-size:11px;line-height:1.45}.preset-card-summary{color:#b8afc8;margin:0;font-size:10px;line-height:1.45}.preset-meta-row{flex-wrap:wrap;gap:6px;display:flex}.chamber-intent-meta-row{margin-bottom:2px}.preset-chip{color:#cfc8d8;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;padding:4px 8px;font-size:10px}.preset-view-mode-toggle{background:#0f0f12b3;border:1px solid #ffffff0f;border-radius:10px;gap:0;display:flex;overflow:hidden}.preset-view-mode-button{color:#8f879f;letter-spacing:.03em;cursor:pointer;background:0 0;border:none;flex:1;padding:6px 0;font-size:11px;font-weight:600;transition:background .2s,color .2s}.preset-view-mode-button.active{color:#cfc8d8;background:#7ae4ff1a}.preset-view-mode-button:hover:not(.active){color:#a8a0b8;background:#ffffff0a}.motion-atlas-gallery{gap:10px;display:grid}.motion-atlas-gallery[hidden]{display:none}.motion-atlas-search input{color:#e2dff0;background:#0f0f12b3;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:8px 12px;font-size:12px;transition:border-color .2s}.motion-atlas-search input::placeholder{color:#6b6580}.motion-atlas-search input:focus{border-color:#7ae4ff4d}.motion-atlas-filter-row{flex-wrap:wrap;gap:4px;display:flex}.motion-atlas-filter-chip{color:#8f879f;cursor:pointer;background:#0f0f1280;border:1px solid #ffffff0f;border-radius:6px;padding:3px 8px;font-size:10px;transition:background .15s,color .15s,border-color .15s}.motion-atlas-filter-chip:hover{color:#a8a0b8;background:#ffffff0a}.motion-atlas-filter-chip.active{color:#cfc8d8;background:#7ae4ff1f;border-color:#7ae4ff40}.motion-atlas-grid{grid-template-columns:1fr;gap:8px;display:grid}.motion-atlas-card{cursor:pointer;background:#0f0f12b3;border:1px solid #ffffff0f;border-radius:12px;gap:6px;padding:10px;transition:border-color .2s,background .2s;display:grid}.motion-atlas-card:hover{background:#14141ad9;border-color:#ffffff1f}.motion-atlas-card.active{border-color:rgba(var(--preset-rgb,255, 255, 255), .3);background:linear-gradient(180deg, rgba(var(--preset-rgb,255, 255, 255), .06) 0%, #0f0f12e6 100%)}.motion-atlas-card-header{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.motion-atlas-card-name{color:#e2dff0;margin:0;font-size:12px;font-weight:600}.motion-atlas-card-complexity{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.motion-atlas-card-complexity.beginner{color:#6ed4a0;background:#6ed4a026}.motion-atlas-card-complexity.intermediate{color:#ffd266;background:#ffd26626}.motion-atlas-card-complexity.advanced{color:#ff5b5b;background:#ff5b5b26}.motion-atlas-card-description{color:#8f879f;margin:0;font-size:11px;line-height:1.4}.motion-atlas-card-tags{flex-wrap:wrap;gap:3px;display:flex}.motion-atlas-card-tag{color:#a8a0b8;background:#7ae4ff14;border-radius:4px;padding:1px 6px;font-size:9px}.motion-atlas-card-meta{align-items:center;gap:6px;display:flex}.motion-atlas-card-motion{color:#c9b7ff;background:#c9b7ff1a;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.motion-atlas-card-bundle{color:#ff9e5e;background:#ff9e5e1a;border-radius:4px;padding:2px 6px;font-size:9px}.motion-atlas-detail{background:#0f0f12db;border:1px solid #ffffff14;border-radius:12px;gap:10px;padding:12px;display:grid}.motion-atlas-detail[hidden]{display:none}.motion-atlas-detail-section{gap:4px;display:grid}.motion-atlas-detail-section-title{text-transform:uppercase;letter-spacing:.06em;color:#8f879f;font-size:10px;font-weight:600}.motion-atlas-detail-section p{color:#cfc8d8;margin:0;font-size:11px;line-height:1.45}.motion-atlas-detail-film-ref{background:#c9b7ff0a;border-left:2px solid #c9b7ff4d;border-radius:0 8px 8px 0;padding:8px 10px}.motion-atlas-detail-film-ref p{color:#cfc8d8;margin:0;font-size:11px}.motion-atlas-detail-film-ref .film-title{color:#e2dff0;font-weight:600}.motion-atlas-detail-list{gap:3px;padding-left:0;list-style:none;display:grid}.motion-atlas-detail-list li{color:#cfc8d8;padding:3px 0;font-size:11px;line-height:1.4}.motion-atlas-detail-list li:before{content:"→ ";color:#6b6580}.motion-atlas-detail-list.avoid li:before{content:"✕ ";color:#ff5b5b}.motion-atlas-detail-hint{color:#a8d8f0;background:#7ae4ff0a;border:1px solid #7ae4ff1a;border-radius:8px;padding:8px 10px;font-size:11px;line-height:1.45}.motion-atlas-detail-actions{gap:6px;display:flex}.motion-atlas-detail-actions button{color:#cfc8d8;cursor:pointer;background:#0f0f12b3;border:1px solid #ffffff1a;border-radius:8px;padding:6px 14px;font-size:11px;transition:background .15s,border-color .15s}.motion-atlas-detail-actions button:hover{background:#1e1e24e6;border-color:#ffffff2e}.motion-atlas-detail-actions button.primary{background:rgba(var(--preset-rgb,255, 255, 255), .15);border-color:rgba(var(--preset-rgb,255, 255, 255), .3);color:#e2dff0}.motion-atlas-detail-actions button.primary:hover{background:rgba(var(--preset-rgb,255, 255, 255), .25)}.motion-atlas-empty{text-align:center;color:#6b6580;padding:24px;font-size:12px}.preset-details{background:#0f0f12db;border:1px solid #ffffff14;gap:10px;padding:12px;display:grid}.preset-details-head{gap:4px;display:grid}.preset-details-quick-head{border:1px solid rgba(var(--preset-rgb,255, 255, 255), .12);background:linear-gradient(180deg, rgba(var(--preset-rgb,255, 255, 255), .08) 0%, #141418f0 100%);padding:12px;box-shadow:inset 0 1px #ffffff0d,0 12px 24px #0003}.preset-details-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.preset-details-title h3{color:#fff;margin:0;font-size:14px}.preset-details-title span{color:#8f879f;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.preset-details p{color:#cfc8d8;margin:0;font-size:11px;line-height:1.5}.preset-error-detail{color:#ffbcc5}.preset-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.preset-detail-block,.preset-details-layer,.preset-details-support{background:#ffffff08;border:1px solid #ffffff14;gap:8px;padding:12px;display:grid}.preset-detail-block{align-content:start}.preset-details-layer{background:#ffffff05}.preset-details-support{background:#ffffff04}.preset-detail-hook{color:#f2eff7}.preset-support-meta{gap:6px;display:grid}.preset-support-stack{gap:8px;display:grid}.preset-details-support .discovery-actions{opacity:.92;padding-top:2px}#layerInfoPanel p{color:#aaa2b6;margin:0;font-size:12px;line-height:1.35}#layerInfoPanel{gap:8px}.preset-stack,.preset-list{gap:6px;display:grid}.preset-stack-entry,.preset-list-item{color:#d9d4e1;justify-content:space-between;gap:10px;font-size:11px;display:flex}.preset-list-item.avoid{color:#b3a7bf}.preset-list-item.primary span:first-child{color:#fff}.preset-list-item.primary strong,.preset-list-item.avoid strong{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.preset-stack-entry strong,.preset-list-item strong{color:#fff;font-weight:600}.preset-stack-entry.modifier strong{color:#f4c9ff}.preset-section-title{color:#8f879f;letter-spacing:.08em;text-transform:uppercase;font-size:10px}@media (width<=1080px){.preset-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.preset-detail-grid{grid-template-columns:minmax(0,1fr)}}label{color:#cfc8d8;gap:6px;font-size:11px;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}input[type=range]{accent-color:#cf28e9;width:100%}.wide-button{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#7556ff29 0%,#121218eb 100%);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,0 10px 28px #00000047}.wide-button.active{color:#cafffb;background:#13262a;border-color:#66eee2bf}.wide-button.danger{color:#ffadcf}.wide-button.subtle{color:#d6cfdf;background:linear-gradient(#ffffff0a 0%,#121218e0 100%);border-color:#ffffff14}.mini-button{appearance:none;color:#e6deef;font:inherit;letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:.32rem .62rem;font-size:.72rem;transition:border-color .14s,background .14s,color .14s}.mini-button:hover:not(:disabled){color:#d9fffb;background:#66eee214;border-color:#66eee257}.mini-button.danger:hover:not(:disabled){color:#ffd1e4;background:#ff7aa817;border-color:#ff7aa859}.arrow-kernel-stack-group{border-top:1px solid #ffffff14;gap:.75rem;margin-top:.9rem;padding-top:.85rem;display:grid}.arrow-kernel-stack-head{align-items:center}.arrow-kernel-stack-status{color:#d6cfdfc7;margin:0;font-size:.78rem;line-height:1.45}.arrow-kernel-stack-rows{gap:.7rem;display:grid}.arrow-kernel-stack-row{background:linear-gradient(#66eee20f 0%,#111116eb 100%);border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.7rem;display:grid}.arrow-kernel-stack-slot-label{color:#eef4ffe6;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:600}.arrow-kernel-stack-type{min-width:0}.arrow-kernel-stack-weight{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.arrow-kernel-stack-weight-value{color:#d6cfdfe6;text-align:right;min-width:2.5rem;font-size:.78rem}.arrow-kernel-stack-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.arrow-constraint-rig-group{border-top:1px solid #ffffff14;gap:.75rem;margin-top:.9rem;padding-top:.85rem;display:grid}.arrow-constraint-rig-head{justify-content:space-between;align-items:center}.arrow-constraint-rig-status{color:#d6cfdfc7;margin:0;font-size:.78rem;line-height:1.45}.arrow-constraint-rig-rows{gap:.7rem;display:grid}.arrow-constraint-rig-row{background:linear-gradient(#b082ff0f 0%,#111116eb 100%);border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.7rem;display:grid}.arrow-constraint-slot-label{color:#eef4ffe6;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:600}.arrow-constraint-type{min-width:0}.arrow-constraint-param{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.arrow-constraint-param-value{color:#d6cfdfe6;text-align:right;min-width:2.5rem;font-size:.78rem}.arrow-constraint-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.arrow-constraint-add-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.toggle-label{color:#d6cfdfd9;cursor:pointer;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.toggle-label input[type=checkbox]{accent-color:#66eee2cc;width:14px;height:14px}.wide-button.accent-button{color:#a0f0e8;letter-spacing:.02em;background:linear-gradient(#66eee21f 0%,#121218eb 100%);border-color:#66eee259;font-weight:600}.wide-button.accent-button:hover:not(:disabled){background:linear-gradient(#66eee22e 0%,#121218eb 100%);border-color:#66eee28c}.wide-button.accent-button:disabled{color:#a0f0e859;border-color:#66eee21f}.wide-button.depth-brush-active{color:#ffdc64f2;background:#ffc83c14;border-color:#ffc83c80}.wide-button.depth-brush-active:hover:not(:disabled){background:#ffc83c1f;border-color:#ffc83cb3}.layer-slider-container{flex-direction:column;gap:4px;display:flex}.layer-labels{color:#7a8b9a;justify-content:space-between;font-size:10px;display:flex}.layer-indicator{background:0 0;gap:2px;height:6px;margin-top:4px;display:flex}.layer-indicator.flash .layer-indicator-segment.active{box-shadow:0 0 8px #8b5cf6b3}.layer-semantic{color:#7a8b9a;justify-content:space-between;min-height:14px;font-size:10px;display:flex}.layer-semantic-text{color:#c5cdd6;font-weight:500}.layer-semantic-text.unmapped,.layer-semantic-text.disabled{color:#6b7280;font-style:italic;font-weight:400}.layer-indicator-segment{background:#ffffff14;border-radius:1px;flex:1;transition:background .15s,transform .15s}.layer-indicator-segment.active{transform:scaleY(1.5)}.layer-indicator-segment.semantic-background{background:#28b450a6}.layer-indicator-segment.semantic-mid{background:#e8b308a6}.layer-indicator-segment.semantic-subject{background:#dc3c3ca6}.layer-indicator-segment.semantic-details{background:#60a5faa6}.layer-indicator-segment.semantic-particles{background:#a78bfaa6}.layer-indicator-segment.semantic-overlayFx{background:#f472b6a6}.layer-indicator-segment.active.semantic-background,.layer-indicator-segment.active.semantic-mid,.layer-indicator-segment.active.semantic-subject,.layer-indicator-segment.active.semantic-details,.layer-indicator-segment.active.semantic-particles,.layer-indicator-segment.active.semantic-overlayFx{background:currentColor}.layer-indicator-segment.active.semantic-background{color:#28b450}.layer-indicator-segment.active.semantic-mid{color:#e8b308}.layer-indicator-segment.active.semantic-subject{color:#dc3c3c}.layer-indicator-segment.active.semantic-details{color:#60a5fa}.layer-indicator-segment.active.semantic-particles{color:#a78bfa}.layer-indicator-segment.active.semantic-overlayFx{color:#f472b6}#arrowLayerInput{width:100%}.viewport{background:#0b0b0d;grid-area:1/2;min-width:0;min-height:0;position:relative;overflow:hidden}#webglCanvas,#overlayCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}#overlayCanvas{z-index:2;cursor:crosshair}.lyric-overlay-layer{text-align:center;pointer-events:none;transform-style:preserve-3d;perspective:1200px;color:var(--lyric-overlay-text-color,#f5f9ff);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 18px;display:flex;position:absolute}.lyric-overlay-text{text-wrap:balance;max-width:100%;text-shadow:0 0 18px var(--lyric-overlay-glow-color,#6cd6ff38), 0 0 48px var(--lyric-overlay-glow-color,#6cd6ff1f);font-weight:700}.lyric-overlay-meta{letter-spacing:.22em;text-transform:uppercase;color:var(--lyric-overlay-meta-color,#c2e3ff9e);font-size:10px}.lyric-overlay-layer.lyric-overlay-empty .lyric-overlay-meta{display:none}#overlayCanvas.cursor-crosshair{cursor:crosshair}#overlayCanvas.cursor-grabbing{cursor:grabbing}#overlayCanvas.cursor-pointer{cursor:pointer}#overlayCanvas.cursor-grab{cursor:grab}#overlayCanvas.cursor-default{cursor:default}#overlayCanvas.cursor-move{cursor:move}#overlayCanvas.cursor-cell{cursor:cell}#overlayCanvas.cursor-none{cursor:none}.viewport-transport{z-index:7;pointer-events:none;place-items:center;display:grid;position:absolute;inset:auto 0 22px}.viewport-play-button{color:#f7f4ffd1;cursor:pointer;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:auto;background:#0a0a0e8a;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:68px;height:68px;padding:0;font-size:29px;line-height:1;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s,opacity .16s;display:grid;box-shadow:inset 0 1px #ffffff14,0 18px 40px #00000061}.viewport-play-button[data-transport-state=stop]{color:#fff1f7;border-color:#ffafdb6b}.viewport-play-button.armed{color:#fff6ff;background:linear-gradient(#9d64ff38 0%,#26183cf0 100%);border-color:#bf87ffb8;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #bf87ff24,0 18px 36px #5f2a914d}.viewport-play-button:hover:not(:disabled){border-color:#d7a9ffeb;transform:translateY(-1px)scale(1.02);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #d7a9ff2e,0 20px 36px #7737b457}.viewport-play-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #0000003d}.preview-hud{z-index:5;pointer-events:none;place-items:end;padding:24px;display:grid;position:absolute;inset:0}.preview-close-button{z-index:6;color:#f7f4ff;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0a0a0e9e;border:1px solid #ffffff24;border-radius:999px;width:42px;height:42px;font-size:24px;line-height:1;position:absolute;top:18px;left:18px;box-shadow:inset 0 1px #ffffff14,0 12px 26px #00000047}.preview-close-button:hover{color:#ffddf0;border-color:#ffafdb73}.preview-export-shortcut-button{z-index:6;color:#d7fbff;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0a0a0e9e;border:1px solid #7ae4ff42;border-radius:999px;place-items:center;width:42px;height:42px;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:18px;left:70px;box-shadow:inset 0 1px #ffffff14,0 12px 26px #00000047}.preview-export-shortcut-button:hover{color:#cafffb;border-color:#7ae4ff85}.preview-hud-bar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;background:#0a0a0e85;border:1px solid #ffffff1a;border-radius:18px;gap:10px;padding:10px;display:flex;box-shadow:inset 0 1px #ffffff14,0 18px 40px #00000052}.preview-control-button{color:#f7f4ff;cursor:pointer;letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff14 0%,#101014e6 100%);border:1px solid #ffffff1f;min-height:42px;padding:0 16px;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000038}.preview-control-button.stop{color:#ffddf0;border-color:#ffafdb40}.preview-control-button:hover:not(:disabled){border-color:#bf87ff94;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #bf87ff1f,0 14px 26px #65289947}.empty-state{z-index:3;color:#d9d4e1;text-align:center;pointer-events:auto;place-items:center;gap:14px;padding:clamp(24px,4vw,48px);display:grid;position:absolute;inset:0}.empty-state-card{background:radial-gradient(circle at top,#57e7ff1a,#0000 42%),radial-gradient(circle at 78% 18%,#bf87ff1f,#0000 28%),#0b0b0df5;border:1px solid #ffffff14;border-radius:28px;gap:16px;width:min(1040px,100vw - 140px);max-height:calc(100vh - 48px);padding:clamp(20px,2.2vw,32px);display:grid;overflow:auto;box-shadow:inset 0 1px #ffffff0d,0 30px 80px #00000059}.welcome-eyebrow{color:#bceff8;letter-spacing:.18em;text-transform:uppercase;background:#7ae4ff0f;border:1px solid #7ae4ff2e;border-radius:999px;justify-self:center;padding:7px 12px;font-size:10px;font-weight:700}.empty-state-copy{text-align:center;gap:10px;display:grid}.empty-state-copy strong{font-size:clamp(28px,2.6vw,36px);line-height:1.05}.empty-state-copy span{color:#aaa2b6;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.welcome-copy{justify-self:center;max-width:760px}.empty-state-import{box-shadow:none;background:0 0;border:none;padding:0}.welcome-import-panel{text-align:left;gap:16px}.welcome-import-meta{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.welcome-import-drop-zone{background:radial-gradient(circle at top,#57e7ff1a,#0000 36%),linear-gradient(#ffffff0a 0%,#0b0b10fa 100%);gap:10px;min-height:160px;padding:clamp(20px,3vw,28px)}.welcome-import-drop-zone strong{font-size:clamp(28px,2.6vw,36px);line-height:1.05}.welcome-import-drop-zone span{justify-self:center;max-width:620px;font-size:14px}.welcome-import-actions{grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:center}.welcome-import-button{justify-content:center;min-width:168px}.welcome-samples{text-align:left;gap:14px;display:grid}.welcome-samples-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.welcome-samples-head h2{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:16px}.welcome-samples-head p{color:#978fa8;margin:6px 0 0;font-size:13px;line-height:1.5}.welcome-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.welcome-sample-card{color:#ebe6f3;text-align:left;background:linear-gradient(#16161ceb 0%,#0c0d12fa 100%);border:1px solid #ffffff14;border-radius:22px;gap:12px;padding:12px;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 18px 34px #0000003d}.welcome-sample-card:hover .welcome-sample-thumb,.welcome-sample-card:focus-visible .welcome-sample-thumb{box-shadow:0 0 18px #7ae4ff1f}.welcome-sample-thumb{aspect-ratio:1.2;object-fit:cover;background:#0d1014;border:1px solid #ffffff14;border-radius:16px;width:100%}.welcome-sample-meta{gap:6px;display:grid}.welcome-sample-title{color:#fff;letter-spacing:.03em;font-size:15px;font-weight:700}.welcome-sample-detail{color:#aaa2b6;font-size:12px;line-height:1.5}.welcome-sample-footer{color:#86dcea;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.empty-state-import .smart-import-hint,.welcome-sample-count{color:#d9d4e1;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:24px;padding:4px 10px;font-size:10px;display:inline-flex}.empty-project .sidebar,.empty-project .secondary-sidebar{background:linear-gradient(#101117eb 0%,#0b0c11f5 100%)}.empty-project .sidebar>.brand,.empty-project .sidebar>.panel,.empty-project .secondary-sidebar>.panel{border-color:#ffffff0d;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0000002e}.smart-import-actions{gap:10px;display:grid}#app.welcome-state{grid-template-columns:232px minmax(0,1fr) 0}#app.welcome-state .viewport{background:radial-gradient(circle at 50% 10%,#7ae4ff14,#0000 34%),radial-gradient(circle at 72% 24%,#bf87ff14,#0000 24%),linear-gradient(#080a0efa 0%,#05060a 100%)}#app.welcome-state .sidebar{grid-template-columns:minmax(0,1fr);padding-inline:10px}#app.welcome-state .sidebar>:not(.brand){display:none}#app.welcome-state .sidebar>.brand{padding:8px}#app.welcome-state .secondary-sidebar,#app.welcome-state #presetSidebarReopen{display:none}.onboarding-hint{z-index:3;color:#defbff;letter-spacing:.04em;pointer-events:none;background:linear-gradient(#10161cf0 0%,#0a0c12fa 100%);border:1px solid #7ae4ff33;border-radius:16px;max-width:min(420px,100vw - 48px);padding:12px 16px;font-size:12px;font-weight:700;position:absolute;box-shadow:inset 0 1px #ffffff0d,0 18px 42px #00000042}.onboarding-hint-interactive{pointer-events:auto}.onboarding-hint-arrow{bottom:26px;left:50%;transform:translate(-50%)}.starter-hint-card{gap:12px;display:grid}.starter-hint-copy{gap:6px;display:grid}.starter-hint-copy strong{letter-spacing:.02em;font-size:14px}.starter-hint-copy span{color:#defbffbd;letter-spacing:.02em;font-size:11px;font-weight:500;line-height:1.5}.starter-hint-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.starter-hint-primary,.starter-hint-secondary{min-height:38px}.starter-hint-primary{background:linear-gradient(#1a2e3efa,#0c151ff5),radial-gradient(circle at 0 0,#7ae4ff29,#0000 52%);border-color:#7ae4ff52}.starter-hint-secondary{background:linear-gradient(#181820f0,#0c0e14fa)}#app.interactive-authoring .panel-tier-advanced:not(:focus-within){opacity:.96}.onboarding-hint-preview{top:22px;right:22px}.error-toast-stack{z-index:40;pointer-events:none;gap:10px;width:min(360px,100vw - 36px);display:grid;position:fixed;inset:auto 18px 18px auto}.error-toast{color:#f6f2ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:linear-gradient(#121218f5 0%,#0b0b0ffa 100%);border:1px solid #bf87ff47;border-radius:16px;gap:4px;padding:12px 14px;display:grid;box-shadow:inset 0 1px #ffffff14,0 18px 34px #00000057}.error-toast[data-tone=warning]{border-color:#ffc46c57}.error-toast[data-tone=info]{border-color:#66eee257}.error-toast.closing{opacity:0;transition:opacity .18s,transform .18s;transform:translateY(4px)}.error-toast-title{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.error-toast-message{color:#f0ecf8;font-size:12px;line-height:1.45}.error-toast-detail{color:#b5adc5;font-size:11px;line-height:1.45}@media (width<=820px){#app{grid-template-rows:minmax(260px,38vh) minmax(0,1fr);grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0;max-height:none;display:flex;overflow-x:hidden}.tool-grid{grid-template-columns:repeat(4,minmax(42px,1fr))}.tool-button{width:100%;min-width:0}.motion-surface-head,.preset-group-head,.preset-details-title,.preset-card-top{flex-direction:column;align-items:flex-start}.custom-look-cards,.preset-card-actions,.discovery-action-grid,.discovery-suggestion-grid,.motion-panel-grid,.flow-panel-sliders,.mask-panel-sliders{grid-template-columns:1fr}.empty-state{place-content:center stretch;padding:18px}.empty-state-card{width:100%;max-height:calc(100vh - 36px);padding:24px}.welcome-import-meta,.welcome-import-actions,.welcome-sample-grid{grid-template-columns:1fr}.welcome-samples-head{align-items:flex-start;gap:10px;display:grid}.welcome-import-drop-zone{min-height:188px}#app.welcome-state{grid-template-columns:1fr}#app.welcome-state .sidebar{display:none}.onboarding-hint-preview{top:auto;bottom:78px;right:18px}.starter-hint-actions{grid-template-columns:1fr}.motion-type-grid{gap:6px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){#app{grid-template-rows:minmax(220px,35vh) minmax(0,1fr);grid-template-columns:1fr}.sidebar{padding:6px 8px}.sidebar>.brand,.sidebar>.panel,.secondary-sidebar>.panel{border-radius:12px;padding:8px}.brand{gap:6px}.brand-mark{width:36px;height:36px;font-size:20px}.tool-grid{grid-template-columns:repeat(4,minmax(38px,1fr));gap:4px}.tool-button{min-height:24px;font-size:18px}.flow-panel-sliders,.motion-panel-grid{grid-template-columns:1fr;gap:6px}.control-group{gap:3px}.control-head{gap:8px}.control-name{font-size:10px}.control-value{min-width:40px;font-size:9px}.panel h2{font-size:11px}.panel-header p{font-size:10px}.adv-group-header{padding:6px 10px;font-size:10px}.adv-group-content{padding:8px}.motion-surface-panel{padding:6px}.quality-profile-segment{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.render-mode-segment{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.render-mode-button{min-height:34px;padding:4px 6px;font-size:9px}.flow-category-header{padding:5px 8px;font-size:10px}.motion-type-button{min-height:28px;padding:0 10px;font-size:10px}.wide-button{border-radius:10px;min-height:34px;padding:6px 10px;font-size:11px}.mask-layer-row{border-radius:12px;padding:4px}.mask-layer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.viewport-transport{bottom:16px}.viewport-play-button{width:56px;height:56px;font-size:24px}.preview-hud{padding:16px}.preview-close-button,.preview-export-shortcut-button{width:38px;height:38px;font-size:20px}.preview-hud-bar{border-radius:14px;gap:6px;padding:8px}.preview-control-button{min-height:38px;padding:0 12px;font-size:10px}.empty-state-card{border-radius:22px}.empty-state-copy strong{font-size:22px}.empty-state-copy span{font-size:13px}.welcome-sample-grid{grid-template-columns:1fr;gap:8px}.welcome-sample-card{border-radius:16px;padding:10px}.smart-import-drop-zone{border-radius:18px;min-height:140px;padding:14px 16px}.smart-import-drop-zone strong{font-size:16px}.smart-import-drop-zone span{font-size:12px}.particle-hud{bottom:14px;left:14px}.particle-hud-bar{border-radius:12px;padding:6px 4px}.particle-hud-cell{padding:3px 8px}.depth-button-row{grid-template-columns:1fr;gap:4px}.depth-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.preset-grid{grid-template-columns:1fr}.preset-card{padding:10px}.preset-card-top{flex-direction:column;gap:4px}.preset-name{font-size:13px}.preset-vibe{font-size:10px}.preset-card-summary{font-size:9px}.preset-meta-row{gap:4px}.preset-chip{padding:3px 6px;font-size:9px}.chamber-guide-card{border-radius:14px;padding:10px}.chamber-guide-stage{font-size:14px}.chamber-guide-summary{font-size:10px}.quality-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quality-stat-label{font-size:9px}.quality-stat-value{font-size:12px}.export-panel{border-radius:14px;width:calc(100vw - 32px);padding:10px}#app.welcome-state{grid-template-columns:1fr;grid-template-rows:minmax(1fr, auto) auto}#app.welcome-state .sidebar{display:none}#app.welcome-state .empty-state{padding:12px}#app.welcome-state .empty-state-card{padding:16px}}@media (width<=360px){#app{grid-template-rows:minmax(180px,32vh) minmax(0,1fr);grid-template-columns:1fr}.sidebar{padding:4px 6px}.sidebar>.brand{padding:6px}.brand-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.brand-action-button{min-height:24px;font-size:14px}.tool-grid{grid-template-columns:repeat(4,minmax(34px,1fr));gap:3px}.tool-button{min-height:22px;font-size:16px}.control-group input[type=range]{height:4px}.wide-button{border-radius:9px;min-height:32px;padding:6px 8px;font-size:10px}.adv-group-header{padding:5px 8px;font-size:9px}.render-mode-segment{grid-template-columns:1fr;gap:3px}.render-mode-button{min-height:30px;font-size:9px}.flow-strip{gap:4px;padding:2px 1px}.motion-type-button{min-height:26px;padding:0 8px;font-size:9px}.viewport-play-button{width:50px;height:50px;font-size:22px}.particle-hud-bar{border-radius:10px;padding:4px 3px}.particle-hud-cell{padding:2px 6px}.particle-hud-icon,.particle-hud-value{font-size:10px}.empty-state-copy strong{font-size:18px}.empty-state-copy span{font-size:12px}.smart-import-drop-zone{border-radius:16px;min-height:120px;padding:12px 14px}.smart-import-drop-zone strong{font-size:14px}.smart-import-drop-zone span{font-size:11px}.welcome-sample-grid{gap:6px}.welcome-sample-card{padding:8px}.welcome-sample-title{font-size:12px}.welcome-sample-detail{font-size:10px}.preset-grid{grid-template-columns:1fr;gap:6px}.preset-card{gap:6px;padding:8px}.quality-profile-segment{grid-template-columns:1fr}.depth-button-row{gap:3px}.depth-meta-grid{grid-template-columns:1fr;gap:5px}.export-panel{border-radius:12px;width:calc(100vw - 24px);padding:8px}.chamber-guide-card{padding:8px}.chamber-guide-stage{font-size:13px}.chamber-guide-summary{font-size:9px}.quality-stats-grid{grid-template-columns:1fr}#app.welcome-state .empty-state{padding:10px}#app.welcome-state .empty-state-card{gap:10px;padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-timeline-playhead.playing{animation:none}}#app.preview-mode,#app.preview-mode.preset-sidebar-collapsed{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}#app.preview-mode .viewport{grid-area:1/1;width:100%;height:100%;min-height:100vh}.particle-hud{z-index:6;pointer-events:none;opacity:0;transition:opacity .22s,transform .22s;position:absolute;bottom:20px;left:20px;transform:translateY(8px)}.particle-hud.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.particle-hud-bar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0a0e85;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:0;padding:8px 6px;display:flex;box-shadow:inset 0 1px #ffffff14,0 18px 40px #00000052}.particle-hud-cell{align-items:center;gap:5px;padding:4px 10px;display:flex}.particle-hud-icon{opacity:.7;font-size:11px;line-height:1}.particle-hud-value{letter-spacing:.03em;color:#f1eef7;white-space:nowrap;font-size:11px;font-weight:600}.particle-hud-sep{background:#ffffff1a;flex-shrink:0;width:1px;height:16px}.particle-hud-toggle{color:#a8a0b6;cursor:pointer;opacity:.5;background:0 0;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:22px;height:22px;margin-left:4px;margin-right:2px;padding:0;font-size:13px;line-height:1;transition:opacity .14s,color .14s,border-color .14s;display:grid}.particle-hud-toggle:hover{opacity:1;color:#f1eef7;border-color:#bf87ff4d}.weather-panel{flex-direction:column;gap:10px;display:flex}.depth-panel-header,.weather-panel-header{gap:0;display:grid}.depth-panel-header h2,.weather-panel-header h2{letter-spacing:.04em;text-transform:uppercase;color:#f1eef7b3;margin:0;font-size:13px;font-weight:600}.toggle-label{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle-label input[type=checkbox]{display:none}.toggle-switch{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.toggle-switch:after{content:"";background:#f1eef780;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle-label input:checked+.toggle-switch{background:#00d2ff40;border-color:#00d2ff66}.toggle-label input:checked+.toggle-switch:after{background:#00d2ff;transform:translate(16px)}.weather-type-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.weather-type-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;height:38px;font-size:18px;transition:background .15s,border-color .15s,transform .1s;display:flex}.weather-type-btn:hover{background:#ffffff12;border-color:#ffffff26}.weather-type-btn.active{background:#00d2ff1f;border-color:#00d2ff66;transform:scale(1.05)}.weather-preset-select{color:#f1eef7;cursor:pointer;appearance:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.weather-preset-select:focus{border-color:#00d2ff66}.weather-section-label{letter-spacing:.08em;text-transform:uppercase;color:#f1eef759;border-top:1px solid #ffffff0d;padding-top:6px;font-size:10px;font-weight:600}.toggle-control{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding:4px 0;display:flex}.toggle-control .control-name,.toggle-control .control-head{flex:auto;order:1;min-width:0}.toggle-control .control-head{justify-content:flex-start;gap:0}.toggle-control input[type=checkbox]{accent-color:#00d2ff;cursor:pointer;flex:none;order:2;width:16px;height:16px;margin-left:auto}.color-input{cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;width:100%;height:30px;padding:2px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:6px}.weather-ff-list{flex-direction:column;gap:6px;display:flex}.weather-ff-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.weather-ff-row{align-items:center;gap:8px;display:flex}.weather-ff-sliders{gap:6px;display:flex}.weather-ff-sliders .control-group.compact{flex:1;gap:2px}.weather-ff-sliders .control-group.compact .control-head{font-size:10px}.weather-ff-sliders .control-group.compact input[type=range]{height:4px}.weather-ff-item select{color:#f1eef7;cursor:pointer;appearance:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;outline:none;flex:1;padding:4px 6px;font-family:inherit;font-size:11px}.weather-ff-remove{color:#ff7878b3;cursor:pointer;background:#ff50501a;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:background .15s,color .15s;display:flex}.weather-ff-remove:hover{color:#ff7878;background:#ff505040}.weather-panel-actions{padding-top:4px}.spawn-zone-panel{flex-direction:column;gap:8px;display:flex}.sz-zone-list{flex-direction:column;gap:2px;max-height:140px;display:flex;overflow-y:auto}.sz-zone-item{background:#ffffff08;border-radius:8px;align-items:center;gap:4px;padding:4px 6px;transition:background .15s;display:flex}.sz-zone-item.active{background:#00d2ff1a}.sz-zone-item:hover{background:#ffffff0f}.sz-zone-select{color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.sz-zone-color{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sz-zone-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sz-zone-vis,.sz-zone-remove{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:13px;transition:background .15s,color .15s;display:flex}.sz-zone-vis:hover,.sz-zone-remove:hover{color:#fffc;background:#ffffff14}.sz-zone-remove:hover{color:#ff6b6b;background:#ff505033}.sz-zone-settings{flex-direction:column;gap:6px;display:flex}.panel-tier{align-content:start;gap:10px;display:grid}.panel-tier-primary{gap:8px}.panel-tier-context{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff05 0%,#0f0f13eb 100%);border:1px solid #ffffff14;border-radius:12px;gap:4px;padding:8px 10px;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #00000024}.panel-tier-advanced{gap:4px}#advancedSection>#chamberGuideCard{order:0}#advancedSection>[data-adv-group=arrows]{order:1}#advancedSection>[data-adv-group=freeze]{order:2}#advancedSection>[data-adv-group=depth]{order:3}#advancedSection>[data-adv-group=camera]{order:4}#advancedSection>[data-adv-group=weather]{order:5}#advancedSection>[data-adv-group=directors]{order:6}#advancedSection>[data-adv-group=quality]{order:7}#advancedSection>[data-adv-group=preview]{order:8}#advancedSection>[data-adv-group=interaction]{order:9}.chamber-guide-card{background:linear-gradient(#0f1420f5,#0a0d15eb),radial-gradient(circle at 100% 0,#7ae4ff1f,#0000 48%);border:1px solid #7ae4ff2e;border-radius:16px;gap:10px;margin-bottom:2px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #0000002e}.chamber-guide-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.chamber-guide-stage{color:#f6f2ff;margin:4px 0 0;font-size:16px;line-height:1.1}.chamber-guide-summary{color:#b9c1d5;margin:0;font-size:11px;line-height:1.5}.chamber-guide-meta{flex-wrap:wrap;gap:6px;display:flex}.panel-domain-copy{color:#f2edf8ad;margin:4px 0 0;font-size:11px;line-height:1.45}.context-header{justify-content:space-between;align-items:center;gap:10px;min-height:24px;display:flex}.context-header h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;line-height:1.1}.context-header-label{color:#cfc8d8;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}#contextTypeLabel{color:#7ae4ff;font-weight:700}#contextEnabledRow{flex-shrink:0}.context-body{align-content:start;gap:4px;display:grid}.context-panel{align-content:start;gap:6px;display:grid}.adv-group{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;transition:border-color .2s,background .2s;display:block;overflow:hidden}.adv-group:hover{border-color:#ffffff1a}.adv-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#8f879f;letter-spacing:.08em;text-transform:uppercase;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;transition:color .15s,background .15s;display:flex}.adv-group-header:hover{color:#cfc8d8;background:#ffffff0d}.adv-group.open .adv-group-header{color:#cfc8d8}#app.empty-project .adv-group.empty-quiet:not(.open),#app.pre-arrow-stage .adv-group.empty-quiet:not(.open){background:#ffffff03;border-color:#ffffff0a}#app.empty-project .adv-group.empty-quiet:not(.open) .adv-group-header,#app.pre-arrow-stage .adv-group.empty-quiet:not(.open) .adv-group-header{color:#8d86a0;opacity:.74}#app.empty-project .adv-group.empty-quiet:not(.open) .adv-group-badge,#app.pre-arrow-stage .adv-group.empty-quiet:not(.open) .adv-group-badge{color:#a7a0b7;background:#ffffff09;border-color:#ffffff0f}.adv-group-arrow{text-align:center;flex-shrink:0;width:12px;font-size:10px;transition:transform .2s;display:inline-block}.adv-group.open .adv-group-arrow{transform:rotate(90deg)}.adv-group-title{flex:1;min-width:0}.adv-group-badge{color:#8f879f;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:2px 7px;font-size:9px;transition:color .15s,border-color .15s;box-shadow:inset 0 1px #ffffff0a}.adv-group.open .adv-group-badge{color:#cfc8d8;border-color:#ffffff1f}.adv-group-inline{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.preview-group-inline{gap:6px}.adv-group-action{letter-spacing:.04em;width:auto;min-width:72px;min-height:28px;padding:4px 12px;font-size:10px}.smart-assist-header-action{color:#d7fffb;border-color:#66eee26b;min-width:112px}.depth-directors-panel{background:#0c0c1180;border:1px solid #ffffff14;border-radius:14px;gap:10px;margin-top:10px;padding:10px;display:grid}.depth-directors-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.depth-directors-copy{color:#f2edf8ad;margin:4px 0 0;font-size:11px;line-height:1.45}.depth-directors-launchers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.depth-directors-manual{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.depth-directors-manual .control-group{margin:0}.scene-intent-preview{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:8px;padding:10px;display:grid}.scene-intent-preview-copy,.weather-section-copy{color:#f2edf8ad;margin:0;font-size:11px;line-height:1.45}.scene-intent-preview-meta{flex-wrap:wrap;gap:6px;display:flex}@media (width<=900px){.depth-directors-launchers,.depth-directors-manual{grid-template-columns:minmax(0,1fr)}}.adv-group-content{opacity:0;max-height:0;padding:0 10px;transition:max-height .3s,opacity .2s;overflow:hidden}.adv-group.open .adv-group-content{opacity:1;max-height:2000px;padding:4px 10px 10px}.weather-type-inline{color:#f1eef7;cursor:pointer;appearance:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:3px 8px;font-family:inherit;font-size:11px;transition:border-color .15s}.weather-type-inline:focus{border-color:#00d2ff66}.panel-tier-context .motion-panel,.panel-tier-context .noise-panel{border-top:none;margin-top:0;padding-top:0}.adv-group-content .motion-surface-panel,.adv-group-content .mask-panel,.adv-group-content .preview-panel,.adv-group-content .depth-panel,.adv-group-content .audio-reactive-panel{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.audio-reactive-panel .panel-domain-copy{color:#f1eef766;margin:4px 0 0;font-size:11px;line-height:1.45}.adv-group[data-adv-group=audio-reactive] .adv-group-header{color:#a0bee6a6}.adv-group[data-adv-group=audio-reactive]:hover .adv-group-header,.adv-group[data-adv-group=audio-reactive].open .adv-group-header{color:#b4d2f5d9}.adv-group[data-adv-group=audio-reactive] .adv-group-badge{color:#a0bee699;border-color:#a0bee626}.depth-mode-gate-panel{background:linear-gradient(#0f1420f0,#090c14e6);border:1px solid #7ae4ff29;border-radius:14px;gap:10px;margin:0 0 12px;padding:12px;display:grid}.depth-mode-gate-message{color:#b2c8d5;margin:0;font-size:11px;line-height:1.45}.ai-model-status{color:#7a8b9a;align-items:center;gap:6px;padding:2px 0;font-size:11px;display:flex}.ai-model-status-icon{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.ai-model-status-icon.loading{background:#eab308;animation:1s ease-in-out infinite ai-pulse}.ai-model-status-icon.error{background:#ef4444}@keyframes ai-pulse{0%,to{opacity:.4}50%{opacity:1}}.depth-foundation-panel{background:linear-gradient(#111624f0,#0b0e18e6),radial-gradient(circle at top,#5fbfff29,#0000 56%);border:1px solid #7a89b438;border-radius:14px;gap:10px;margin:10px 0 12px;padding:12px;display:grid}.depth-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.depth-meta-card{background:#0c0f18b3;border:1px solid #7a89b429;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.depth-meta-label,.depth-stack-label{text-transform:uppercase;letter-spacing:.08em;color:#7f88a4;font-size:10px}.depth-meta-value{color:#eef3ff;font-size:12px}.depth-intelligence-panel{background:linear-gradient(135deg,#14161cb8,#1012188f);border:1px solid #48c78e29;border-radius:6px;flex-direction:column;gap:10px;margin:8px 0 4px;padding:12px 14px;display:flex}.depth-intelligence-panel[hidden]{display:none}.depth-intel-header{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.depth-intel-detection{align-items:center;gap:6px;display:flex}.depth-intel-glyph{color:#48c78e;text-shadow:0 0 6px #48c78e4d;font-size:14px}.depth-intel-lane-text{color:#ffffffeb;text-transform:capitalize;font-size:13px;font-weight:600}.depth-intel-status{color:#48c78e;white-space:nowrap;background:#48c78e1a;border:1px solid #48c78e33;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.depth-intel-confidence{color:#ffffff80;margin-left:auto;font-size:10px}.depth-intel-roles{flex-direction:column;gap:4px;display:flex}.depth-intel-role{grid-template-columns:96px 1fr 32px;align-items:center;gap:8px;font-size:11px;display:grid}.depth-intel-role[hidden]{display:none}.depth-intel-role[data-active=true] .depth-intel-role-label{color:#48c78ee0;font-weight:500}.depth-intel-role-label{color:#ffffff7a;text-align:right}.depth-intel-role-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.depth-intel-role-fill{background:#fff3;border-radius:2px;height:100%;transition:width .3s}.depth-intel-role[data-active=true] .depth-intel-role-fill{background:linear-gradient(90deg,#48c78eb3,#34d39980);box-shadow:0 0 4px #48c78e4d}.depth-intel-role-value{color:#ffffff61;text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.depth-intel-role[data-active=true] .depth-intel-role-value{color:#48c78eb8}.depth-intel-zone-summary{border-top:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-top:6px;display:flex}.depth-intel-zone-item{align-items:center;gap:4px;display:flex}.depth-intel-zone-label{color:#ffffff6b;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.depth-intel-zone-count{color:#ffffffb8;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.depth-intel-zone-labels{color:#ffffff5c;margin-left:auto;font-size:10px;font-style:italic}.living-edges-card .depth-meta-value[data-state=active]{color:#48c78e;text-shadow:0 0 8px #48c78e4d;background:linear-gradient(135deg,#48c78e1f,#34d3990f)}.living-edges-card .depth-meta-value[data-state=off]{color:var(--text-muted)}.depth-control-stack{gap:6px;display:grid}.depth-studio{background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:8px;padding:8px 10px}.depth-studio-header{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.depth-studio-title{text-transform:uppercase;letter-spacing:.8px;color:#d4d0e0;font-size:11px;font-weight:600}.depth-studio-subtitle{color:#6b6580;font-size:9px}.depth-studio-bar-container{height:32px;margin-bottom:6px;position:relative}.depth-studio-bar{border-radius:4px;height:20px;display:flex;position:absolute;top:6px;left:0;right:0;overflow:hidden}.depth-studio-segment{height:100%;transition:width .15s}.depth-studio-bg{background:#50ff7859}.depth-studio-mid{background:#ffc83c59}.depth-studio-subject{background:#ff505059}.depth-studio-marker{cursor:ew-resize;z-index:2;background:#e8e4f0;border-radius:2px;width:3px;height:28px;transition:left .15s;position:absolute;top:2px}.depth-studio-marker:hover{background:#fff;width:5px}.depth-studio-marker-label{color:#c4bfd0;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:8px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.depth-studio-labels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:8px;left:0;right:0}.depth-studio-label-far,.depth-studio-label-near{color:#ffffff40;text-transform:uppercase;letter-spacing:.5px;padding:0 4px;font-size:8px}.depth-studio-cards{grid-template-columns:1fr 1fr;gap:6px;display:grid}.depth-studio-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;padding:6px 8px}.depth-studio-card-subject{grid-column:span 2}.depth-studio-card-header{align-items:center;gap:5px;margin-bottom:3px;display:flex}.depth-studio-card-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.depth-studio-dot-bg{background:#50ff78cc}.depth-studio-dot-mid{background:#ffc83ccc}.depth-studio-dot-subject{background:#ff5050cc}.depth-studio-card-name{color:#c4bfd0;font-size:10px;font-weight:600}.depth-studio-card-badge{color:#6b6580;text-transform:uppercase;letter-spacing:.3px;margin-left:auto;font-size:8px}.depth-studio-card-stats{color:#8b85a0;font-variant-numeric:tabular-nums;gap:8px;font-size:9px;display:flex}.depth-button-row,.depth-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.camera-preset-select{color:#ffffffd9;cursor:pointer;appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.4)'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:6px 28px 6px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.camera-preset-select:hover{border-color:#ffffff40}.camera-preset-select:focus{border-color:#ffffff59;outline:none}.camera-preset-select option{color:#ffffffd9;background:#1a1a1e}.adv-group-content .weather-panel,.adv-group-content .spawn-zone-panel{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.quality-dashboard{padding:6px 0}.quality-summary{color:#9a94a8;margin:0 0 8px;font-size:11px;line-height:1.4}.loop-score-widget{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.loop-score-ring{border:3px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:border-color .3s;display:flex}.loop-score-ring[data-grade=A]{border-color:#4ade80}.loop-score-ring[data-grade=B]{border-color:#86efac}.loop-score-ring[data-grade=C]{border-color:#fde047}.loop-score-ring[data-grade=D]{border-color:#fb923c}.loop-score-ring[data-grade=F]{border-color:#f87171}.loop-score-value{color:#e8e4f0;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.loop-score-ring[data-grade=A] .loop-score-value{color:#4ade80}.loop-score-ring[data-grade=B] .loop-score-value{color:#86efac}.loop-score-ring[data-grade=C] .loop-score-value{color:#fde047}.loop-score-ring[data-grade=D] .loop-score-value{color:#fb923c}.loop-score-ring[data-grade=F] .loop-score-value{color:#f87171}.loop-score-meta{flex-direction:column;gap:2px;display:flex}.loop-score-label{text-transform:uppercase;letter-spacing:.5px;color:#6b6580;font-size:10px}.loop-score-grade{color:#c4bfd0;font-size:11px}.quality-stats-grid{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.quality-stat{flex-direction:column;gap:2px;display:flex}.quality-stat-label{text-transform:uppercase;letter-spacing:.5px;color:#6b6580;font-size:10px}.quality-stat-value{color:#cfc8d8;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.quality-grade{font-size:11px;font-weight:700}.quality-grade[data-grade=A]{color:#4ade80}.quality-grade[data-grade=B]{color:#a3e635}.quality-grade[data-grade=C]{color:#facc15}.quality-grade[data-grade=D]{color:#fb923c}.quality-grade[data-grade=F]{color:#f87171}.quality-grade[data-readiness=ready]{color:#4ade80}.quality-grade[data-readiness=warning]{color:#facc15}.quality-grade[data-readiness=not_ready]{color:#f87171}.quality-refresh-btn{margin-top:8px;padding:4px 8px;font-size:11px}.quality-diagnostics-list{gap:6px;margin-top:8px;display:grid}.quality-advisory-note{color:#a79fba;margin:-2px 0 2px;font-size:10px;line-height:1.45}.quality-diagnostic{color:#d8d2e2;background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;gap:3px;padding:8px 9px;font-size:10px;display:grid}.quality-diagnostic strong{color:#f4edf9;font-size:11px}.quality-diagnostic span{color:#f1eef7a8;line-height:1.35}.quality-diagnostic[data-severity=warning]{background:#facc150e;border-color:#facc1547}.quality-diagnostic[data-severity=error]{background:#f8717112;border-color:#f8717152}.quality-action-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.overlay-toggle-row{gap:4px;margin-top:8px;display:flex}.overlay-toggle-btn{color:#ffffff80;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:10px;transition:all .15s;display:flex}.overlay-toggle-btn:hover{color:#fffc;background:#ffffff12}.overlay-toggle-btn.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.overlay-toggle-icon{font-size:14px;line-height:1}.overlay-toggle-label{text-transform:uppercase;letter-spacing:.03em;font-size:9px}.edit-tool-menu{z-index:80;display:block;position:fixed;inset:0}.edit-tool-menu[hidden]{display:none}.edit-tool-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060e14;position:absolute;inset:0}.edit-tool-menu-panel{left:var(--edit-tool-menu-x,24px);top:var(--edit-tool-menu-y,24px);background:linear-gradient(#1a1c29fa 0%,#0d0f16fa 100%);border:1px solid #ffffff1f;border-radius:18px;width:min(360px,100vw - 32px);padding:12px;position:fixed;box-shadow:0 24px 50px #0000006b,inset 0 1px #ffffff0f}.edit-tool-menu-head{gap:3px;margin-bottom:10px;display:grid}.edit-tool-menu-kicker{color:#8d87a6;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.edit-tool-menu-head strong{color:#f5f2ff;font-size:15px;font-weight:700}.edit-tool-menu-hint{color:#c0b8d2;font-size:11px}.edit-tool-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.edit-tool-menu-item{color:#efeaf9;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;gap:3px;padding:10px 11px;transition:border-color .14s,background .14s,transform .14s;display:grid}.edit-tool-menu-item:hover{background:#7ae4ff14;border-color:#7ae4ff59;transform:translateY(-1px)}.edit-tool-menu-item.active{background:linear-gradient(#7ae4ff24 0%,#7ae4ff14 100%);border-color:#7ae4ffb3;box-shadow:inset 0 0 0 1px #7ae4ff29}.edit-tool-menu-title{font-size:12px;font-weight:700}.context-lost-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080ee0;justify-content:center;align-items:center;animation:.3s ease-out context-lost-fade-in;display:flex;position:absolute;inset:0}.operation-overlay{z-index:120;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 32%,#7ae4ff1f 0%,#7ae4ff05 22%,#0000 44%),linear-gradient(#07080cd6 0%,#040508eb 100%);justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.operation-overlay.visible{opacity:1;pointer-events:auto}.operation-overlay-shell{text-align:center;background:linear-gradient(#12141deb 0%,#0b0c12fa 100%);border:1px solid #7ae4ff29;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(420px,100vw - 48px);padding:28px 24px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 26px 80px #0000006b,0 0 42px #7ae4ff14}.operation-overlay-spinner{border:3px solid #7ae4ffe0;border-color:#7ae4ffe0 #ad72ff70 #7ae4ff24 #7ae4ff24;border-radius:50%;width:42px;height:42px;animation:.76s linear infinite context-lost-spin;box-shadow:0 0 20px #7ae4ff24}.operation-overlay-label{letter-spacing:.18em;text-transform:uppercase;color:#f3f7fff0;font-size:13px;font-weight:700}.operation-overlay-detail{letter-spacing:.02em;color:#d6deecb8;max-width:34ch;margin:0;font-size:12px;line-height:1.55}.context-lost-content{flex-direction:column;align-items:center;gap:16px;display:flex}.context-lost-spinner{border:3px solid #7ae4ff33;border-top-color:#7ae4ffcc;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite context-lost-spin}.context-lost-text{color:#ffffffbf;letter-spacing:.02em;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500}@keyframes context-lost-fade-in{0%{opacity:0}to{opacity:1}}@keyframes context-lost-spin{to{transform:rotate(360deg)}}.depth-story-overlay{z-index:110;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:radial-gradient(circle at 50% 38%,#7ae4ff14 0%,#7ae4ff05 18%,#0000 38%),linear-gradient(#07080ce0 0%,#040508f0 100%);justify-content:center;align-items:center;transition:opacity .28s;display:flex;position:absolute;inset:0}.depth-story-overlay.visible{opacity:1;pointer-events:auto}.depth-story-shell{text-align:center;background:linear-gradient(#12141df0 0%,#0b0c12fa 100%);border:1px solid #7ae4ff24;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:min(400px,100vw - 48px);padding:32px 28px 24px;transition:opacity .32s,transform .32s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 28px 80px #00000070,0 0 48px #7ae4ff0f}.depth-story-shell--transitioning{opacity:0;transform:translateY(4px)}.depth-story-glyph-row{justify-content:center;align-items:center;height:36px;display:flex}.depth-story-glyph{color:#7ae4ffb8;text-shadow:0 0 16px #7ae4ff33;font-size:22px;transition:color .32s}.depth-story-headline{letter-spacing:.06em;text-transform:uppercase;color:#f3f7fff0;min-height:1.4em;margin:0;font-size:15px;font-weight:700}.depth-story-detail{letter-spacing:.02em;color:#d6deecad;max-width:36ch;min-height:2.4em;margin:0;font-size:12px;line-height:1.6}.depth-story-steps{gap:6px;margin-top:8px;display:flex}.depth-story-step{background:#7ae4ff2e;border-radius:50%;width:6px;height:6px;transition:background .2s,box-shadow .2s}.depth-story-step--active{background:#7ae4ffb8;box-shadow:0 0 8px #7ae4ff3d}.depth-story-skip{letter-spacing:.08em;text-transform:uppercase;color:#d6deec61;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-top:6px;padding:4px 16px;font-family:inherit;font-size:11px;font-weight:500;transition:color .16s}.depth-story-skip:hover{color:#d6deeca3}.depth-story-skip:focus-visible{outline-offset:2px;outline:2px solid #7ae4ff80}@media (prefers-reduced-motion:reduce){.depth-story-overlay,.depth-story-shell{transition:none}.depth-story-shell--transitioning{opacity:1;transform:none}}@media (width<=600px){.depth-story-shell{gap:10px;width:min(340px,100vw - 32px);padding:24px 20px 20px}}.edit-tool-menu-subtitle{color:#aa9fbe;letter-spacing:.03em;font-size:10px}@media (width<=920px){.edit-tool-menu-panel{width:min(320px,100vw - 24px)}}.export-panel{z-index:6;background:linear-gradient(#1a1c29fa 0%,#0d0f16fa 100%);border:1px solid #ffffff1f;border-radius:18px;gap:10px;width:min(380px,100vw - 48px);padding:14px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 24px 50px #0000006b,inset 0 1px #ffffff0f}.export-panel[hidden]{display:none!important}.export-panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-panel-head strong{color:#fff;font-size:14px;font-weight:700}.export-panel-close{color:#cfc8d8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;transition:background .14s,color .14s;display:grid}.export-panel-close:hover{color:#fff;background:#ffffff14}.export-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.export-preset-chip,.export-codec-button,.export-inline-button{color:#f1eef7;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;transition:background .14s,border-color .14s,color .14s}.export-preset-chip{border-radius:10px;min-height:34px;padding:0 10px;font-size:11px}.export-preset-chip.active,.export-codec-button.active{color:#cafffb;background:#7ae4ff1f;border-color:#7ae4ff73}.export-codec-segment{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.export-codec-button{border-radius:10px;min-height:36px;font-size:11px}.export-thumbnail-card,.export-queue-card,.export-loop-check,.export-confidence-card,.export-depth-score-card,.export-lyric-overlay-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:8px;padding:10px;display:grid}.export-lyric-overlay-card-passive{gap:6px}.export-thumbnail-head,.export-queue-head,.export-loop-check-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.export-thumbnail-head span,.export-loop-check-head span,.export-queue-head strong{color:#f8f5ff;font-size:11px}.export-inline-button{border-radius:8px;min-height:28px;padding:0 8px;font-size:10px}#exportCompositionPreview.active{color:#a0e4ff;background:#7ae4ff1f;border-color:#7ae4ff80}.export-thumbnail-image,.export-thumbnail-empty{aspect-ratio:16/9;border-radius:10px;width:100%}.export-thumbnail-image{object-fit:cover;border:1px solid #ffffff14;display:block}.export-thumbnail-empty{color:#f1eef775;background:#07090dcc;place-items:center;font-size:11px;display:grid}.export-loop-check-badge{color:#f1eef7;text-transform:uppercase;background:#ffffff0f;border-radius:999px;padding:4px 8px;font-size:10px}.export-loop-check-badge[data-verdict=perfect],.export-loop-check-badge[data-verdict=good]{color:#d7fff0;background:#76e4b51f}.export-loop-check-badge[data-verdict=visible]{color:#ffe8a3;background:#facc151f}.export-loop-check-badge[data-verdict=bad]{color:#ffbcc5;background:#ff68681f}.export-loop-check-detail{color:#f1eef7b8;font-size:11px;line-height:1.45}.export-platform-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:8px;padding:10px;display:grid}.export-platform-mode-segment,.export-platform-segment{gap:6px;display:grid}.export-lyric-overlay-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.export-lyric-overlay-toggle{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-lyric-overlay-status{color:#f1eef7b8;font-size:11px;line-height:1.45}.export-lyric-overlay-passive-note{color:#bfd6f18f;letter-spacing:.08em;text-transform:uppercase;font-size:10px;line-height:1.4}.export-privacy-badge{background:linear-gradient(#6ed4a00f 0%,#0f0f12e6 100%);border:1px solid #6ed4a02e;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.export-privacy-badge-icon{color:#6ed4a0;background:#6ed4a01f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.export-privacy-badge-text{gap:1px;display:grid}.export-privacy-badge-text strong{color:#6ed4a0;letter-spacing:.03em;font-size:11px;font-weight:600}.export-privacy-badge-text span{color:#8f879f;font-size:10px;line-height:1.35}.lyric-hud-card{background:linear-gradient(#131a27f5,#0a0e15eb),#ffffff05;border:1px solid #6884ab38;border-radius:18px;margin-bottom:14px;overflow:hidden;box-shadow:0 18px 42px #00000057,inset 0 1px #ffffff0a}.lyric-hud-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.lyric-hud-summary::-webkit-details-marker{display:none}.lyric-hud-summary strong{letter-spacing:.08em;text-transform:uppercase;color:#f6f9ffeb;font-size:13px;display:block}.lyric-hud-summary span{color:#b9d0ec9e;margin-top:3px;font-size:11px;line-height:1.45;display:block}.lyric-hud-summary-arrow{color:#ddecffd6;background:#6cd6ff0f;border:1px solid #6cd6ff29;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex;transform:rotate(-90deg)}.lyric-hud-card[open] .lyric-hud-summary-arrow{transform:rotate(0)}.lyric-hud-card[open] .lyric-hud-summary{border-bottom:1px solid #ffffff0f}.lyric-hud-body{gap:10px;padding:14px 16px 16px;display:grid}.lyric-hud-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lyric-hud-toggle{justify-content:space-between;align-items:center;gap:10px;display:flex}.lyric-hud-color{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:40px;padding:4px}.lyric-hud-footer{gap:8px;display:grid}.export-platform-mode-segment{grid-template-columns:repeat(2,minmax(0,1fr))}.export-platform-segment{grid-template-columns:repeat(3,minmax(0,1fr))}.export-platform-mode-segment .export-inline-button.active,.export-platform-segment .export-inline-button.active{color:#cafffb;background:#7ae4ff1f;border-color:#7ae4ff73}.export-confidence-list{gap:8px;display:grid}.export-confidence-summary{color:#f5f2ff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:11px;display:flex}.export-confidence-summary strong{font-size:11px;font-weight:700}.export-confidence-summary[data-band=ready-to-publish]{color:#d7fff0;background:#76e4b51c;border-color:#76e4b557}.export-confidence-summary[data-band=strong-with-checks]{color:#cafbff;background:#7ae4ff1c;border-color:#7ae4ff57}.export-confidence-summary[data-band=needs-polish]{color:#ffe8a3;background:#facc151c;border-color:#facc1557}.export-confidence-summary[data-band=risky-export]{color:#ffbcc5;background:#ff68681c;border-color:#ff686857}.export-confidence-note{color:#f1eef7b8;font-size:11px;line-height:1.45}.export-confidence-grid{gap:6px;display:grid}.export-confidence-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:9px;gap:4px;padding:8px;display:grid}.export-confidence-item h4{color:#f8f5ff;letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:10px}.export-confidence-item p{color:#f1eef7bd;margin:0;font-size:10px;line-height:1.4}.export-confidence-item[data-severity=strong]{background:#76e4b50d;border-color:#76e4b538}.export-confidence-item[data-severity=watch]{background:#facc150f;border-color:#facc1540}.export-confidence-item[data-severity=risk]{background:#ff686812;border-color:#ff686842}.export-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.export-queue-list{gap:8px;max-height:220px;display:grid;overflow:auto}.export-queue-empty{color:#f1eef780;font-size:11px}.export-queue-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;gap:6px;padding:8px;display:grid}.export-queue-item-head,.export-queue-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.export-queue-item-head strong,.export-queue-item-meta,.export-queue-error{font-size:10px}.export-queue-item-head strong{color:#fff}.export-queue-item-meta{color:#f1eef79e}.export-queue-chip{color:#f1eef7;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:2px 6px;font-size:9px}.export-queue-chip.subtle{color:#d8f8ffe0;text-transform:none;background:#7ae4ff1a}.export-queue-progress{background:#ffffff0f;border-radius:999px;height:6px;position:relative;overflow:hidden}.export-queue-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#7ae4ffe6 0%,#d7a9ffe6 100%);height:100%}.export-queue-error{color:#ffbcc5;line-height:1.4}.export-queue-warning{color:#ffe9a8;font-size:10px;line-height:1.45}.export-preset-chip:hover,.export-codec-button:hover:not(:disabled),.export-inline-button:hover:not(:disabled){background:#ffffff14;border-color:#ffffff2e}.export-preset-chip:disabled,.export-codec-button:disabled,.export-inline-button:disabled{cursor:not-allowed;opacity:.52;color:#f1eef79e;background:#ffffff06;border-color:#ffffff12}.export-status{color:#cfc8d8;text-align:center;background:#ffffff0a;border-radius:10px;padding:8px 10px;font-size:11px;line-height:1.45}.export-status.recording{color:#ffbcc5;background:#ff686814;border:1px solid #ff686859}.export-status.success{color:#d7fff0;background:#76e4b514;border:1px solid #76e4b559}.export-status.warning{color:#ffe9a8;background:#facc1514;border:1px solid #facc154d}.export-status.blocked{color:#ffd0d6;background:#f8717114;border:1px solid #f8717157}.export-compositing-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:8px;padding:10px;display:grid}.export-compositing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.export-compositing-button{color:#cfc8d8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-height:56px;padding:10px 4px;transition:background .14s,border-color .14s,color .14s;display:flex}.export-compositing-button:hover{color:#fff;background:#ffffff0f;border-color:#ffffff29}.export-compositing-button:active{color:#cafffb;background:#7ae4ff14;border-color:#7ae4ff4d}.export-compositing-button:disabled{opacity:.35;cursor:not-allowed}.export-compositing-icon{opacity:.7;font-size:16px;line-height:1}.export-compositing-label{text-transform:uppercase;letter-spacing:.03em;text-align:center;font-size:9px;font-weight:600;line-height:1.2}.preview-control-button.export{color:#cafffb;background:linear-gradient(#7ae4ff1f 0%,#121218eb 100%);border-color:#7ae4ff59}.preview-control-button.export:hover:not(:disabled){border-color:#7ae4ffa6;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #7ae4ff24,0 14px 26px #2a5f6d47}.project-action-button:disabled,.sidebar-toggle:disabled,.preview-control-button:disabled,.motion-type-button:disabled,.motion-preset-button:disabled,.wide-button:disabled{color:#f1eef79e;background:linear-gradient(#ffffff08 0%,#101014e0 100%);border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0a,0 6px 14px #00000024}.sidebar>.brand{z-index:12;padding:8px 10px;position:sticky;top:0}.brand-actions{gap:4px}.brand-mark{width:32px;height:32px;font-size:18px}.brand-actions .project-action-button{border-radius:9px;min-height:28px;font-size:15px}.sidebar-toggle{color:#d7fbff;background:linear-gradient(#7ae4ff24 0%,#101218f0 100%);border:1px solid #7ae4ff47;border-radius:10px;place-items:center;width:32px;height:32px;display:inline-grid;box-shadow:inset 0 1px #ffffff0d,0 10px 20px #0000002e}.sidebar-toggle:hover{background:linear-gradient(#7ae4ff33 0%,#101218fa 100%);border-color:#7ae4ff94;box-shadow:inset 0 1px #ffffff0f,0 10px 22px #163a4938}.sidebar-toggle-primary{align-self:start}.sidebar-reopen-pill{z-index:8;color:#d7fbff;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#0e1118f5 0%,#090c11fa 100%);border:1px solid #7ae4ff4d;border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;position:fixed;top:14px;left:12px;box-shadow:inset 0 1px #ffffff0d,0 14px 30px #00000042}.sidebar-reopen-pill-right{left:auto;right:12px}.return-to-studio-pill{background:linear-gradient(#0c141df5 0%,#080c11fa 100%);border-color:#7ae4ff3d;min-height:32px;padding-inline:11px;top:56px}.sidebar-reopen-pill span:first-child{font-size:15px;line-height:1}.panel{border-top-color:#ffffff0f;gap:8px;padding-top:12px}.panel h2,.panel-header h2,.preset-panel-header h2,.weather-panel-header h2{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.panel-header p,.preset-panel-header p{color:#9a94ab;margin-top:3px;font-size:10px}.panel-header span,#presetActiveLabel,.project-status-chip,.adv-group-badge,.control-value,.mask-layer-status,.export-loop-check-badge,.export-queue-chip{font-variant-numeric:tabular-nums;border-radius:9px}.control-name,.mask-layer-field,.quality-stat-label{color:#cbc3d8;letter-spacing:.09em;font-size:10px}.control-value{background:#ffffff0a;border-color:#ffffff17;min-width:54px;padding:2px 7px}.kb-section,.adv-group,.mask-layer-row,.arrow-row,.export-thumbnail-card,.export-queue-card,.export-loop-check,.export-platform-card,.export-confidence-card,.quality-diagnostic{border-radius:12px}.kb-section{background:#ffffff04;border:1px solid #ffffff0f}.kb-header{color:#a79fba;letter-spacing:.07em;padding:7px 10px;font-size:11px}.kb-content{padding-inline:10px}.kb-section.open .kb-content{padding:4px 10px 8px}.motion-shortcut-item{font-size:10px}.motion-shortcut-item span:first-child{color:#f5f2ff;min-width:0}.adv-group{background:#ffffff05;border-color:#ffffff0f}.adv-group.open{background:#ffffff06;border-color:#ffffff14}.adv-group-header{color:#a59fb6;letter-spacing:.09em;border-radius:12px;padding:8px 10px;font-size:10px}.adv-group-content{padding:0 8px}.adv-group.open .adv-group-content{padding:4px 8px 8px}.motion-type-group,.flow-panel-grid,.panel-tier,.quality-dashboard{gap:6px}.flow-category-header,.motion-type-button,.motion-preset-button,.project-action-button,.wide-button,.mask-layer-icon-button,.export-preset-chip,.export-codec-button,.export-inline-button{border-radius:10px}.motion-type-button,.motion-preset-button,.project-action-button,.wide-button,.export-preset-chip,.export-codec-button,.export-inline-button{box-shadow:inset 0 1px #ffffff0d,0 8px 18px #00000029}.motion-type-button.active,.motion-preset-button.active,.export-preset-chip.active,.export-codec-button.active{box-shadow:inset 0 1px 0 #ffffff12, 0 0 0 1px rgba(var(--motion-rgb,122, 228, 255), .14), 0 10px 22px #0000002e}.mask-layer-row,.arrow-row,.export-thumbnail-card,.export-queue-card,.export-loop-check,.export-platform-card,.export-depth-score-card,.export-confidence-card,.quality-diagnostic{background:linear-gradient(#ffffff08 0%,#0c0d12eb 100%);border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0a,0 10px 22px #00000024}.export-depth-score-summary{color:#d6deecb8;font-size:11px;line-height:1.55}.export-depth-score-metrics{grid-template-columns:1fr 1fr;gap:6px;display:grid}.export-depth-score-metric{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex}.export-depth-score-metric-label{color:#d6deec8f;letter-spacing:.04em;text-transform:uppercase}.export-depth-score-metric-value{font-variant-numeric:tabular-nums;font-weight:700}.export-depth-score-metric-value[data-band=good]{color:#4ade80}.export-depth-score-metric-value[data-band=okay]{color:#a3e635}.export-depth-score-metric-value[data-band=caution]{color:#facc15}.export-depth-score-metric-value[data-band=risk]{color:#f87171}.empty-state-copy.welcome-copy{gap:8px;padding-top:4px;position:relative}.empty-state-copy.welcome-copy:before{content:"Qvester Studio · Flow Chamber";color:#aee9ff;letter-spacing:.18em;text-transform:uppercase;background:#7ae4ff12;border:1px solid #7ae4ff38;border-radius:999px;justify-self:center;padding:5px 12px;font-size:10px;font-weight:700;line-height:1.2;display:inline-block}.empty-state-copy strong{letter-spacing:-.01em;background:linear-gradient(#fff 0%,#c8c2d8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,2.4vw,34px);line-height:1.08}.empty-state-copy span{color:#a59fbc;justify-self:center;max-width:560px;font-size:clamp(14px,1.2vw,16px);line-height:1.5}.empty-state-card{background:radial-gradient(circle at 50% 0,#57e7ff24,#0000 38%),radial-gradient(circle at 78% 12%,#bf87ff2e,#0000 26%),radial-gradient(circle at 50% 100%,#7ae4ff0f,#0000 30%),#0b0b0df5;gap:12px;padding:clamp(16px,1.8vw,24px);box-shadow:inset 0 1px #ffffff0f,0 30px 80px #00000061,0 0 0 1px #ffffff0a}.welcome-import-meta{grid-template-columns:minmax(0,420px) minmax(0,280px);justify-content:center;align-items:end;gap:10px;width:min(100%,760px);margin:0 auto}.welcome-import-meta .render-mode-panel{grid-column:1/-1;gap:6px;width:100%;margin-top:0;padding:8px 10px}.welcome-import-meta .render-mode-head{gap:6px}.welcome-import-meta .render-mode-label,.welcome-import-meta .render-mode-effective{font-size:9px}.welcome-import-meta .render-mode-segment{gap:4px}.welcome-import-meta .render-mode-button{min-height:30px;padding:4px 6px;font-size:9px}.welcome-import-meta .render-mode-note{font-size:10px}.welcome-import-meta label{gap:4px;width:100%;font-size:10px}.welcome-import-meta input[type=text],.welcome-import-meta select{min-height:32px;padding:5px 10px;font-size:11px}@keyframes flow-liquid{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes flow-drift{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}@keyframes flow-breathe{0%,to{opacity:.4}50%{opacity:.75}}@keyframes flow-line-1{0%{opacity:0;transform:translateY(-120%)skew(-8deg)}15%{opacity:.6}85%{opacity:.6}to{opacity:0;transform:translateY(120%)skew(-8deg)}}@keyframes flow-line-2{0%{opacity:0;transform:translateY(-120%)skew(6deg)}20%{opacity:.45}80%{opacity:.45}to{opacity:0;transform:translateY(120%)skew(6deg)}}@keyframes flow-line-3{0%{opacity:0;transform:translateY(-120%)skew(-4deg)}10%{opacity:.35}90%{opacity:.35}to{opacity:0;transform:translateY(120%)skew(-4deg)}}@keyframes flow-line-4{0%{opacity:0;transform:translateY(-120%)skew(10deg)}25%{opacity:.5}75%{opacity:.5}to{opacity:0;transform:translateY(120%)skew(10deg)}}@keyframes flow-line-5{0%{opacity:0;transform:translateY(-120%)skew(-12deg)}18%{opacity:.3}82%{opacity:.3}to{opacity:0;transform:translateY(120%)skew(-12deg)}}@keyframes blob-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}.welcome-import-drop-zone{cursor:pointer;background:0 0;border:none;border-radius:24px;gap:8px;min-height:148px;padding:clamp(18px,2.4vw,26px);transition:transform .18s cubic-bezier(.22,1,.36,1);animation:12s ease-in-out infinite blob-morph;position:relative;overflow:hidden}.welcome-import-drop-zone:before{content:"";border-radius:inherit;filter:blur(1.5px);z-index:0;opacity:.6;background:linear-gradient(90deg,#0000 0%,#57e7ffb3 20%,#57e7ff40 40%,#0000 55%,#57e7ff8c 75%,#0000 100%) 0 0/300% 100%,linear-gradient(135deg,#0000 0%,#bf87ff80 25%,#bf87ff26 50%,#0000 70%,#bf87ff59 85%,#0000 100%) 0 0/200% 200%,linear-gradient(#0000 0%,#ffd78c40 30%,#0000 60%,#ffd78c26 80%,#0000 100%) 0 0/100% 300%;transition:opacity .2s,filter .2s;animation:4s ease-in-out infinite flow-liquid,7s ease-in-out infinite flow-drift,5s ease-in-out infinite flow-breathe;position:absolute;inset:-2px}.welcome-import-drop-zone:after{content:"";border-radius:inherit;z-index:1;background:repeating-linear-gradient(90deg,#0000 0 38%,#57e7ff1f 38.5% 39%,#0000 39.5% 100%),repeating-linear-gradient(90deg,#0000 0 48%,#bf87ff1a 48.5% 49%,#0000 49.5% 100%),repeating-linear-gradient(90deg,#0000 0 58%,#57e7ff14 58.5% 59%,#0000 59.5% 100%),repeating-linear-gradient(90deg,#0000 0 68%,#ffd78c1a 68.5% 69%,#0000 69.5% 100%),repeating-linear-gradient(90deg,#0000 0 78%,#bf87ff14 78.5% 79%,#0000 79.5% 100%),radial-gradient(80% 50% at 50% 0,#57e7ff26,#0000 50%),radial-gradient(60% 40% at 70% 20%,#bf87ff1f,#0000 40%),linear-gradient(#ffffff0a 0%,#0b0b10fa 100%);animation:5.2s ease-in-out infinite flow-line-1,6.8s ease-in-out .8s infinite flow-line-2,8.1s ease-in-out 1.6s infinite flow-line-3,5.9s ease-in-out 2.4s infinite flow-line-4,7.4s ease-in-out 3.2s infinite flow-line-5;position:absolute;inset:2px}.welcome-import-drop-zone>*{z-index:2;position:relative}.welcome-import-drop-zone strong{letter-spacing:-.01em;background:linear-gradient(#fff 0%,#d4d0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,2.2vw,30px);line-height:1.1}.welcome-import-drop-zone span{color:#9e95af;max-width:520px;font-size:13px;line-height:1.45}.welcome-import-drop-zone:hover,.welcome-import-drop-zone.focus-visible{transform:translateY(-4px)rotateX(-3deg)scale(1.01)}.welcome-import-drop-zone:hover:before,.welcome-import-drop-zone.focus-visible:before{opacity:.9;filter:blur(1px);animation-duration:2.8s,4.5s,3.5s}.welcome-import-drop-zone:hover:after,.welcome-import-drop-zone.focus-visible:after{background:repeating-linear-gradient(90deg,#0000 0 38%,#57e7ff38 38.5% 39%,#0000 39.5% 100%),repeating-linear-gradient(90deg,#0000 0 48%,#bf87ff2e 48.5% 49%,#0000 49.5% 100%),repeating-linear-gradient(90deg,#0000 0 58%,#57e7ff24 58.5% 59%,#0000 59.5% 100%),repeating-linear-gradient(90deg,#0000 0 68%,#ffd78c29 68.5% 69%,#0000 69.5% 100%),repeating-linear-gradient(90deg,#0000 0 78%,#bf87ff24 78.5% 79%,#0000 79.5% 100%),radial-gradient(80% 50% at 50% 0,#57e7ff38,#0000 50%),radial-gradient(60% 40% at 70% 20%,#bf87ff2e,#0000 40%),linear-gradient(#ffffff0f 0%,#0b0b10fa 100%)}.welcome-import-drop-zone.drag-active:before{opacity:1;filter:blur(.8px);background:linear-gradient(90deg,#0000 0%,#57e7fff2 20%,#57e7ff80 40%,#0000 55%,#57e7ffcc 75%,#0000 100%),linear-gradient(135deg,#0000 0%,#bf87ffb3 25%,#bf87ff4d 50%,#0000 70%,#bf87ff80 85%,#0000 100%),linear-gradient(#0000 0%,#ffd78c66 30%,#0000 60%,#ffd78c40 80%,#0000 100%);animation-duration:1.6s,2.8s,2s}.welcome-import-drop-zone.drag-active:after{background:repeating-linear-gradient(90deg,#0000 0 38%,#57e7ff47 38.5% 39%,#0000 39.5% 100%),repeating-linear-gradient(90deg,#0000 0 48%,#bf87ff38 48.5% 49%,#0000 49.5% 100%),repeating-linear-gradient(90deg,#0000 0 58%,#57e7ff2e 58.5% 59%,#0000 59.5% 100%),repeating-linear-gradient(90deg,#0000 0 68%,#ffd78c33 68.5% 69%,#0000 69.5% 100%),repeating-linear-gradient(90deg,#0000 0 78%,#bf87ff2e 78.5% 79%,#0000 79.5% 100%),radial-gradient(80% 50% at 50% 0,#57e7ff47,#0000 50%),radial-gradient(60% 40% at 70% 20%,#bf87ff38,#0000 40%),linear-gradient(#57e7ff1a 0%,#0b0b10fa 100%)}.autosave-recovery-banner{border-radius:16px;gap:8px;padding:9px 14px}.autosave-recovery-copy{gap:0}.autosave-recovery-copy strong{font-size:12px}.autosave-recovery-copy span{text-align:center;font-size:10px;line-height:1.4}.autosave-recovery-actions{gap:8px}.autosave-recovery-button{min-height:32px;font-size:11px}.welcome-samples{gap:10px}.welcome-samples-head{align-items:flex-end;gap:10px}.welcome-samples-head h2{font-size:13px}.welcome-samples-head p{margin:4px 0 0;font-size:11px;line-height:1.4}.welcome-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-sample-card{border-radius:18px;gap:8px;padding:8px;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s}.welcome-sample-thumb{aspect-ratio:1.15;border-radius:12px}.welcome-sample-footer{font-size:9px}.welcome-sample-card:hover,.welcome-sample-card:focus-visible{border-color:#7ae4ffa6;transform:translateY(-3px)rotateX(-2deg)rotateY(2deg)scale(1.02);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #7ae4ff33,0 0 32px #7ae4ff1a,0 22px 48px #11232b52}@media (prefers-reduced-motion:reduce){.welcome-import-drop-zone,.welcome-import-drop-zone:before,.welcome-import-drop-zone:after{animation:none!important}.welcome-import-drop-zone{border-radius:24px}.welcome-import-drop-zone:hover,.welcome-import-drop-zone.focus-visible,.welcome-sample-card:hover,.welcome-sample-card:focus-visible{transform:none}}@media (width<=820px){.empty-state-card{gap:10px;padding:18px}.welcome-import-meta{grid-template-columns:1fr}.welcome-import-drop-zone{min-height:140px}.welcome-import-drop-zone strong{font-size:22px}.welcome-sample-grid{grid-template-columns:1fr;gap:8px}.welcome-sample-card{grid-template-columns:100px 1fr;align-items:center}.welcome-sample-thumb{aspect-ratio:1}.welcome-sample-meta{gap:4px}}.welcome-import-panel{perspective:1200px}.welcome-import-drop-zone{transform-style:preserve-3d}.welcome-import-drop-zone strong{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,1,.36,1);transform:translateZ(40px)}.welcome-import-drop-zone span{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,1,.36,1);transform:translateZ(20px)}.welcome-import-drop-zone:hover strong,.welcome-import-drop-zone.focus-visible strong{transform:translateZ(55px)}.welcome-import-drop-zone:hover span,.welcome-import-drop-zone.focus-visible span{transform:translateZ(30px)}.welcome-sample-grid{perspective:1000px}.welcome-sample-card{transform-style:preserve-3d}.welcome-sample-thumb{transition:transform .4s cubic-bezier(.22,1,.36,1);transform:translateZ(25px)}.welcome-sample-card:hover .welcome-sample-thumb,.welcome-sample-card:focus-visible .welcome-sample-thumb{transform:translateZ(40px)}.welcome-sample-title{transition:transform .4s cubic-bezier(.22,1,.36,1);transform:translateZ(15px)}.welcome-sample-card:hover .welcome-sample-title,.welcome-sample-card:focus-visible .welcome-sample-title{transform:translateZ(25px)}.welcome-sample-detail{transition:transform .4s cubic-bezier(.22,1,.36,1);transform:translateZ(8px)}.welcome-sample-card:hover .welcome-sample-detail,.welcome-sample-card:focus-visible .welcome-sample-detail{transform:translateZ(14px)}@media (prefers-reduced-motion:reduce){.welcome-import-panel,.welcome-sample-grid{perspective:none}.welcome-import-drop-zone,.welcome-sample-card{transform-style:flat}.welcome-import-drop-zone strong,.welcome-import-drop-zone span,.welcome-sample-thumb,.welcome-sample-title,.welcome-sample-detail{transform:none}}#app.welcome-state .empty-state{padding:clamp(18px,2.6vw,30px)}#app.welcome-state .empty-state-card{background:radial-gradient(circle at 50% -8%,#57e7ff2e,#0000 36%),radial-gradient(circle at 82% 12%,#bf87ff2e,#0000 24%),radial-gradient(circle at 18% 78%,#ffd78c14,#0000 22%),#090a0ef7;gap:10px;width:min(1160px,100vw - 108px);max-height:calc(100vh - 34px);padding:clamp(18px,1.8vw,24px);overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 32px 90px #0000006b,0 0 0 1px #ffffff0a}.empty-state-copy.welcome-copy{gap:7px;max-width:900px}.empty-state-copy.welcome-copy:before{content:"Qvester Studio · Flow Chamber"}.empty-state-copy.welcome-copy strong{justify-self:center;max-width:900px;font-size:clamp(28px,2.6vw,38px)}.empty-state-copy.welcome-copy span{max-width:760px;font-size:clamp(13px,1.1vw,15px);line-height:1.5}.welcome-proof-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.welcome-proof-pill{text-align:center;background:linear-gradient(#ffffff0a 0%,#0b0c11f0 100%);border:1px solid #ffffff12;border-radius:16px;justify-items:center;gap:4px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 12px 26px #0000002e}.welcome-proof-pill strong{color:#f6f4ff;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.welcome-proof-pill span{color:#a49bb4;font-size:10px;line-height:1.42}.welcome-import-panel{background:linear-gradient(135deg,#57e7ff0f,#0000 34%),linear-gradient(225deg,#bf87ff14,#0000 38%),#090b10eb;border:1px solid #ffffff12;border-radius:24px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 20px 44px #0000003d}.welcome-import-meta{gap:8px 10px;width:100%;max-width:none}.welcome-import-meta .render-mode-panel{background:linear-gradient(#101921c7 0%,#0a0d12eb 100%);border:1px solid #7ae4ff24;padding:8px 10px;box-shadow:inset 0 1px #ffffff0d,0 12px 26px #00000024}.welcome-import-meta .render-mode-label{color:#9fe5ff}.welcome-import-meta label{color:#cfc7de;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.welcome-import-meta input[type=text],.welcome-import-meta select{color:#f4f0fb;background:#0b0c12e0;border-color:#ffffff14;min-height:34px}.welcome-import-drop-zone{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:182px;display:grid}.welcome-import-drop-copy{justify-items:center;gap:7px;max-width:720px;display:grid}.welcome-import-drop-kicker{color:#aee9ff;letter-spacing:.14em;text-transform:uppercase;background:#7ae4ff14;border:1px solid #7ae4ff2e;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.welcome-import-drop-zone strong{justify-self:center;max-width:720px;font-size:clamp(24px,2vw,32px)}.welcome-import-drop-zone span{justify-self:center;max-width:640px;font-size:12px;line-height:1.55}.welcome-pending-inline{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.welcome-import-drop-zone.intent-preselected:before{opacity:.88;filter:blur(1px)}.welcome-import-drop-zone.intent-preselected:after{background:repeating-linear-gradient(90deg,#0000 0 38%,#57e7ff2e 38.5% 39%,#0000 39.5% 100%),repeating-linear-gradient(90deg,#0000 0 48%,#bf87ff29 48.5% 49%,#0000 49.5% 100%),repeating-linear-gradient(90deg,#0000 0 58%,#57e7ff1f 58.5% 59%,#0000 59.5% 100%),repeating-linear-gradient(90deg,#0000 0 68%,#ffd78c21 68.5% 69%,#0000 69.5% 100%),repeating-linear-gradient(90deg,#0000 0 78%,#bf87ff1a 78.5% 79%,#0000 79.5% 100%),radial-gradient(80% 50% at 50% 0,#57e7ff33,#0000 50%),radial-gradient(60% 40% at 70% 20%,#bf87ff29,#0000 40%),linear-gradient(#ffffff0f 0%,#0b0b10fa 100%)}.welcome-import-drop-zone.importing{cursor:progress}.welcome-import-drop-zone.importing:before{opacity:1;animation-duration:1.6s,2.4s,1.9s}.welcome-scene-intents,.welcome-samples{text-align:left;gap:8px;display:grid}.welcome-scene-intents-head,.welcome-samples-head{text-align:center;justify-items:center;gap:8px;display:grid}.welcome-scene-intents-head h2,.welcome-samples-head h2{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px}.welcome-scene-intents-head p,.welcome-samples-head p{color:#9a92aa;max-width:52ch;margin:4px auto 0;font-size:11px;line-height:1.45}.welcome-scene-intent-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.welcome-scene-intent-card{color:#ece7f8;text-align:center;background:linear-gradient(#12141ceb 0%,#0a0b10fa 100%);border:1px solid #ffffff12;border-radius:18px;align-content:center;justify-items:center;gap:6px;min-height:132px;padding:12px 12px 14px;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s;display:grid;box-shadow:inset 0 1px #ffffff0d,0 14px 26px #0000002e}.welcome-scene-intent-card:hover,.welcome-scene-intent-card:focus-visible{border-color:#7ae4ff61;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #7ae4ff1f,0 18px 34px #12212a42}.welcome-scene-intent-card.active{background:linear-gradient(135deg,#57e7ff12,#0000 38%),linear-gradient(#12141cf5 0%,#0a0b10fa 100%);border-color:#7ae4ff8a;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #7ae4ff29,0 20px 40px #11232b47}.welcome-scene-intent-label{color:#fff;letter-spacing:.04em;font-size:12px;font-weight:700}.welcome-scene-intent-detail{color:#aaa2b8;max-width:20ch;font-size:11px;line-height:1.45}.welcome-scene-intent-meta,.welcome-sample-signal-row{flex-wrap:wrap;gap:6px;display:flex}.welcome-sample-grid{gap:10px}.welcome-sample-card{border-radius:18px;gap:8px;padding:9px}.welcome-sample-media{display:block;position:relative}.welcome-sample-thumb{aspect-ratio:1.18;object-position:center center;object-fit:contain}.welcome-sample-preview{object-fit:cover;opacity:0;pointer-events:none;border-radius:16px;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.welcome-sample-card[data-preview-active=true] .welcome-sample-preview,.welcome-sample-card:hover .welcome-sample-preview,.welcome-sample-card:focus-visible .welcome-sample-preview{opacity:1}.welcome-sample-title{font-size:13px}.welcome-sample-detail{font-size:11px;line-height:1.42}.welcome-sample-footer{color:#88deef;letter-spacing:.08em;font-size:9px}.smart-import-suggestion.welcome{background:linear-gradient(135deg,#57e7ff0d,#0000 40%),linear-gradient(#ffffff08 0%,#0b0c11eb 100%);border-color:#7ae4ff1f}@media (width<=1180px){#app.welcome-state .empty-state-card{width:min(1060px,100vw - 92px)}.welcome-proof-row,.welcome-scene-intent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){#app.welcome-state .empty-state-card{max-height:calc(100vh - 24px);overflow:auto}.welcome-proof-row,.welcome-scene-intent-grid,.welcome-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){#app.welcome-state .empty-state{padding:14px}#app.welcome-state .empty-state-card{width:min(100%,100vw - 28px);max-height:calc(100vh - 18px);overflow:auto}.welcome-proof-row,.welcome-scene-intent-grid,.welcome-sample-grid{grid-template-columns:1fr}.welcome-import-panel{padding:10px}.welcome-import-drop-zone{min-height:164px}.welcome-import-drop-zone strong{font-size:22px}.welcome-scene-intents-head,.welcome-samples-head{gap:6px}}@media (prefers-reduced-motion:reduce){.welcome-proof-pill,.welcome-scene-intent-card,.smart-import-suggestion.welcome{transition:none}.welcome-scene-intent-card:hover,.welcome-scene-intent-card:focus-visible{transform:none}}.preset-panel-header{z-index:9;background:linear-gradient(#13141bfa 0%,#13141be6 78%,#13141b00 100%);align-items:start;margin-bottom:2px;padding-bottom:8px;position:sticky;top:0}.export-panel{border-radius:16px;width:min(396px,100vw - 48px);padding:12px}.quality-action-row{gap:8px}.warning-badge{color:#fbbf24;text-align:center;background:linear-gradient(135deg,#f59e0b26 0%,#ea580c26 100%);border:1px solid #f59e0b66;border-radius:10px;grid-column:1/-1;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:500;animation:2s ease-in-out infinite warningPulse}@keyframes warningPulse{0%,to{opacity:.9}50%{opacity:1}}.scene-rail-container{z-index:5;pointer-events:none;background:linear-gradient(#0d0f1600 0%,#0d0f16f2 30%);padding:8px 12px;position:absolute;bottom:0;left:0;right:0}.scene-rail-container[hidden]{display:none!important}.scene-rail{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;pointer-events:auto;align-items:center;gap:6px;padding:6px;display:flex;overflow-x:auto}.scene-rail::-webkit-scrollbar{height:4px}.scene-rail::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.scene-rail-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;flex-shrink:0;gap:4px;width:80px;padding:4px;transition:border-color .14s,background .14s;display:flex}.scene-rail-card:hover{background:#ffffff0f;border-color:#ffffff2e}.scene-rail-card.active{background:#7ae4ff14;border-color:#7ae4ff73}.scene-rail-thumbnail{aspect-ratio:16/9;color:#ffffff4d;background:#ffffff0a;border-radius:4px;place-items:center;width:100%;font-size:8px;display:grid;overflow:hidden}.scene-rail-thumbnail img{object-fit:cover;width:100%;height:100%}.scene-rail-name{color:#cfc8d8;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:text;border-radius:3px;outline:none;padding:1px 2px;font-size:9px;font-weight:600;overflow:hidden}.scene-rail-name:focus{color:#fff;background:#ffffff14}.scene-rail-actions{opacity:0;justify-content:center;gap:2px;transition:opacity .14s;display:flex}.scene-rail-card:hover .scene-rail-actions{opacity:1}.scene-rail-action{color:#cfc8d8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;place-items:center;width:18px;height:18px;padding:0;font-size:10px;transition:background .14s,color .14s;display:grid}.scene-rail-action:hover{color:#fff;background:#ffffff1a}.scene-rail-transition{flex-shrink:0;place-items:center;display:grid}.scene-rail-transition-select{color:#cfc8d8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;padding:2px 4px;font-size:8px;transition:border-color .14s}.scene-rail-transition-select:hover{border-color:#ffffff2e}.scene-rail-transition-select:focus{border-color:#7ae4ff73;outline:none}.scene-rail-add{color:#fff6;cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:60px;font-size:18px;transition:border-color .14s,color .14s,background .14s;display:grid}.scene-rail-add:hover{color:#7ae4ffcc;background:#7ae4ff0a;border-color:#7ae4ff59}.scene-rail-number{color:#ffffffb3;pointer-events:none;background:#0009;border-radius:3px;place-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:grid;position:absolute;top:2px;left:2px}.scene-rail-card{position:relative}.scene-rail-card.dragging{opacity:.4;border-color:#7ae4ff99}.scene-rail-card.drag-over{background:#7ae4ff1f;border-color:#7ae4ffcc}.scene-rail-action-danger{color:#ff7878b3}.scene-rail-action-danger:hover{color:#f88;background:#ff646426}