:root{--bg: #222833;--panel: #181a1f;--panel-2: #1e2128;--line: #2c313b;--text: #e8ecf3;--muted: #9ea7b5;--accent: #5fa3ff;--accent-warm: #df8a3d;--danger: #ff7b7b;--font: "Segoe UI", "Noto Sans", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:var(--font);background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{border-radius:6px;border:1px solid transparent;background:transparent;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow 80ms ease,transform 80ms ease}button:not(:disabled){cursor:pointer}button:focus-visible{outline:none;box-shadow:0 0 0 2px #5fa3ff73}button:disabled{cursor:default}.app-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;gap:10px;padding:10px;background:var(--bg)}.drop-import-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:900;display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-import-overlay-panel{min-width:min(520px,calc(100% - 40px));max-width:calc(100% - 40px);border:2px dashed #6a8bc2;background:#121924e6;color:#eaf1ff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 10px 24px #00000057}.drop-import-overlay-title{font-size:16px;font-weight:600}.drop-import-overlay-detail{font-size:12px;color:var(--muted);margin-top:4px}.topbar{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 3px 12px #0a101c29;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:0 12px}.topbar-title{font-size:14px;font-weight:600;letter-spacing:.02em}.topbar-left{min-width:0;display:flex;align-items:center}.topbar-center{display:flex;justify-content:center}.topbar-status{display:flex;gap:16px;font-size:12px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.topbar-actions button{border:1px solid var(--line);background:#21252f;padding:4px 10px;font-size:12px}.topbar-export-button{border-color:#3f6fbe;background:#2457a6;color:#eef5ff;box-shadow:inset 0 0 0 1px #6eaaff33}.topbar-export-button:not(:disabled):hover{background:#2b66c2;border-color:#5a8de0;color:#f4f8ff}.topbar-export-button:not(:disabled):active{background:#1f4c91;border-color:#6fa7ff;box-shadow:inset 0 0 0 1px #8cbeff47}.topbar-timeline-button{border-color:#334a69;background:#1a2433;color:#d4e2f8}.topbar-timeline-button.is-active{border-color:#5a8de0;background:#2457a6;color:#eef5ff;box-shadow:inset 0 0 0 1px #78b2ff42}.topbar-timeline-button:not(:disabled):hover{border-color:#456491;background:#1f2b3c}.topbar-timeline-button.is-active:not(:disabled):hover{border-color:#77a7ef;background:#2b66c2}.topbar-gallery-button.app-button{min-width:160px;border-color:#3f6fbe;background:#1f3f72;color:#eef5ff}.split-layout{flex:1;min-height:0;display:flex;width:100%}.main-with-timeline{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.pane{min-height:0;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px #0a101c24;overflow:hidden}.pane-left,.pane-right{background:var(--panel)}.pane-left{position:relative;z-index:3;overflow:visible}.pane-right{border-right:1px solid var(--line)}.pane-center{flex:1;min-width:0;background:#0f1116;position:relative;z-index:1}.pane-splitter{width:8px;cursor:col-resize;background:transparent;position:relative}.pane-splitter:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);border-radius:2px;background:#a5b8d652}.pane-splitter:hover:after{background:#89aadd85}.pane-content{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;padding:10px}.left-pane-content{gap:0}.definition-shell.section-block{border:none;background:transparent;box-shadow:none;padding:0}.pane-content.center-pane,.pane-content.right-pane{padding:0;gap:0}.section-block{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;box-shadow:0 2px 8px #0a101c1a;padding:8px;display:flex;flex-direction:column;gap:8px;min-height:0}.section-block.grow{flex:1}.section-fill{height:100%}.vertical-split-layout{display:flex;flex-direction:column;min-height:0;height:100%}.vertical-split-top,.vertical-split-bottom{min-height:0}.vertical-split-bottom{flex:1}.vertical-splitter{height:8px;cursor:row-resize;background:transparent;position:relative}.vertical-splitter:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);border-radius:2px;background:#a5b8d652}.vertical-splitter:hover:after{background:#89aadd85}.timeline-shell{min-height:0;flex:0 0 auto;display:flex;flex-direction:column;gap:8px}.timeline-shell.is-collapsed{gap:0}.timeline-shell-panel{min-height:0;flex:1}.timeline-rail{min-height:36px;border:1px solid var(--line);border-radius:8px;background:#151e2b;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-shell.is-collapsed .timeline-rail{border-color:#355179;background:#17253a}.timeline-rail-main{min-width:0;display:inline-flex;align-items:center;gap:8px}.timeline-rail-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#dbe6fb;font-weight:600}.timeline-rail-badge{font-size:11px;color:#bfd1f0;border:1px solid #334a6b;background:#1a273b;border-radius:999px;padding:2px 8px;line-height:1.2}.timeline-rail-badge.is-empty{color:var(--muted);border-color:#2f3c52;background:#1a2434}.timeline-rail-toggle-button.app-button{padding:3px 10px;font-size:12px}.timeline-panel{height:100%;min-height:0;gap:10px}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.timeline-toolbar-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.timeline-toolbar-group-left{justify-self:start}.timeline-toolbar-center{justify-self:center}.timeline-toolbar-bottom{justify-content:flex-start}.timeline-toolbar-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.timeline-toolbar-group-keyframes{padding-left:2px}.timeline-modify-all-toggle{display:inline-flex;align-items:center;gap:6px}.timeline-modify-all-label{font-size:12px;color:var(--muted)}.timeline-toolbar-caption{font-size:11px;letter-spacing:.02em;color:var(--muted);padding-right:4px}.timeline-toolbar-group-right{justify-self:end;margin-left:0}.timeline-interpolation,.timeline-playback-duration{display:inline-flex;align-items:center;gap:8px;font-size:12px}.timeline-playback-duration input{width:74px;border:1px solid #364257;background:#121923;color:#eef4ff;padding:3px 6px;border-radius:6px}.timeline-readout{font-size:12px;color:var(--muted);min-width:92px;text-align:center;font-variant-numeric:tabular-nums}.timeline-track{position:relative;min-height:72px;border:1px solid var(--line);border-radius:8px;background:#121924;overflow:hidden;cursor:crosshair}.timeline-track-inner{position:absolute;left:12px;right:12px;top:0;bottom:0}.timeline-track-line{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:#385071;z-index:2}.timeline-track-graph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}.timeline-track-graph-line{fill:none;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}.timeline-track-overlay-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--muted);background:#0a0e14c7;border:1px solid rgba(78,102,141,.55);border-radius:999px;padding:5px 12px;white-space:nowrap;pointer-events:none;z-index:5}.timeline-playhead{position:absolute;top:8px;bottom:8px;width:2px;transform:translate(-50%);background:#9ac2ff;pointer-events:none;z-index:3}.timeline-keyframe{position:absolute;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid #56719a;background:#7c96bc;padding:0;cursor:grab;z-index:4}.timeline-keyframe:active{cursor:grabbing}.timeline-keyframe.is-active{background:var(--accent-warm);border-color:#f2b073;box-shadow:0 0 0 2px #df8a3d3d}h2,h3,p{margin:0}h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}h3{font-size:12px;color:var(--text)}.muted{color:var(--muted);font-size:12px}.system-group{display:flex;flex-direction:column;gap:6px}.system-buttons{display:flex;flex-wrap:wrap;gap:6px}.system-button{border:1px solid var(--line);background:#222631;padding:4px 8px;font-size:12px}.system-button.is-active{border-color:var(--accent);color:#dcecff}.section-header-row{display:flex;justify-content:space-between;align-items:center}.section-actions{display:flex;gap:6px;align-items:center;min-width:0}.section-actions-menu-anchor{margin-left:auto;flex:0 0 auto}.definition-current-fragment-info{position:relative;min-width:0;flex:1 1 auto;display:flex;align-items:center;justify-content:flex-start}.definition-current-fragment-label{max-width:100%;color:#c7d3e8;padding:0;font-size:12px;line-height:1.2;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.definition-current-fragment-tooltip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);min-width:260px;max-width:min(560px,calc(100vw - 64px));border:1px solid #3f557a;background:#141e2e;color:#dcecff;border-radius:6px;padding:6px 8px;font-size:11px;line-height:1.35;white-space:pre-wrap;box-shadow:0 8px 20px #0000005c;opacity:0;visibility:hidden;pointer-events:none;z-index:2200;transition:opacity .12s ease,visibility .12s ease}.definition-current-fragment-info:hover .definition-current-fragment-tooltip{opacity:1;visibility:visible}.button-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.button-content svg{width:14px;height:14px;flex:0 0 auto}.section-header-row button{border:1px solid var(--line);background:#21252f;padding:4px 10px;font-size:12px}.section-header-row button:disabled{opacity:.55}.header-menu-anchor{position:relative}.header-menu-trigger{min-width:30px;padding:4px 8px;letter-spacing:.08em}.header-menu-trigger.is-text{min-width:auto;letter-spacing:normal}.header-menu-popup{position:absolute;top:calc(100% + 4px);right:0;min-width:170px;border:1px solid var(--line);background:#151a23;box-shadow:0 6px 18px #060a1059;border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:120}.header-menu-popup.is-upward{top:auto;bottom:calc(100% + 4px)}.header-menu-popup.is-align-start{left:0;right:auto}.header-menu-popup button{border:1px solid transparent;background:transparent;text-align:left;font-size:12px;padding:5px 8px;border-radius:4px}.header-menu-submenu{position:relative}.header-submenu-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-menu-submenu-popup{top:-4px;left:calc(100% + 4px);right:auto;min-width:190px;max-height:320px;overflow-y:auto;z-index:121}.menu-item-content{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.menu-item-content svg{width:13px;height:13px;flex:0 0 auto}.definition-actions-toolbar{gap:8px;flex-wrap:wrap}.definition-actions-group{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.definition-actions-group-session{margin-left:auto;justify-content:flex-end}.definition-actions-toolbar .app-button{white-space:nowrap;min-height:30px}.definition-editor-panel{flex:1;min-height:0}.definition-actions-more.header-menu-trigger,.definition-session-actions-trigger.header-menu-trigger{min-width:auto;padding:5px 10px;letter-spacing:normal;font-size:12px;line-height:1.2}.collapsible-header{display:flex;align-items:center}.collapsible-toggle{width:100%;border:none;background:transparent;padding:0;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer}.collapsible-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.collapsible-chevron{color:var(--muted);transform:rotate(0);transition:transform .12s ease}.collapsible-chevron.is-open{transform:rotate(90deg)}.collapsible-content{display:flex;flex-direction:column;gap:8px;min-height:0}.collapsible-content[hidden]{display:none}.source-editor{font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:16px;letter-spacing:0;font-variant-ligatures:none}.definition-editor{--editor-gutter-width: 46px;position:relative;width:100%;height:100%;min-height:160px;border:1px solid var(--line);border-radius:6px;background:#0f1218;overflow:hidden}.definition-editor-gutter{position:absolute;left:0;top:0;bottom:0;width:var(--editor-gutter-width);border-right:1px solid #2f3848;background:#0d1118;pointer-events:none;z-index:2;overflow:auto;scrollbar-width:none}.definition-editor-gutter::-webkit-scrollbar{width:0;height:0}.definition-editor-line-numbers{margin:0;padding:8px 8px 8px 0;text-align:right;color:#6e7a8f;white-space:pre;-webkit-user-select:none;user-select:none}.definition-editor-line-number{display:block;min-height:16px;line-height:16px}.definition-editor-line-number.is-active{color:#d4e5ff;font-weight:600}.definition-editor-highlight,.definition-editor-input{position:absolute;top:0;right:0;bottom:0;left:var(--editor-gutter-width);margin:0;padding:8px;border:none;outline:none;white-space:pre;overflow:auto;-moz-tab-size:2;tab-size:2;overflow-wrap:normal;word-break:normal;scrollbar-gutter:stable}.definition-editor-highlight{pointer-events:none;color:#cfd8e6;z-index:0;scrollbar-width:thin;scrollbar-color:transparent transparent}.definition-editor-highlight::-webkit-scrollbar{width:10px;height:10px}.definition-editor-highlight::-webkit-scrollbar-track,.definition-editor-highlight::-webkit-scrollbar-thumb{background:transparent;border:0}.definition-editor-input{resize:none;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#e8ecf3;z-index:1;scrollbar-width:thin;scrollbar-color:transparent transparent}.definition-editor-input::-webkit-scrollbar{width:8px;height:8px}.definition-editor-input::-webkit-scrollbar-track{background:transparent}.definition-editor-input::-webkit-scrollbar-thumb{background:#5fa3ff00;border-radius:999px;border:1px solid rgba(18,25,37,0);transition:background-color .14s ease,border-color .14s ease}.definition-editor-input:hover,.definition-editor-input:focus{scrollbar-color:rgba(95,163,255,.62) transparent}.definition-editor-input:hover::-webkit-scrollbar-thumb,.definition-editor-input:focus::-webkit-scrollbar-thumb{background:#5fa3ff9e;border-color:#1219258c}.definition-editor-input::-webkit-scrollbar-thumb:active{background:#5fa3ffc7}.definition-editor-highlight.is-wrap-enabled,.definition-editor-input.is-wrap-enabled{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.definition-editor-input.is-wrap-enabled{overflow-x:hidden}.definition-editor-input::selection{background:#5fa3ff59}.def-token-directive{color:#6cb8ff}.def-token-keyword{color:#ffb17a}.def-token-control{color:#86d7b7}.def-token-number{color:#ffd479}.def-token-string{color:#c7e58a}.def-token-comment{color:#7f8a9c}.def-token-operator{color:#adb8c9}.preset-tree{overflow:auto;display:flex;flex-direction:column;gap:4px}.systems-tree{overflow:auto;display:flex;flex-direction:column;gap:2px;position:relative;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--accent) #1a2231}.systems-tree::-webkit-scrollbar{width:10px;height:10px}.systems-tree::-webkit-scrollbar-track{background:#1a2231}.systems-tree::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px;border:2px solid #1a2231}.systems-tree-node{display:flex;flex-direction:column;gap:2px}.systems-tree-folder{border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;text-align:left;display:flex;align-items:center;gap:6px;padding:3px 4px}.systems-tree-folder:hover{background:#202531;border-color:var(--line)}.systems-tree-chevron{transform:rotate(0);transition:transform .12s ease}.systems-tree-chevron.is-open{transform:rotate(90deg)}.systems-tree-leaf-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.systems-tree-leaf{border:1px solid var(--line);background:#202531;color:var(--text);font-size:12px;text-align:left;padding:3px 6px}.systems-tree-leaf.is-active{border-color:var(--accent)}.systems-tree-delete{border:1px solid #5a3131;background:#2a1a1a;color:#e6b5b5;font-size:11px;padding:2px 6px}.systems-tree-hover-preview{position:fixed;width:min(260px,calc(100% - 20px));border:1px solid var(--line);background:#11161e;box-shadow:0 10px 18px #00000061;border-radius:6px;overflow:hidden;pointer-events:none;z-index:2500}.systems-tree-hover-preview img{display:block;width:100%;height:auto;background:#000}.systems-tree-hover-preview-label{font-size:11px;color:var(--muted);padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-node{display:flex;flex-direction:column;gap:4px}.preset-folder{font-size:12px;color:var(--muted)}.preset-children{margin-left:10px;border-left:1px solid var(--line);padding-left:8px;display:flex;flex-direction:column;gap:4px}.preset-button{text-align:left;border:1px solid var(--line);background:#202531;padding:4px 6px;font-size:12px}.preset-button.is-active{border-color:var(--accent)}.right-pane-tab-shell{display:flex;flex-direction:row;min-height:0;padding:0;overflow:hidden}.right-pane-tab-content{flex:1;min-width:0;min-height:0;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:transparent transparent}.right-pane-tab-content::-webkit-scrollbar{width:8px;height:8px}.right-pane-tab-content::-webkit-scrollbar-track{background:transparent}.right-pane-tab-content::-webkit-scrollbar-thumb{background:#5fa3ff00;border-radius:999px;border:1px solid rgba(18,25,37,0);transition:background-color .14s ease,border-color .14s ease}.right-pane-tab-content:hover,.right-pane-tab-content:focus-within{scrollbar-color:rgba(95,163,255,.62) transparent}.right-pane-tab-content:hover::-webkit-scrollbar-thumb,.right-pane-tab-content:focus-within::-webkit-scrollbar-thumb{background:#5fa3ff9e;border-color:#1219258c}.right-pane-tab-content::-webkit-scrollbar-thumb:active{background:#5fa3ffc7}.right-pane-uniforms{flex:1;min-height:0;display:flex}.vertical-tabs{border-left:1px solid var(--line);background:#161a22;display:flex;flex-direction:column;gap:0;padding:0 0 6px;min-width:44px;flex:0 0 auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent) #1a2231}.vertical-tab{border:1px solid #2e3c55;border-left:0;background:#1a2230;color:var(--muted);border-radius:0;padding:8px 5px;display:flex;justify-content:center;align-items:center;text-align:left;position:relative;margin-left:-1px;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.vertical-tab+.vertical-tab{margin-top:-1px}.vertical-tab:first-child{border-top-right-radius:7px}.vertical-tab:last-child{border-bottom-right-radius:7px}.vertical-tab:hover{border-color:#42597f;border-left:0;background:#253246;color:#d3e3ff}.vertical-tab:active{border-color:#4d648b;border-left:0;background:#233045;box-shadow:none;transform:none}.vertical-tab.is-active{border-top-color:#5f8ecc;border-right-color:#5f8ecc;border-bottom-color:#5f8ecc;color:#f2f7ff;border-left-color:var(--panel-2);background:#2a3b57;box-shadow:inset 0 0 0 1px #78acf638;z-index:1}.vertical-tab.is-active:before{content:"";position:absolute;left:-1px;top:1px;bottom:1px;width:1px;background:var(--panel-2)}.vertical-tab-label{writing-mode:vertical-lr;text-orientation:sideways;font-size:11px;letter-spacing:.04em;line-height:1;white-space:nowrap}.vertical-tab.is-active .vertical-tab-label{font-weight:600}.tab-reset-row{margin-top:8px;display:flex;justify-content:flex-end}.uniform-group-tabs{display:flex;flex-wrap:wrap;gap:6px}.uniform-group-tab{border:1px solid var(--line);background:#202531;color:var(--muted);font-size:11px;padding:3px 8px}.uniform-group-tab.is-active{border-color:var(--accent);color:#dcecff}.tab-reset-row button{border:1px solid var(--line);background:#21252f;padding:4px 8px;font-size:12px}.splash-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1800;background:#070a0fb8;display:flex;align-items:center;justify-content:center;padding:16px}.splash-modal{width:min(800px,calc(100vw - 72px));border:1px solid #37465f;border-radius:14px;background:#111722;box-shadow:0 18px 36px #0000006b;padding:8px}.splash-canvas-shell{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;border:1px solid #2f3f5a;overflow:hidden;background:#05070a;cursor:default}.splash-canvas-shell.is-ready{cursor:pointer}.splash-canvas{display:block;width:100%;height:100%;cursor:default}.splash-overlay-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-11%);gap:2px;padding:10px 18px;text-align:center;pointer-events:none;color:#eef4ff}.splash-overlay-title{margin:0;font-size:clamp(34px,5vw,52px);font-weight:700;letter-spacing:.025em;text-shadow:0 8px 30px rgba(0,0,0,.92),0 2px 10px rgba(0,0,0,.86)}.splash-overlay-version{margin:0;font-size:clamp(14px,1.5vw,17px);color:#c9d7f3;text-shadow:0 6px 24px rgba(0,0,0,.88),0 2px 8px rgba(0,0,0,.82)}.splash-overlay-subtitle{margin:12px 0 0;font-size:clamp(14px,1.5vw,18px);color:#d9e5fb;font-weight:600;letter-spacing:.02em;text-shadow:0 6px 24px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.82);opacity:.94;transition:opacity .16s ease,color .16s ease}.splash-overlay-subtitle.is-ready{color:#f4f8ff;opacity:1}.splash-overlay-detail{margin:4px 0 0;font-size:14px;color:#b4c7ea;text-shadow:0 5px 18px rgba(0,0,0,.84),0 1px 6px rgba(0,0,0,.78)}.splash-overlay-detail.is-warning{color:#ffd8d8}.splash-error{position:absolute;left:8px;right:8px;bottom:8px;border:1px solid #8a4b4b;background:#342020eb;color:#ffd8d8;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.3}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080cad;display:flex;align-items:center;justify-content:center;z-index:1000;padding:14px}.modal-window{width:min(520px,100%);border:1px solid var(--line);background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:8px}.blocking-task-modal-window{width:min(520px,100%)}.legacy-import-modal-window{width:min(760px,100%);max-height:min(84vh,760px);overflow:hidden}.legacy-import-tree-shell{flex:1;min-height:260px;min-width:0;border:1px solid var(--line);border-radius:6px;background:#11161f;padding:6px;display:flex}.blocking-task-detail{border:1px solid var(--line);background:#141922;border-radius:6px;padding:6px 8px;font-size:12px;color:#dcecff;white-space:pre-wrap;word-break:break-word}.blocking-task-progress{width:100%;height:10px;border:1px solid var(--line);background:#0f131a;border-radius:999px;overflow:hidden}.blocking-task-progress-fill{height:100%;background:var(--accent);transition:width .12s linear}.blocking-task-footer{display:flex;justify-content:flex-end;gap:6px}.export-modal-window{width:min(820px,100%);max-height:min(92vh,840px);overflow:hidden}.session-gallery-modal-window{width:80vw;height:80vh;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);min-width:680px;min-height:460px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}.session-gallery-modal-window:after{content:"";position:absolute;right:6px;bottom:6px;width:14px;height:14px;pointer-events:none;background:linear-gradient(135deg,transparent 42%,#607a9e 44%,#607a9e 50%,transparent 52%) bottom right / 100% 100% no-repeat,linear-gradient(135deg,transparent 58%,#607a9e 60%,#607a9e 66%,transparent 68%) bottom right / 100% 100% no-repeat;opacity:.9}.session-gallery-resize-handle{position:absolute;right:0;bottom:0;width:24px;height:24px;cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.session-gallery-resize-handle:hover{background:radial-gradient(circle at bottom right,rgba(95,163,255,.14),transparent 70%)}.session-gallery-resize-handle:active{background:radial-gradient(circle at bottom right,rgba(95,163,255,.2),transparent 72%)}.session-gallery-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.session-gallery-header-drag{flex:1 1 auto;min-width:0;position:relative;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid var(--line);background:#151b24;border-radius:6px;padding:6px 10px}.session-gallery-header h3{margin:0;font-size:18px;line-height:1.1}.session-gallery-header-drag:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:10px;border-radius:2px;opacity:.8;background:repeating-linear-gradient(90deg,transparent 0,transparent 2px,#5d7698 2px,#5d7698 4px)}.session-gallery-header-drag:hover{border-color:#3d4c63;background:#17202c}.session-gallery-header-drag:active{border-color:var(--accent)}.session-gallery-header-actions{display:flex;gap:6px;align-items:center}.session-gallery-external-row{border:1px solid var(--line);background:#11161e;border-radius:6px;padding:4px 6px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.session-gallery-external-input-field{display:flex;min-width:0}.session-gallery-external-input.modal-input{width:100%}.session-gallery-external-error{margin:-2px 2px 0}.session-gallery-external-sources{border:1px solid var(--line);background:#11161e;border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:4px;max-height:112px;overflow:auto}.session-gallery-external-empty{border:1px dashed var(--line);background:#11161e;border-radius:6px;padding:8px;font-size:12px}.session-gallery-external-source-chip{border:1px solid var(--line);background:#0f141c;border-radius:6px;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.session-gallery-external-source-chip.is-error{border-color:#8a4e4e;background:#1d1316}.session-gallery-external-source-main{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto}.session-gallery-external-source-label{color:var(--text);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-gallery-external-source-count{border:1px solid var(--line);background:#171d27;color:var(--muted);border-radius:999px;padding:1px 7px;font-size:10px;white-space:nowrap;font-weight:700;line-height:1.2;min-width:20px;text-align:center}.session-gallery-external-source-count.is-ready{border-color:#345d3c;color:#c7f0d1;background:#15211a}.session-gallery-external-source-count.is-loading{border-color:#8d7a37;color:#ffe8a6;background:#261f12}.session-gallery-external-source-count.is-error{border-color:#8a4e4e;color:#ffd7d7;background:#26191b}.session-gallery-external-source-actions{display:flex;gap:4px;align-items:center;flex:0 0 auto}.session-gallery-footer{border:1px solid var(--line);background:#141922;border-radius:6px;padding:6px 8px}.session-gallery-submodal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;background:#04060a9e;display:flex;align-items:center;justify-content:center;padding:16px}.session-gallery-submodal-window{width:min(560px,100%);border:1px solid var(--line);background:#161b24;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 28px #00000052}.session-gallery-submodal-header h4{margin:0;font-size:14px;color:#dcecff}.session-gallery-submodal-field{display:flex;flex-direction:column;gap:4px;min-width:0}.session-gallery-submodal-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.session-gallery-submodal-copy{margin:0;font-size:13px;line-height:1.4;color:#dcecff}.session-gallery-storage-stats{display:flex;flex-wrap:nowrap;gap:6px;align-items:stretch;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent) #1a2231}.session-gallery-storage-stat{flex:1 0 0;min-width:180px;border:1px solid var(--line);background:#10151d;border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.session-gallery-storage-label{font-size:11px;color:var(--muted)}.session-gallery-storage-value{font-size:12px;color:#dcecff;word-break:break-word}.session-gallery-storage-value-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.session-gallery-storage-value-row .session-gallery-storage-value{min-width:0}.session-gallery-inline-link{border:0;background:transparent;color:var(--accent);padding:0;margin:0;font:inherit;line-height:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.session-gallery-inline-link:hover:not(:disabled){color:#b9d7ff}.session-gallery-inline-link:disabled{color:var(--muted);cursor:default;text-decoration:none}.session-gallery-toolbar{display:flex;justify-content:flex-end;gap:10px;align-items:center;border:1px solid var(--line);background:#141922;border-radius:6px;padding:6px 8px}.session-gallery-toolbar-left{display:flex;align-items:center;gap:6px;min-width:0}.session-gallery-toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.session-gallery-selection{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-gallery-rename-row{border:1px solid var(--line);background:#141922;border-radius:6px;padding:6px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.session-gallery-rename-field{display:flex;flex-direction:column;gap:4px;min-width:0}.session-gallery-rename-input.modal-input{width:100%}.session-gallery-rename-actions{display:flex;gap:6px;align-items:center}.session-gallery-rename-error{grid-column:1 / -1}.session-gallery-zoom,.session-gallery-sort-field{display:flex;align-items:center;gap:6px}.session-gallery-sort-select.modal-input{min-width:112px;padding:5px 30px 5px 8px}.session-gallery-filter-field{display:flex;align-items:center;gap:6px;min-width:0}.session-gallery-filter-input.modal-input{width:260px;min-width:180px;padding:5px 8px}.session-gallery-modal-window input[type=range]{accent-color:var(--accent);margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.session-gallery-zoom input[type=range]{width:160px}.session-gallery-modal-window input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#202a3a;border:1px solid #2d3c54}.session-gallery-modal-window input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:1px solid #a9cdfd;margin-top:-5px;box-shadow:0 0 0 1px #14181f59}.session-gallery-modal-window input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:#202a3a;border:1px solid #2d3c54}.session-gallery-modal-window input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:1px solid #a9cdfd;box-shadow:0 0 0 1px #14181f59}.session-gallery-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(180px,var(--session-gallery-sidebar-width, 300px)) 10px 1fr;gap:0}.session-gallery-sidebar{border:1px solid var(--line);background:#141922;border-radius:6px;padding:6px 4px;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.session-gallery-sidebar-filter{border-bottom:1px solid var(--line);padding:0 2px 6px}.session-gallery-sidebar-filter .session-gallery-filter-field{width:100%;flex-direction:column;align-items:stretch;gap:4px}.session-gallery-sidebar-filter .session-gallery-filter-input.modal-input{width:100%;min-width:0}.session-gallery-splitter{position:relative;min-height:0;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.session-gallery-splitter:before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;transform:translate(-50%);border-radius:999px;background:#2a364a}.session-gallery-splitter:hover:before{background:#4f6990}.session-gallery-splitter:active:before{background:var(--accent)}.session-gallery-sidebar-tree{min-height:0;flex:1;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--accent) #1a2231}.session-gallery-sidebar-tree::-webkit-scrollbar{width:10px;height:10px}.session-gallery-sidebar-tree::-webkit-scrollbar-track{background:#1a2231}.session-gallery-sidebar-tree::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px;border:2px solid #1a2231}.session-gallery-sidebar-external{border-top:1px solid var(--line);padding:6px 2px 0;display:flex;flex-direction:column;gap:6px}.session-gallery-sidebar-section-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.session-gallery-sidebar-add-source-button.app-button{width:100%;justify-content:center}.session-gallery-folder-node{display:flex;flex-direction:column}.session-gallery-folder-row{display:flex;align-items:center;gap:4px;position:relative}.session-gallery-folder-button{border:1px solid transparent;background:transparent;color:var(--text);font-size:12px;text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:4px 8px;min-width:0;flex:1 1 auto}.session-gallery-folder-tooltip{position:absolute;left:8px;bottom:calc(100% + 6px);max-width:min(460px,calc(100vw - 24px));border:1px solid #3f557a;background:#141e2e;color:#dcecff;border-radius:6px;padding:7px 9px;font-size:13px;line-height:1.35;white-space:pre-wrap;box-shadow:0 8px 20px #0000005c;opacity:0;visibility:hidden;pointer-events:none;z-index:2400;transition:opacity .12s ease,visibility .12s ease}.session-gallery-folder-button:hover .session-gallery-folder-tooltip,.session-gallery-folder-button:focus-visible .session-gallery-folder-tooltip{opacity:1;visibility:visible}.session-gallery-folder-button.is-active{border-color:var(--accent);background:#1b2432}.session-gallery-folder-count{color:var(--muted);font-size:11px;flex:0 0 auto}.session-gallery-folder-count.is-external-status{border:1px solid var(--line);border-radius:999px;padding:1px 6px;font-weight:700;min-width:20px;text-align:center;background:#171d27}.session-gallery-folder-count.is-external-status.is-ready{border-color:#345d3c;color:#c7f0d1;background:#15211a}.session-gallery-folder-count.is-external-status.is-loading{border-color:#8d7a37;color:#ffe8a6;background:#261f12}.session-gallery-folder-count.is-external-status.is-error{border-color:#8a4e4e;color:#ffd7d7;background:#26191b}.session-gallery-folder-row-actions{display:flex;gap:4px;flex:0 0 auto;margin-right:2px}.session-gallery-folder-row-action.app-button{min-width:22px;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:12px}.session-gallery-folder-row-action-refresh.app-button{color:#9be0ae;border-color:#3e6a4a;background:#141d17}.session-gallery-folder-row-action-refresh.app-button:not(:disabled):hover{color:#d6ffe0;border-color:#4f8a60;background:#1a261f}.session-gallery-folder-row-action-remove.app-button{color:#ff8f8f;border-color:#6a3f3f;background:#191316}.session-gallery-folder-row-action-remove.app-button:not(:disabled):hover{color:#ffd2d2;border-color:#8a5050;background:#24181c}.session-gallery-folder-row-action-delete-local.app-button{color:#ff8f8f;border-color:#6a3f3f;background:#191316}.session-gallery-folder-row-action-delete-local.app-button:not(:disabled):hover{color:#ffd2d2;border-color:#8a5050;background:#24181c}.session-gallery-folder-delete-icon{display:inline-flex;width:12px;height:12px}.session-gallery-folder-delete-icon svg{width:12px;height:12px;display:block;fill:currentColor}.session-gallery-folder-row-status-badge{margin-right:2px}.session-gallery-grid-panel{border:1px solid var(--line);background:#141922;border-radius:6px;min-height:0;padding:8px;overflow:hidden;display:flex;flex-direction:column;gap:8px}.session-gallery-grid-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--accent) #1a2231}.session-gallery-grid-scroll::-webkit-scrollbar{width:10px;height:10px}.session-gallery-grid-scroll::-webkit-scrollbar-track{background:#1a2231}.session-gallery-grid-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px;border:2px solid #1a2231}.session-gallery-grid-actions{border-top:1px solid var(--line);padding-top:8px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.session-gallery-empty{padding:8px}.session-gallery-grid{--session-gallery-thumb-size: 184px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--session-gallery-thumb-size),1fr));gap:10px;align-content:start}.session-gallery-tile{border:1px solid var(--line);background:#11161e;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:0;text-align:left;min-width:0}.session-gallery-tile.is-entering{opacity:0;animation:session-gallery-tile-fade-in .22s ease forwards;animation-delay:var(--session-gallery-tile-delay, 0ms)}.session-gallery-tile.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #6eaaff38}.session-gallery-tile-preview{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;overflow:hidden}.session-gallery-tile-preview-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;background:transparent}.session-gallery-tile-preview-image.is-active.is-fading{animation:session-gallery-preview-crossfade .34s ease}.session-gallery-tile-preview-indicator{position:absolute;right:6px;bottom:6px;border:1px solid rgba(82,111,154,.75);background:#080d15d1;color:#d6e2f7;border-radius:999px;padding:1px 6px;font-size:10px;line-height:1.2;font-weight:600}.session-gallery-tile-label{font-size:11px;color:var(--text);padding:0 6px 6px;line-height:1.25;word-break:break-word}.session-gallery-file-input{display:none}.session-gallery-drop-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none}.session-gallery-drop-overlay-panel{min-width:min(420px,calc(100% - 24px));max-width:calc(100% - 24px);border:2px dashed #6a8bc2;background:#121924eb;color:#eaf1ff;border-radius:10px;padding:16px 18px;text-align:center;box-shadow:0 10px 24px #00000057}.session-gallery-drop-overlay-title{font-size:14px;font-weight:600}.session-gallery-drop-overlay-detail{margin-top:4px;color:var(--muted);font-size:12px}@keyframes session-gallery-tile-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes session-gallery-preview-crossfade{0%{opacity:0}to{opacity:1}}.help-modal-window{width:min(760px,100%);max-height:min(88vh,760px);overflow:auto;border-radius:8px}.help-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.help-modal-header h3{margin:0}.help-modal-header button{border:1px solid var(--line);background:#21252f;padding:4px 10px;font-size:12px}.help-tabs{display:flex;gap:6px}.help-tab{border:1px solid var(--line);background:#1a2230;color:var(--muted);font-size:12px;font-weight:600;padding:5px 10px}.help-tab.is-active{border-color:var(--accent);color:#dcecff;background:#17263f}.help-section{border:1px solid var(--line);background:#151a23;border-radius:6px;padding:8px}.help-section h4{margin:0 0 8px;font-size:12px;color:#dcecff}.help-about-section{display:flex;flex-direction:column;gap:8px}.help-about-heading{margin:0;color:#dcecff;font-size:14px;font-weight:700}.help-about-line{margin:0;color:var(--text);font-size:12px;line-height:1.4}.help-about-line a{color:var(--accent)}.help-shortcuts-section,.help-diagnostics-section{display:flex;flex-direction:column;gap:8px}.help-collapsible-section{padding:0}.help-collapsible-summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px;display:flex;align-items:center;gap:8px;color:#dcecff}.help-collapsible-summary::-webkit-details-marker{display:none}.help-collapsible-summary:before{content:"▸";color:var(--muted);font-size:12px;line-height:1}.help-collapsible-section[open] .help-collapsible-summary:before{content:"▾"}.help-collapsible-summary:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;border-radius:6px 6px 0 0}.help-collapsible-title{font-size:12px}.help-collapsible-content{padding:0 8px 8px}.help-shortcut-list{display:flex;flex-direction:column;gap:4px}.help-shortcut-row{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:10px;align-items:baseline;font-size:12px}.help-shortcut-keys{color:#dcecff;font-family:inherit}.help-shortcut-action{color:var(--text)}.help-diagnostics{display:flex;flex-direction:column;gap:10px}.help-diagnostics-banner{border:1px solid var(--line);background:#171c24;color:var(--text);border-radius:6px;padding:8px 10px;font-size:12px}.help-diagnostics-banner.warning{border-color:#7f4e4e;background:#241718;color:#ffd9d9}.help-diagnostics-block{border:1px solid var(--line);background:#151a22;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.help-diagnostics-block-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.help-diagnostics-list{display:flex;flex-direction:column;gap:4px}.help-diagnostics-row{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:8px;align-items:start;font-size:12px}.help-diagnostics-label{color:var(--muted)}.help-diagnostics-value{color:var(--text);word-break:break-word}.help-diagnostics-capability-list{display:flex;flex-direction:column;gap:6px}.help-diagnostics-capability-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:start}.help-diagnostics-capability-status{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;border:1px solid var(--line);background:#141922;color:var(--muted);width:fit-content}.help-diagnostics-capability-status.ok{border-color:#34653a;background:#17231a;color:#c7f3ca}.help-diagnostics-capability-status.error{border-color:#8e4b4b;background:#26191b;color:#ffd2d2}.help-diagnostics-capability-status.muted{border-color:var(--line);background:#141922;color:var(--muted)}.help-diagnostics-capability-label{color:var(--text);font-size:12px}.help-diagnostics-capability-detail{grid-column:2;color:var(--muted);font-size:11px}.export-modal-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px}.export-modal-titlebar-drag{flex:1;min-width:0;position:relative;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid var(--line);background:#161b24;border-radius:6px;padding:6px 34px 6px 8px}.export-modal-titlebar-drag:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:10px;border-radius:2px;opacity:.8;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 2px,#5d7698 2px,#5d7698 4px)}.export-modal-titlebar-drag:hover{border-color:#3d4c63;background:#17202c}.export-modal-titlebar-drag:active{border-color:var(--accent)}.export-modal-titlebar-drag h3{margin:0}.export-modal-titlebar button{border:1px solid var(--line);background:#21252f;padding:4px 10px;font-size:12px}.export-modal-body{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding-right:2px}.export-format-row .app-button.is-selected{border-color:#5a8fe2;background:#2a5fb7;color:#f2f7ff}.export-section{border:1px solid var(--line);background:#151a23;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:8px}.export-preset-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.export-inline-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.export-grid-animation{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.export-aspect-lock{justify-content:space-between;gap:8px;border:1px solid var(--line);background:#161b24;border-radius:6px;padding:6px 8px}.export-inline-option-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:2px;padding-top:8px}.export-timeline-info.is-warning{border-color:#6a4f2d;background:#1f1a14}.export-derived-field{border:1px solid var(--line);border-radius:6px;background:#11151c;min-height:30px;padding:6px 8px;display:flex;align-items:center;font-size:12px;color:#e9f1ff}.export-estimate-summary{border:1px solid #334867;background:#152237;border-radius:6px;padding:6px 8px;font-size:12px;color:#dceaff}.export-modal-actions{justify-content:space-between;align-items:center}.export-modal-actions-left,.export-modal-actions-right{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.export-modal-actions-right{justify-content:flex-end}.export-progress-panel{border:1px solid var(--line);background:#141922;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.export-progress-row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.export-progress-bar{width:100%;height:10px;border:1px solid var(--line);background:#0f131a;border-radius:999px;overflow:hidden}.export-progress-fill{height:100%;background:var(--accent);transition:none}.modal-field{display:flex;flex-direction:column;gap:4px}.modal-input{border:1px solid var(--line);background:#11151c;padding:6px 8px;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:6px}.modal-actions button{border:1px solid var(--line);background:#21252f;padding:4px 10px;font-size:12px}.modal-actions .button-danger{border-color:#5a3131;background:#2a1a1a;color:#e6b5b5}.dialog-error{font-size:12px;color:var(--danger)}.dialog-warning{font-size:12px;color:#e9cb8a}.viewport-pane{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.viewport-splash-placeholder{width:100%;height:100%;background:#020407}.viewport-canvas{position:absolute;left:0;top:0;display:block;outline:none;background:#000}.viewport-aspect-overlay{position:absolute;right:8px;top:8px;z-index:2;pointer-events:none;background:#0a0c10a6;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:3px 8px;color:#dce2ef;font-size:11px;line-height:1.1;font-variant-numeric:tabular-nums}.viewport-overlay{position:absolute;left:8px;top:8px;display:flex;gap:8px;background:#0a0c1099;border:1px solid rgba(255,255,255,.15);padding:4px 8px;font-size:11px;color:#dce2ef}.uniform-panel{display:flex;flex-direction:column;gap:8px;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.uniform-panel::-webkit-scrollbar{width:8px;height:8px}.uniform-panel::-webkit-scrollbar-track{background:transparent}.uniform-panel::-webkit-scrollbar-thumb{background:#5fa3ff00;border-radius:999px;border:1px solid rgba(18,25,37,0);transition:background-color .14s ease,border-color .14s ease}.uniform-panel:hover,.uniform-panel:focus-within{scrollbar-color:rgba(95,163,255,.62) transparent}.uniform-panel:hover::-webkit-scrollbar-thumb,.uniform-panel:focus-within::-webkit-scrollbar-thumb{background:#5fa3ff9e;border-color:#1219258c}.uniform-panel::-webkit-scrollbar-thumb:active{background:#5fa3ffc7}.uniform-group{border:1px solid var(--line);background:#181c24;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.uniform-row{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center}.uniform-row.compact{grid-template-columns:20px 1fr}.uniform-label,.uniform-axis{font-size:11px;color:var(--muted)}.option-help-trigger{position:relative;display:inline-flex;align-items:center;cursor:default}.option-help-text{color:inherit;transition:color .14s ease,text-shadow .14s ease}.option-help-trigger:hover .option-help-text{color:#d8e8ff;text-shadow:0 0 8px rgba(95,163,255,.42)}.option-help-popup{position:absolute;left:0;top:calc(100% + 8px);transform:none;min-width:210px;max-width:300px;border:1px solid #3f557a;background:#141e2e;color:#dcecff;border-radius:6px;padding:6px 8px;font-size:11px;line-height:1.35;letter-spacing:0;text-transform:none;white-space:normal;box-shadow:0 8px 20px #0000005c;opacity:0;visibility:hidden;pointer-events:none;z-index:2200;transition:opacity .13s ease,visibility .13s ease}.option-help-popup:before{content:"";position:absolute;left:12px;top:-5px;width:8px;height:8px;transform:rotate(45deg);background:#141e2e;border-top:1px solid #3f557a;border-left:1px solid #3f557a}.option-help-trigger:hover .option-help-popup{opacity:1;visibility:visible}.uniform-inputs{display:grid;grid-template-columns:1fr 88px;gap:6px;align-items:center}.uniform-number{width:100%;border:1px solid var(--line);background:#11151c;padding:2px 4px;font-size:11px}.uniform-inputs input[type=range]{width:100%;accent-color:var(--accent);--range-thumb-color: var(--accent);--range-thumb-border: #a9cdfd}.uniform-inputs input[type=range].slider-default{accent-color:var(--accent)}.uniform-inputs input[type=range].slider-changed{accent-color:var(--accent-warm);--range-thumb-color: var(--accent-warm);--range-thumb-border: #efc08e}.uniform-inputs select{font-size:11px;padding:2px 26px 2px 6px}.uniform-inputs.uniform-inputs-checkbox{grid-template-columns:1fr}.uniform-inputs.uniform-inputs-direction,.render-aspect-preset-inputs{grid-template-columns:minmax(0,1fr)}.render-aspect-lock-row{justify-content:flex-start}.render-aspect-ratio-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.render-aspect-ratio-sep{color:var(--muted);font-size:12px;line-height:1}.toggle-switch{--toggle-on-bg: var(--accent);--toggle-off-bg: #283142;position:relative;display:inline-flex;align-items:center;gap:8px;color:var(--muted);-webkit-user-select:none;user-select:none;cursor:pointer}.toggle-switch.slider-changed{--toggle-on-bg: var(--accent-warm)}.toggle-switch.is-disabled{opacity:.6;cursor:default}.toggle-switch-input{position:absolute;left:0;top:0;width:28px;height:16px;margin:0;padding:0;border:0;opacity:0}.toggle-switch-track{width:28px;height:16px;border-radius:999px;border:1px solid var(--line);background:var(--toggle-off-bg);padding:1px;box-sizing:border-box;display:inline-flex;align-items:center;transition:background-color .12s ease,border-color .12s ease}.toggle-switch-thumb{width:10px;height:10px;border-radius:999px;background:#f4f7fb;box-shadow:0 1px 2px #00000059;transform:translate(0);transition:transform .12s ease}.toggle-switch.is-checked .toggle-switch-track{background:var(--toggle-on-bg);border-color:color-mix(in srgb,var(--toggle-on-bg) 55%,#ffffff 8%)}.toggle-switch.is-checked .toggle-switch-thumb{transform:translate(14px)}.toggle-switch-input:focus-visible+.toggle-switch-track{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch-state{font-size:11px;line-height:1;width:3ch;text-align:left;color:inherit}.toggle-switch.is-checked .toggle-switch-state{color:var(--text)}.integrator-toggle-checkbox{font-size:11px}.integrator-mode-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.integrator-mode-tile{border:1px solid #344560;background:#161f2d;color:#b8c9e5;border-radius:8px;padding:9px 8px;min-height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;font-size:13px;line-height:1.05;text-align:center}.integrator-mode-tile:hover{border-color:#4f6a91;background:#1d2940}.integrator-mode-tile.is-active{border-color:var(--accent);background:#243754;color:#eff5ff;box-shadow:inset 0 0 0 1px #5fa3ff33}.integrator-mode-tile-label{letter-spacing:.01em;font-weight:700}.integrator-option-group{display:flex;flex-direction:column;gap:4px;padding-top:2px}.integrator-option-group+.integrator-option-group{border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.integrator-option-group-title{margin:6px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.integrator-control-row{display:grid;grid-template-columns:104px minmax(0,1fr) 74px;gap:8px;align-items:center}.integrator-control-row-nested{padding-left:12px}.integrator-control-label{font-size:11px;color:var(--muted)}.integrator-control-label-sub{font-size:10px;color:#8f9eb3}.integrator-control-slider{width:100%;accent-color:var(--accent);--range-thumb-color: var(--accent);--range-thumb-border: #a9cdfd}.integrator-control-slider.slider-default{accent-color:var(--accent)}.integrator-control-slider.slider-changed{accent-color:var(--accent-warm);--range-thumb-color: var(--accent-warm);--range-thumb-border: #efc08e}@supports (-moz-appearance: none){.uniform-inputs input[type=range],.integrator-control-slider{-moz-appearance:none;background:transparent}.uniform-inputs input[type=range]::-moz-range-track,.integrator-control-slider::-moz-range-track{height:4px;border-radius:999px;background:#424957;border:1px solid #656f81}.uniform-inputs input[type=range]::-moz-range-progress,.integrator-control-slider::-moz-range-progress{height:4px;border-radius:999px;background:var(--range-thumb-color, var(--accent));border:1px solid color-mix(in srgb,var(--range-thumb-color, var(--accent)) 65%,#dbe9ff 10%)}.uniform-inputs input[type=range]::-moz-range-thumb,.integrator-control-slider::-moz-range-thumb{width:12px;height:12px;border-radius:999px;border:1px solid var(--range-thumb-border, #a9cdfd);background:var(--range-thumb-color, var(--accent));box-shadow:0 0 0 1px #11182357}}.integrator-control-main{min-width:0}.integrator-toggle-cell,.integrator-color-cell{grid-column:2 / 4}.integrator-toggle-cell{display:flex;align-items:center}.integrator-control-value{border-color:#2a3240;background:#111722}.integrator-color-control{display:flex;flex-direction:column;gap:4px}.integrator-color-cell .color-picker-button{width:100%;max-width:260px}.integrator-color-cell .color-picker-trigger{width:100%;justify-content:space-between;border-color:#2e3645;background:#151b25}.integrator-color-cell .color-picker-trigger:not(:disabled):hover{border-color:#465674;background:#1a2230}.integrator-color-cell .color-picker-trigger:not(:disabled):active{background:#141b27}.integrator-vector-subgroup{display:flex;flex-direction:column;gap:3px}.integrator-direction-control{gap:6px}.integrator-direction-layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding-left:12px}.integrator-direction-trackball{width:88px;height:88px}.integrator-direction-fields{display:flex;flex-direction:column;gap:4px}.integrator-direction-fields .integrator-control-row{grid-template-columns:16px minmax(0,1fr);padding-left:0}.integrator-control-value-direction{grid-column:2 / 3;max-width:96px}.integrator-vector-subgroup-title{margin:2px 0 0;padding-left:12px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#8f9eb3}.uniform-bool{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.uniform-vector{display:flex;flex-direction:column;gap:4px}.uniform-direction-layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.uniform-direction-fields{display:flex;flex-direction:column;gap:4px}.uniform-row-direction-axis{grid-template-columns:16px minmax(0,1fr)}.uniform-vector-header{display:flex;justify-content:space-between;align-items:center}.uniform-vector-header-centered{justify-content:center;text-align:center}.uniform-vector-header-centered .uniform-label{width:100%;text-align:center}.direction-trackball{width:88px;height:88px;border:1px solid #2d3b54;border-radius:8px;background:#141a24;display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.direction-trackball:active{cursor:grabbing}.direction-trackball-svg{display:block}.direction-trackball-sphere{fill:#121a27;stroke:#496891;stroke-width:1.2}.direction-trackball-great-circle{fill:none;stroke:#4b6285;stroke-width:1;stroke-dasharray:2.5 2.5;opacity:.9}.direction-trackball-arrow{stroke:var(--accent);stroke-width:2}.direction-trackball-arrow.is-hidden{stroke:#6b7483;opacity:.75}.direction-trackball-arrow-head{fill:var(--accent)}.direction-trackball-arrow-head.is-hidden{fill:#6b7483}.direction-trackball-origin{fill:#9eb5d8}.direction-trackball-tip{fill:#eaf3ff}.direction-trackball-tip.is-hidden{fill:#9aa2ad}.color-picker-button{position:relative;display:inline-flex}.color-picker-native-input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.color-picker-trigger{min-width:112px;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1}.color-picker-trigger:disabled{opacity:.6}.color-picker-trigger:not(:disabled):hover{filter:brightness(1.06) saturate(1.02)}.color-picker-trigger:not(:disabled):active{filter:brightness(.95) saturate(1.04)}.color-picker-text{font-family:JetBrains Mono,Consolas,monospace;letter-spacing:.01em;white-space:nowrap}.error-strip{border-top:1px solid #533;background:#2a1717;color:var(--danger);font-size:12px;padding:6px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.error-strip-messages{display:flex;gap:10px;flex-direction:column;flex:1 1 380px;min-width:220px}.error-strip-message{display:flex;flex-direction:column;gap:4px;min-width:0}.error-strip-message-label{color:#ffd0d0}.error-strip-message-preview{margin:0;padding:6px 8px;border:1px solid #553030;background:#00000029;color:inherit;font:inherit;white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:9.5em}.error-strip-diagnostics{display:flex;flex-direction:column;gap:4px}.error-strip-summary{color:#ffbcbc;font-size:11px}.error-strip-raw-log{display:flex;flex-direction:column;gap:6px}.error-strip-raw-toggle{align-self:flex-start}.error-diagnostic-button{text-align:left;white-space:normal;line-height:1.25}.error-strip-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.error-strip button{border:1px solid #6a3d3d;background:#3a2323;color:#ffd7d7;font-size:11px;padding:3px 8px}.error-strip-status{color:#ffb7b7;font-size:11px}.toast-stack{position:fixed;right:12px;bottom:12px;z-index:1400;display:flex;flex-direction:column-reverse;gap:8px;max-width:min(340px,calc(100vw - 24px));pointer-events:none}.toast-item{border:1px solid #355077;background:#1b2737;color:#dcecff;border-radius:6px;box-shadow:0 4px 14px #050a1259;padding:7px 10px;font-size:12px;line-height:1.35}.toast-item.is-error{border-color:#8a4b4b;background:#342020;color:#ffd8d8}.section-header-row button:not(:disabled):hover,.export-modal-titlebar button:not(:disabled):hover,.tab-reset-row button:not(:disabled):hover,.modal-actions button:not(:disabled):hover,.system-button:not(:disabled):hover,.uniform-group-tab:not(:disabled):hover,.preset-button:not(:disabled):hover,.systems-tree-leaf:not(:disabled):hover,.systems-tree-folder:not(:disabled):hover,.error-strip button:not(:disabled):hover{background:#273041;border-color:#3f5272;color:#eaf1ff}.section-header-row button:not(:disabled):active,.export-modal-titlebar button:not(:disabled):active,.tab-reset-row button:not(:disabled):active,.modal-actions button:not(:disabled):active,.system-button:not(:disabled):active,.uniform-group-tab:not(:disabled):active,.preset-button:not(:disabled):active,.systems-tree-leaf:not(:disabled):active,.systems-tree-folder:not(:disabled):active,.error-strip button:not(:disabled):active{background:#1b2535;border-color:var(--accent);box-shadow:inset 0 0 0 1px #5fa3ff40;transform:translateY(1px)}.systems-tree-delete:not(:disabled):hover,.modal-actions .button-danger:not(:disabled):hover{background:#3b2323;border-color:#9f5757;color:#ffd2d2}.systems-tree-delete:not(:disabled):active,.modal-actions .button-danger:not(:disabled):active{background:#2a1a1a;border-color:#d78484;box-shadow:inset 0 0 0 1px #ff828240;transform:translateY(1px)}.header-menu-popup button:not(:disabled):hover{background:#273041;border-color:#3f5272;color:#eaf1ff}.header-menu-popup button:not(:disabled):active{background:#1b2535;border-color:var(--accent);box-shadow:inset 0 0 0 1px #5fa3ff40;transform:translateY(1px)}.session-gallery-folder-button:not(:disabled):hover,.session-gallery-tile:not(:disabled):hover{background:#1b2330;border-color:#3f5272}.session-gallery-folder-button:not(:disabled):active,.session-gallery-tile:not(:disabled):active{background:#151d2a;border-color:var(--accent)}select,input,textarea{border-radius:0}button{border-radius:6px}button.app-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #323a49;background:#252c38;color:#eaf1ff;padding:5px 10px;font-size:12px;line-height:1;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000026}button.app-button.is-md{padding:7px 12px;font-size:12px}button.app-button.is-sm{padding:5px 10px}button.app-button.is-block{width:100%}button.app-button.is-default{border-color:#374153;background:#252d3a;color:#e7eefc}button.app-button.is-ghost{border-color:#2e3645;background:#1d232d;color:#dbe6fb}button.app-button.is-primary{border-color:#4d7ecf;background:#2b5fb8;color:#f3f8ff}button.app-button.is-danger{border-color:#8c4b4b;background:#4a2525;color:#ffd9d9}button.app-button:not(:disabled):hover{background:#2c3644;border-color:#4b5a73;color:#f2f6ff}button.app-button.is-ghost:not(:disabled):hover{background:#242d3a;border-color:#42516a}button.app-button.is-primary:not(:disabled):hover{background:#3770d2;border-color:#6a9cf0}button.app-button.is-danger:not(:disabled):hover{background:#5a2d2d;border-color:#b56a6a}button.app-button:not(:disabled):active{background:#202834;border-color:var(--accent);box-shadow:inset 0 0 0 1px #5fa3ff33,0 1px 1px #0000001f;transform:translateY(1px)}button.app-button.is-primary:not(:disabled):active{background:#2755a3;border-color:#7aabff}button.app-button.is-danger:not(:disabled):active{background:#472222;border-color:#d18f8f}button.app-button:disabled{opacity:.55;box-shadow:none}.topbar-export-button.app-button{border-color:#5b8fe6;background:#2f69c7}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #364257;background-color:#121923;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23b6c7e5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;color:#eef4ff;padding:4px 30px 4px 8px;border-radius:6px;line-height:1.2;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}select:hover:not(:disabled){border-color:#506486;background-color:#162132}select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #5fa3ff40}select:disabled{opacity:.55;cursor:default}select.modal-input{padding-right:30px}select option{background:#111824;color:#eef4ff}.right-pane .section-block{overflow:hidden}@media(max-width:1100px){.topbar{grid-template-columns:1fr;gap:8px;padding:8px 12px}.topbar-left,.topbar-center,.topbar-actions{justify-content:center}.topbar-gallery-button.app-button{min-width:0}.topbar-status{display:none}.uniform-row{grid-template-columns:1fr}.uniform-inputs{grid-template-columns:1fr 74px}.integrator-control-row{grid-template-columns:1fr;gap:4px}.integrator-control-row-nested{padding-left:8px}.integrator-toggle-cell,.integrator-color-cell{grid-column:auto}.integrator-color-cell .color-picker-button{max-width:none}.session-gallery-layout{grid-template-columns:1fr;gap:10px}.session-gallery-modal-window{width:calc(100vw - 28px);height:calc(100vh - 28px);max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);min-width:0;min-height:0;resize:none}.session-gallery-sidebar{max-height:180px}.session-gallery-splitter,.session-gallery-resize-handle{display:none}.session-gallery-sidebar-tree{max-height:90px}.session-gallery-toolbar{flex-direction:column;align-items:stretch}.session-gallery-external-row{grid-template-columns:1fr;align-items:stretch}.session-gallery-external-source-chip{align-items:flex-start}.session-gallery-external-source-actions{justify-content:flex-end;flex-wrap:wrap}.session-gallery-toolbar-left,.session-gallery-toolbar-right,.session-gallery-zoom{width:100%;flex-wrap:wrap}.session-gallery-rename-row{grid-template-columns:1fr;align-items:stretch}.session-gallery-rename-actions{justify-content:flex-end;flex-wrap:wrap}.session-gallery-filter-field{width:100%}.session-gallery-filter-input.modal-input{width:100%;min-width:0;flex:1}}