.connection-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.3px;-webkit-user-select:none;user-select:none;transition:border-color .3s,background .3s}.connection-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s}.status-connected .connection-status-dot{background:#4c7;box-shadow:0 0 4px #44cc7780}.status-connected .connection-status-label{color:#4c7}.status-connected{border-color:#44cc774d}.status-connecting .connection-status-dot{background:#fa0;box-shadow:0 0 4px #ffaa0080;animation:connectionPulse 1.2s ease-in-out infinite}.status-connecting .connection-status-label{color:#fa0}.status-connecting{border-color:#ffaa004d}.status-error .connection-status-dot{background:#f55;box-shadow:0 0 4px #ff555580;animation:connectionPulse 1.2s ease-in-out infinite}.status-error .connection-status-label{color:#f55}.status-error{border-color:#ff55554d}@keyframes connectionPulse{0%,to{opacity:1}50%{opacity:.4}}.app-header-new{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#1a1a1a,#252525);border-bottom:1px solid #3a3a3a;display:flex;align-items:center;padding:0 16px;z-index:10001;gap:16px}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.app-title{font-size:18px;font-weight:600;color:#e8e8e8;margin:0;text-align:center;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universe-id-display{display:flex;align-items:center;gap:6px;margin-top:2px}.universe-id-text{font-size:11px;font-family:Courier New,monospace;color:#888;letter-spacing:.5px}.copy-id-btn{padding:1px 8px;background:transparent;border:1px solid #555;color:#aaa;font-size:10px;border-radius:4px;cursor:pointer;transition:all .15s;line-height:1.4}.copy-id-btn:hover{background:#333;border-color:#4a9eff;color:#e8e8e8}.copy-id-btn.copied{border-color:#4c7;color:#4c7}.copy-id-btn.failed{border-color:#c44;color:#c44}.speed-control-compact{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.speed-control-compact:hover{background:#333;border-color:#4a9eff}.speed-icon{font-size:18px}.speed-value{font-size:14px;font-weight:600;color:#e8e8e8;min-width:50px;text-align:right;font-family:Courier New,monospace}.speed-label{font-size:11px;font-weight:600;color:#4a9eff;text-transform:uppercase;letter-spacing:.5px;min-width:80px}.speed-label.paused{color:#fa0}.speed-label.hyperspeed{color:#f55}.speed-dropdown-arrow{font-size:10px;color:#aaa;transition:transform .2s}.speed-control-compact:hover .speed-dropdown-arrow{transform:translateY(2px)}.speed-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10002}.speed-dropdown{position:absolute;top:65px;left:16px;width:380px;background:#1a1a1a;border:1px solid #4a9eff;border-radius:8px;box-shadow:0 8px 32px #00000080;padding:16px;z-index:10003;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.speed-dropdown-header{font-size:14px;font-weight:600;color:#e8e8e8;margin-bottom:16px}.speed-slider-container{margin-bottom:16px}.speed-slider{width:100%;height:4px;background:linear-gradient(90deg,#333,#4a9eff,#ff4a4a);border-radius:2px;outline:none;-webkit-appearance:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#4a9eff;border:2px solid #fff;border-radius:50%;cursor:pointer;transition:transform .1s}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.speed-slider::-moz-range-thumb{width:16px;height:16px;background:#4a9eff;border:2px solid #fff;border-radius:50%;cursor:pointer}.speed-slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#666}.speed-presets{display:flex;gap:6px;flex-wrap:wrap}.speed-presets button{flex:1;min-width:60px;padding:8px 12px;background:#2a2a2a;border:1px solid #3a3a3a;color:#aaa;font-size:12px;border-radius:4px;cursor:pointer;transition:all .15s}.speed-presets button:hover{background:#333;border-color:#4a9eff;color:#fff}.speed-presets button.active{background:#4a9eff;border-color:#4a9eff;color:#fff;font-weight:600}.header-btn{padding:8px 16px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e8e8e8;font-size:13px;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.header-btn:hover{background:#4a9eff;border-color:#4a9eff;color:#fff}.header-btn:disabled{opacity:.6;cursor:not-allowed}.header-btn:disabled:hover{background:#2a2a2a;border-color:#3a3a3a;color:#e8e8e8}.header-btn-back{background:transparent;border-color:#555;color:#aaa}.header-btn-back:hover{background:#333;border-color:#4a9eff;color:#e8e8e8}.header-btn-save.saved{border-color:#4c7;color:#4c7}.camera-mode-indicator-header{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#1a1a1af2;border:1px solid #4a9eff;border-radius:6px;padding:8px 16px;box-shadow:0 4px 16px #0000004d;z-index:10000}.indicator-content{display:flex;align-items:center;gap:10px}.indicator-icon{font-size:16px}.indicator-text{color:#e8e8e8;font-size:13px}.indicator-text strong{color:#4a9eff;font-weight:600}.indicator-close{width:24px;height:24px;background:transparent;border:none;color:#aaa;font-size:14px;cursor:pointer;border-radius:4px;transition:all .15s;display:flex;align-items:center;justify-content:center}.indicator-close:hover{background:#f553;color:#f55}@media (max-width: 768px){.app-header-new{height:auto;flex-direction:column;padding:12px}.header-left,.header-center,.header-right{width:100%;justify-content:center}.speed-dropdown{left:50%;transform:translate(-50%)}}.window{position:absolute;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s}.window-active{border-color:#4a9eff;box-shadow:0 8px 32px #4a9eff4d}.window-header{background:#2a2a2a;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #3a3a3a;min-height:36px}.window-active .window-header{background:linear-gradient(135deg,#3a4a5f,#2a3a4f);border-bottom-color:#4a9eff}.window-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e8e8e8}.window-icon{font-size:16px;display:flex;align-items:center}.window-controls{display:flex;gap:4px}.window-control-btn{width:28px;height:28px;border:none;background:transparent;color:#aaa;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:all .15s}.window-control-btn:hover{background:#ffffff1a;color:#fff}.minimize-btn:hover{background:#fa03;color:#fa0}.close-btn:hover{background:#f553;color:#f55}.window-content{flex:1;overflow:auto;background:#1a1a1a}.window-content::-webkit-scrollbar{width:10px}.window-content::-webkit-scrollbar-track{background:#1a1a1a}.window-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:5px}.window-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.window-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.window-resize-handle:after{content:"";position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:linear-gradient(135deg,transparent 0%,transparent 40%,#4a4a4a 40%,#4a4a4a 45%,transparent 45%,transparent 55%,#4a4a4a 55%,#4a4a4a 60%,transparent 60%,transparent 70%,#4a4a4a 70%,#4a4a4a 75%,transparent 75%)}.window-docked-left,.window-docked-right{border-radius:0}.window-docked-left{left:0!important;top:60px!important;height:calc(100vh - 100px)!important;border-left:none}.window-docked-right{right:0!important;top:60px!important;height:calc(100vh - 100px)!important;border-right:none}body.dock-left-active:before,body.dock-right-active:before{content:"";position:fixed;background:#4a9eff33;border:2px solid #4a9eff;pointer-events:none;z-index:9999;animation:dockPulse .5s ease-in-out infinite}body.dock-left-active:before{left:0;top:60px;width:30%;height:calc(100vh - 100px)}body.dock-right-active:before{right:0;top:60px;width:30%;height:calc(100vh - 100px)}@keyframes dockPulse{0%,to{opacity:.3}50%{opacity:.5}}.window{transition:transform .2s,opacity .2s}.window:not(.window-active){opacity:.95}.window-control-btn:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}.simulation-speed-panel{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:12px;margin-bottom:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title{font-size:14px;font-weight:600;color:#fff;margin:0}.speed-label{font-size:11px;color:#4a9eff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.speed-controls{display:flex;flex-direction:column;gap:12px}.slider-container,.input-container,.presets-container{display:flex;flex-direction:column;gap:6px}.control-label{font-size:12px;color:#aaa;font-weight:500}.control-label strong{color:#4a9eff}.speed-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#333,#4a9eff,#ff4a4a);outline:none;-webkit-appearance:none;cursor:pointer}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4a9eff;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d;transition:transform .1s,background .2s}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#6ab3ff}.speed-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4a9eff;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000004d;transition:transform .1s,background .2s}.speed-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#6ab3ff}.slider-labels{display:grid;grid-template-columns:repeat(5,1fr);font-size:10px;color:#666;margin-top:2px;text-align:center}.slider-labels span:first-child{text-align:left}.slider-labels span:last-child{text-align:right}.speed-input{width:100%;padding:6px 8px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:13px;font-family:Courier New,monospace;transition:border-color .2s,background .2s}.speed-input:focus{outline:none;border-color:#4a9eff;background:#333}.speed-input::placeholder{color:#666}.preset-buttons{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.preset-button{padding:6px 2px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#aaa;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-button:hover{background:#333;border-color:#4a9eff;color:#fff;transform:translateY(-1px)}.preset-button.active{background:#4a9eff;border-color:#4a9eff;color:#fff;font-weight:600}.preset-button:active{transform:translateY(0)}@media (max-width: 768px){.simulation-speed-panel{padding:10px}.panel-title{font-size:13px}.preset-buttons{grid-template-columns:repeat(3,1fr)}}.hierarchy-tree{padding:1rem;display:flex;flex-direction:column;gap:1rem}.tree-header{display:flex;justify-content:space-between;align-items:center}.tree-header h3{margin:0;color:#fff;font-size:1.1rem}.btn-reset{padding:.5rem .8rem;background:#e2582233;color:#e25822;border:1px solid rgba(226,88,34,.3);border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-reset:hover{background:#e258224d}.tree-content,.tree-node{display:flex;flex-direction:column}.tree-node-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .2s}.tree-node-header:hover{background:#ffffff0d}.tree-node-header.selected{background:#4a90e233}.expand-button{width:20px;height:20px;padding:0;background:none;border:none;color:#fff9;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expand-button:hover{color:#ffffffe6}.expand-placeholder{width:20px;height:20px;flex-shrink:0}.node-content{display:flex;align-items:center;gap:.5rem;flex:1;cursor:pointer}.node-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.node-name{color:#fff;font-size:.9rem;font-weight:500}.node-mass{color:#ffffff80;font-size:.8rem}.tree-children{border-left:1px solid rgba(255,255,255,.1);margin-left:1rem}.generator-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;background:transparent;color:#e0e0e0;max-width:100%;font-family:system-ui,-apple-system,sans-serif}.generator-header{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.generator-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.generator-description{margin:0;font-size:.875rem;line-height:1.4;color:#999}.generator-section{display:flex;flex-direction:column;gap:1rem}.generator-section-title{margin:0;font-size:1rem;font-weight:600;color:#fff;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.generator-field{display:flex;flex-direction:column;gap:.5rem}.generator-label{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;color:#ccc}.generator-label-hint{font-size:.75rem;font-weight:400;color:#777;font-style:italic}.generator-value{font-size:.875rem;font-weight:600;color:#4a9eff}.generator-input-group{display:flex;gap:.5rem}.generator-input{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0;font-size:.875rem;font-family:inherit}.generator-input:focus{outline:none;border-color:#4a9eff}.generator-input::placeholder{color:#666}.generator-select{width:100%;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#e0e0e0;font-size:.875rem;font-family:inherit;cursor:pointer}.generator-select:focus{outline:none;border-color:#4a9eff}.generator-slider{width:100%;height:6px;background:#0000004d;border-radius:3px;outline:none;-webkit-appearance:none}.generator-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#4a9eff;border-radius:50%;cursor:pointer}.generator-slider::-moz-range-thumb{width:16px;height:16px;background:#4a9eff;border:none;border-radius:50%;cursor:pointer}.generator-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#666;margin-top:-.25rem}.generator-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#ccc}.generator-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4a9eff}.generator-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.generator-actions-secondary{display:flex;gap:.5rem}.generator-button-primary,.generator-button-secondary,.generator-button-danger{padding:.75rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.generator-button-primary{width:100%;background:#4a9eff;color:#fff}.generator-button-primary:hover:not(:disabled){background:#3a8eef}.generator-button-primary:disabled{opacity:.5;cursor:not-allowed}.generator-button-secondary{flex:1;background:#0000004d;color:#ccc;border:1px solid rgba(255,255,255,.1)}.generator-button-secondary:hover{background:#ffffff1a;color:#fff}.generator-button-danger{flex:1;background:#0000004d;color:#f55;border:1px solid rgba(255,255,255,.1)}.generator-button-danger:hover{background:#f55;color:#fff}.generator-status{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.generator-stats{display:flex;flex-direction:column;gap:.75rem}.generator-stat{display:flex;justify-content:space-between;align-items:center}.generator-stat-label{font-size:.875rem;color:#999}.generator-stat-value{font-size:1rem;font-weight:600;color:#4a9eff}.generator-panel::-webkit-scrollbar{width:8px}.generator-panel::-webkit-scrollbar-track{background:#1a1a1a}.generator-panel::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.generator-panel::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.generator-hint{display:block;font-size:.75rem;color:#666;font-style:italic;margin-top:-.25rem}.group-editor-panel{padding:1rem;display:flex;flex-direction:column;gap:1rem}.group-editor-panel .editor-header{display:flex;justify-content:space-between;align-items:center}.group-editor-panel .editor-header h3{margin:0;color:#fff;font-size:1.1rem}.btn-add-group{padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.btn-add-group:hover{background:#8b5cf64d}.children-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.children-section label{color:#fffc;font-size:.85rem;font-weight:500}.children-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#0003;border-radius:4px}.child-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:4px;color:#fff;font-size:.85rem}.btn-remove-child{padding:.25rem .5rem;background:#e2582233;color:#e25822;border:none;border-radius:3px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-remove-child:hover{background:#e2582266}.empty-children{color:#fff6;text-align:center;font-style:italic;padding:1rem}.add-children-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.add-children-section label{color:#fffc;font-size:.85rem;font-weight:500}.available-section{display:flex;flex-direction:column;gap:.3rem}.available-section small{color:#fff9;font-size:.75rem;margin-top:.5rem}.btn-add-child{padding:.5rem;background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2);border-radius:4px;cursor:pointer;font-size:.85rem;text-align:left;transition:all .2s}.btn-add-child:hover{background:#8b5cf633;border-color:#8b5cf666}.star-editor-panel{padding:1rem;display:flex;flex-direction:column;gap:1rem}.editor-header{display:flex;justify-content:space-between;align-items:center}.editor-header h3{margin:0;color:#fff;font-size:1.1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fffc;font-size:.85rem;font-weight:500}.form-group input,.form-group select{padding:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90e280;background:#ffffff14}.form-group input[type=color]{height:40px;cursor:pointer;padding:.25rem}.form-group small{color:#ffffff80;font-size:.75rem;margin-top:-.25rem;font-style:italic}.add-form,.edit-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.add-form h4,.edit-form h4{margin:0 0 .5rem;color:#fff;font-size:1rem}.btn-add,.btn-primary,.btn-danger{padding:.6rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add{background:#4a90e233;color:#4a90e2;border:1px solid rgba(74,144,226,.3)}.btn-add:hover{background:#4a90e24d}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover{background:#3a7bc8}.btn-danger{background:#e25822cc;color:#fff;margin-top:1rem}.btn-danger:hover{background:#e25822}.btn-toggle{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-toggle:hover{background:#ffffff1a;color:#ffffffe6}.btn-toggle.active{background:#4a90e24d;border-color:#4a90e280;color:#4a90e2;font-weight:600}.btn-secondary{padding:.6rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff26}.nebula-editor-panel{display:flex;flex-direction:column;height:100%;padding:16px;background:#1a1a1a;color:#e0e0e0;font-family:Inter,sans-serif;overflow-y:auto}.nebula-editor-header{margin-bottom:16px;border-bottom:2px solid #3a3a3a;padding-bottom:12px}.nebula-editor-header h2{margin:0 0 8px;font-size:1.5em;color:#c9f}.nebula-editor-header h3{margin:0;font-size:1.2em;color:#b0b0b0;font-weight:500}.nebula-editor-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #3a3a3a}.nebula-tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#999;cursor:pointer;font-size:.95em;transition:all .2s ease}.nebula-tab:hover{color:#e0e0e0;background:#ffffff0d}.nebula-tab.active{color:#c9f;border-bottom-color:#c9f}.nebula-editor-content{flex:1;overflow-y:auto;padding-right:8px}.nebula-tab-content{display:flex;flex-direction:column;gap:16px}.nebula-field{display:flex;flex-direction:column;gap:6px}.nebula-label{font-size:.9em;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.nebula-input{padding:8px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:.95em;font-family:Inter,monospace;transition:border-color .2s ease}.nebula-input:focus{outline:none;border-color:#c9f}.nebula-input:disabled,.nebula-input:read-only{opacity:.6;cursor:not-allowed}.nebula-color-input-wrapper{display:flex;gap:8px;align-items:center}.nebula-color-input{width:60px;height:40px;padding:4px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer}.nebula-color-text{flex:1}.nebula-slider{width:100%;height:6px;background:#3a3a3a;border-radius:3px;outline:none;-webkit-appearance:none}.nebula-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#c9f;border-radius:50%;cursor:pointer;transition:all .2s ease}.nebula-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#ddb3ff}.nebula-slider::-moz-range-thumb{width:18px;height:18px;background:#c9f;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.nebula-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#ddb3ff}.nebula-hint{font-size:.85em;color:#888;font-style:italic}.nebula-position{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;font-family:monospace;font-size:.9em}.nebula-group-list{list-style:none;padding:8px 12px;margin:0;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;max-height:150px;overflow-y:auto}.nebula-group-list li{padding:4px 0;font-size:.9em;font-family:monospace;color:#b0b0b0}.nebula-editor-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #3a3a3a}.nebula-btn{flex:1;padding:10px 16px;border:none;border-radius:4px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .2s ease}.nebula-btn-primary{background:#c9f;color:#1a1a1a}.nebula-btn-primary:hover{background:#ddb3ff;transform:translateY(-1px)}.nebula-btn-secondary{background:#3a3a3a;color:#e0e0e0}.nebula-btn-secondary:hover{background:#4a4a4a}.nebula-btn:active{transform:translateY(0)}.nebula-editor-content::-webkit-scrollbar{width:8px}.nebula-editor-content::-webkit-scrollbar-track{background:#1a1a1a}.nebula-editor-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.nebula-editor-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.star-list-panel{padding:1rem}.star-list-panel h3{margin:0 0 1rem;color:#fff;font-size:1.1rem}.star-list{display:flex;flex-direction:column;gap:.5rem}.star-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s}.star-item:hover{background:#ffffff1a;border-color:#fff3}.star-item.selected{background:#4a90e233;border-color:#4a90e280}.star-color-indicator{width:24px;height:24px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.star-info{flex:1;min-width:0}.star-name{color:#fff;font-weight:500;font-size:.95rem;margin-bottom:.25rem}.star-details{color:#fff9;font-size:.8rem}.empty-state{color:#ffffff80;text-align:center;padding:2rem 1rem;font-style:italic}.window-content:has(.system-overview){overflow:hidden!important}.system-overview{padding:16px;display:flex;flex-direction:column;gap:16px;height:100%;min-height:0;max-height:100%;box-sizing:border-box;overflow:hidden}.overview-tabs{flex-shrink:0;display:flex;gap:4px;background:#1a1a1a;border-radius:6px;padding:3px}.overview-tab{flex:1;padding:7px 12px;background:transparent;border:none;color:#aaa;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s}.overview-tab:hover{color:#fff;background:#2a2a2a}.overview-tab.active{background:#3a5f8f;color:#fff;font-weight:600}.overview-search{flex-shrink:0;position:relative}.search-input{width:100%;padding:10px 36px 10px 12px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e8e8e8;font-size:13px;border-radius:6px;transition:all .2s}.search-input:focus{outline:none;border-color:#4a9eff;background:#2d2d2d}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:transparent;border:none;color:#aaa;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px}.search-clear:hover{background:#f553;color:#f55}.overview-filters{flex-shrink:0;display:flex;gap:8px;flex-wrap:wrap}.filter-btn{flex:1;min-width:70px;padding:8px 12px;background:#2a2a2a;border:1px solid #3a3a3a;color:#aaa;font-size:12px;border-radius:4px;cursor:pointer;transition:all .15s}.filter-btn:hover{background:#333;border-color:#4a4a4a;color:#fff}.filter-btn.active{background:#3a5f8f;border-color:#4a9eff;color:#fff;font-weight:600}.overview-sort{flex-shrink:0;display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa}.overview-sort select{flex:1;padding:6px 10px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e8e8e8;font-size:12px;border-radius:4px;cursor:pointer}.overview-sort select:focus{outline:none;border-color:#4a9eff}.overview-results{flex:1 1 0;display:flex;flex-direction:column;min-height:100px;max-height:100%;overflow:hidden}.results-header{flex-shrink:0;font-size:12px;color:#aaa;padding:8px 0;border-bottom:1px solid #3a3a3a}.results-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;min-height:0}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:transparent}.results-list::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.result-item{display:flex;align-items:center;gap:10px;padding:10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .15s}.result-item:hover{background:#333;border-color:#4a9eff}.result-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:4px}.result-info{flex:1;min-width:0}.result-name{font-size:13px;font-weight:600;color:#e8e8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-details{font-size:11px;color:#aaa;margin-top:2px}.result-actions{display:flex;gap:4px}.result-action-btn{width:28px;height:28px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.result-action-btn:hover{background:#4a9eff;border-color:#4a9eff}.no-results{text-align:center;padding:32px 16px;color:#666;font-size:13px}.overview-summary-tab{flex:1;overflow-y:auto;padding:4px}.overview-summary-tab::-webkit-scrollbar{width:8px}.overview-summary-tab::-webkit-scrollbar-track{background:transparent}.overview-summary-tab::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#1a1a1a;border-radius:4px}.stat-icon{font-size:20px}.stat-value{font-size:18px;font-weight:700;color:#4a9eff}.stat-label{font-size:11px;color:#aaa}.summary-total{text-align:center;padding:8px;background:#1a1a1a;border-radius:4px;font-size:12px;color:#e8e8e8;font-weight:600}.overview-actions{flex-shrink:0;display:flex;gap:8px}.action-btn{flex:1;padding:10px 16px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e8e8e8;font-size:13px;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn:hover{background:#333;border-color:#4a4a4a}.action-btn.primary{background:#4a9eff;border-color:#4a9eff;color:#fff;font-weight:600}.action-btn.primary:hover{background:#3a8eef;border-color:#3a8eef}.stats-panel{padding:12px;display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.stats-context-selector{display:flex;gap:6px;padding:4px;background:#1a1a1a;border-radius:6px}.stats-context-btn{flex:1;padding:6px 10px;background:#2a2a2a;border:1px solid #3a3a3a;color:#aaa;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.stats-context-btn:hover{background:#3a3a3a;color:#e8e8e8}.stats-context-btn.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.stats-tabs{display:flex;gap:4px;padding:4px;background:#1a1a1a;border-radius:6px;overflow-x:auto}.stats-tab{flex:1;min-width:fit-content;padding:8px 12px;background:#2a2a2a;border:1px solid #3a3a3a;color:#aaa;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.stats-tab:hover{background:#3a3a3a;color:#e8e8e8}.stats-tab.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.stats-content{flex:1;overflow-y:auto;overflow-x:hidden}.stats-tab-content{display:flex;flex-direction:column;gap:12px}.stats-section{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:12px}.stats-section-title{font-size:12px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #3a3a3a}.stats-section-title-clickable{font-size:12px;font-weight:600;color:#4a9eff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #3a3a3a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.stats-section-title-clickable:hover{color:#6bb4ff}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px}.stat-label{color:#aaa;font-weight:500}.stat-value{color:#e8e8e8;font-weight:700;font-family:Courier New,monospace}.stat-value.good{color:#50c878}.stat-value.caution{color:#fa0}.stat-value.warning{color:#f55}.stat-unit{color:#777;font-size:11px;margin-left:4px}.stat-badge{padding:2px 8px;background:#4a9eff;color:#fff;font-size:10px;font-weight:600;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.stat-badge.paused{background:#fa0}.stats-actions{display:flex;gap:6px;padding:8px 0 0;border-top:1px solid #3a3a3a}.stats-btn{flex:1;padding:8px 12px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e8e8e8;font-size:12px;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.stats-btn:hover{background:#4a9eff;border-color:#4a9eff;color:#fff}.stats-btn-small{font-size:11px;padding:6px 10px}.stats-content::-webkit-scrollbar{width:8px}.stats-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.stats-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.stats-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.taskbar{position:fixed;bottom:0;left:0;right:0;height:40px;background:#1a1a1a;border-top:1px solid #3a3a3a;display:flex;justify-content:space-between;align-items:center;padding:0 12px;gap:12px;z-index:10000}.taskbar-left,.taskbar-center,.taskbar-right{display:flex;align-items:center;gap:8px}.taskbar-center{flex:1;justify-content:center;overflow-x:auto;overflow-y:hidden}.taskbar-center::-webkit-scrollbar{height:4px}.taskbar-center::-webkit-scrollbar-track{background:transparent}.taskbar-center::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.taskbar-quick-btn{padding:6px 12px;background:transparent;border:1px solid #3a3a3a;color:#aaa;font-size:12px;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}.taskbar-quick-btn:hover{background:#2a2a2a;border-color:#4a9eff;color:#fff}.taskbar-divider{width:1px;height:24px;background:#3a3a3a;margin:0 4px}.workspace-selector{display:flex;align-items:center}.workspace-select{padding:6px 10px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e8e8e8;font-size:12px;border-radius:4px;cursor:pointer;transition:all .15s}.workspace-select:hover{border-color:#4a9eff;background:#333}.workspace-select:focus{outline:none;border-color:#4a9eff}.taskbar-window-btn{position:relative;padding:6px 28px 6px 12px;background:#2a2a2a;border:1px solid #3a3a3a;color:#aaa;font-size:12px;border-radius:4px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;max-width:200px;white-space:nowrap}.taskbar-window-btn:hover{background:#333;color:#fff;border-color:#4a4a4a}.taskbar-window-btn.active{background:#3a5f8f;border-color:#4a9eff;color:#fff}.taskbar-window-btn.minimized{opacity:.6;border-style:dashed}.taskbar-window-icon{font-size:14px;display:flex;align-items:center}.taskbar-window-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.taskbar-window-close{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:transparent;border:none;color:#aaa;font-size:12px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.taskbar-window-btn:hover .taskbar-window-close{opacity:1}.taskbar-window-close:hover{background:#f553;color:#f55}.taskbar-info{font-size:11px;color:#777;padding:4px 8px;background:#2a2a2a;border-radius:4px}@media (max-width: 768px){.taskbar{height:auto;flex-direction:column;padding:8px}.taskbar-left,.taskbar-center,.taskbar-right{width:100%;justify-content:center}.taskbar-center{flex-wrap:wrap}}.mode-selection-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0d0d0d,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20000;animation:modeScreenFadeIn .4s ease-out}@keyframes modeScreenFadeIn{0%{opacity:0}to{opacity:1}}.mode-selection-header{text-align:center;margin-bottom:48px}.mode-selection-title{font-size:32px;font-weight:700;color:#e8e8e8;margin:0 0 12px;letter-spacing:-.5px}.mode-selection-subtitle{font-size:15px;color:#888;margin:0;font-weight:400}.mode-selection-cards{display:flex;gap:24px}.mode-card{width:280px;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:12px;padding:36px 28px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;-webkit-user-select:none;user-select:none}.mode-card:hover:not(:disabled){border-color:#4a9eff;background:#222;box-shadow:0 8px 32px #4a9eff26;transform:translateY(-4px)}.mode-card:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #4a9eff33}.mode-card-disabled{opacity:.4;cursor:not-allowed}.mode-card-icon{font-size:48px;line-height:1}.mode-card-title{font-size:20px;font-weight:600;color:#e8e8e8;margin:0}.mode-card-description{font-size:13px;color:#888;line-height:1.5;margin:0}.server-config-section{margin-bottom:24px;max-width:584px;width:100%}.server-config-row{display:flex;align-items:center;gap:10px}.server-config-label{color:#888;font-size:13px;white-space:nowrap}.server-config-input{background:#1a1a1a;border:1px solid #3a3a3a;color:#e8e8e8;border-radius:6px;padding:6px 10px;font-size:13px;font-family:monospace;min-width:260px;flex:1;transition:border-color .2s}.server-config-input:focus{border-color:#4a9eff;outline:none}.health-semaphore{display:flex;align-items:center;gap:6px}.health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .3s}.health-dot-idle{display:none}.health-dot-healthy{background:#4c7;box-shadow:0 0 4px #44cc7780}.health-dot-checking{background:#fa0;box-shadow:0 0 4px #ffaa0080;animation:healthPulse 1.2s ease-in-out infinite}.health-dot-error{background:#f55;box-shadow:0 0 4px #ff555580}.health-label{font-size:11px;white-space:nowrap}.health-label-healthy{color:#4c7}.health-label-checking{color:#fa0}.health-label-error{color:#f55}.health-label-idle{display:none}.health-error-btn{color:#f55;background:transparent;border:1px solid rgba(255,85,85,.3);border-radius:4px;cursor:pointer;font-size:11px;padding:2px 8px;white-space:nowrap;transition:border-color .2s}.health-error-btn:hover{border-color:#f55}.health-error-detail{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;padding:12px 16px;margin-top:8px;font-size:12px;color:#f55}.health-error-detail p{margin:0}.health-error-detail button{color:#888;background:transparent;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;font-size:11px;margin-top:8px;padding:2px 8px;transition:border-color .2s}.health-error-detail button:hover{border-color:#888}@keyframes healthPulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 640px){.mode-selection-cards{flex-direction:column;align-items:center}.mode-card{width:90vw;max-width:320px}.mode-selection-title{font-size:24px}.mode-selection-header{margin-bottom:32px}.server-config-row{flex-direction:column;align-items:stretch}.server-config-input{min-width:0;width:100%}.health-semaphore{justify-content:center}}.universe-browser{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0d0d0d,#000);display:flex;flex-direction:column;align-items:center;z-index:20000;animation:browserFadeIn .4s ease-out;overflow-y:auto;padding:48px 24px}@keyframes browserFadeIn{0%{opacity:0}to{opacity:1}}.universe-browser-header{text-align:center;margin-bottom:36px;width:100%;max-width:720px}.universe-browser-title{font-size:32px;font-weight:700;color:#e8e8e8;margin:0 0 8px;letter-spacing:-.5px}.universe-browser-subtitle{font-size:15px;color:#888;margin:0 0 24px;font-weight:400}.universe-browser-actions{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:720px;margin-bottom:24px}.universe-browser-btn{padding:10px 20px;background:#2a2a2a;border:1px solid #3a3a3a;color:#e8e8e8;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.universe-browser-btn:hover{background:#333;border-color:#4a9eff}.universe-browser-btn.primary{background:#1a3a5c;border-color:#4a9eff;color:#fff}.universe-browser-btn.primary:hover{background:#4a9eff;box-shadow:0 4px 16px #4a9eff4d}.universe-browser-btn.back{background:transparent;border-color:#555;color:#aaa}.universe-browser-btn.back:hover{border-color:#888;color:#e8e8e8}.universe-browser-loading{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:60px;color:#888;font-size:15px}.universe-browser-spinner{width:36px;height:36px;border:3px solid #333;border-top-color:#4a9eff;border-radius:50%;animation:browserSpin .8s linear infinite}@keyframes browserSpin{to{transform:rotate(360deg)}}.universe-browser-empty{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:60px;text-align:center}.universe-browser-empty-icon{font-size:56px;line-height:1}.universe-browser-empty-text{font-size:16px;color:#888;margin:0}.universe-browser-empty-hint{font-size:13px;color:#666;margin:0}.universe-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:720px}.universe-card{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;padding:20px 24px;display:flex;align-items:center;gap:20px;transition:all .2s ease}.universe-card:hover{border-color:#555;background:#1e1e1e}.universe-card-info{flex:1;min-width:0}.universe-card-name{font-size:17px;font-weight:600;color:#e8e8e8;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universe-card-dates{display:flex;gap:20px;font-size:12px;color:#777}.universe-card-date-label{color:#555}.universe-card-actions{display:flex;gap:8px;flex-shrink:0}.universe-card-btn{padding:8px 16px;font-size:13px;border-radius:6px;cursor:pointer;transition:all .15s;border:1px solid transparent;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.universe-card-btn.load{background:#1a3a5c;border-color:#4a9eff;color:#fff}.universe-card-btn.load:hover{background:#4a9eff;box-shadow:0 2px 12px #4a9eff4d}.universe-card-btn.delete{background:transparent;border-color:#555;color:#aaa}.universe-card-btn.delete:hover{border-color:#f55;color:#f55;background:#ff55551a}.universe-card-confirm{display:flex;align-items:center;gap:8px;flex-shrink:0}.universe-card-confirm-text{font-size:12px;color:#f95;font-weight:500;white-space:nowrap}.universe-card-btn.confirm-yes{background:#ff555526;border-color:#f55;color:#f55}.universe-card-btn.confirm-yes:hover{background:#f55;color:#fff}.universe-card-btn.confirm-no{background:transparent;border-color:#555;color:#aaa}.universe-card-btn.confirm-no:hover{border-color:#888;color:#e8e8e8}@media (max-width: 640px){.universe-browser{padding:24px 16px}.universe-browser-title{font-size:24px}.universe-browser-actions{flex-direction:column;gap:12px}.universe-card{flex-direction:column;align-items:stretch;gap:12px}.universe-card-actions{justify-content:flex-end}.universe-card-dates{flex-direction:column;gap:4px}}.remote-toast-container{position:fixed;bottom:80px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.remote-toast-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1a1a1af2;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 4px 16px #0006;pointer-events:auto;animation:toastSlideIn .25s ease-out;min-width:200px;max-width:320px}.remote-toast-highlighted{border-color:#4a9eff;box-shadow:0 4px 16px #4a9eff33}.remote-toast-icon{font-size:16px;flex-shrink:0}.remote-toast-message{font-size:12px;color:#e8e8e8;flex:1;line-height:1.3}.remote-toast-close{width:20px;height:20px;background:transparent;border:none;color:#666;font-size:12px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;padding:0}.remote-toast-close:hover{background:#ff555526;color:#f55}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d0d;color:#e8e8e8;overflow:hidden}#root{width:100vw;height:100vh}.app{display:flex;width:100%;height:100vh;overflow:hidden}.sidebar{width:380px;background:linear-gradient(180deg,#1a1a2e,#0f0f1e);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.app-header{padding:1.5rem 1rem;background:linear-gradient(135deg,#4a90e2,#357abd);border-bottom:1px solid rgba(255,255,255,.1)}.app-header h1{font-size:1.4rem;margin:0 0 .5rem;color:#fff;font-weight:600}.subtitle{font-size:.85rem;color:#fffc;margin:0}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:#0003}.sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);margin:1.5rem 1rem}.scene-container{flex:1;position:relative;overflow:hidden}.controls-hint{position:absolute;bottom:1rem;left:1rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem}.hint-item{font-size:.85rem;color:#fffc}.app-windowed{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#0d0d0d}.scene-container-windowed{position:fixed;top:60px;left:0;right:0;bottom:40px;overflow:hidden;background:radial-gradient(ellipse at center,#0d0d0d,#000)}.controls-hint-windowed{position:absolute;bottom:1rem;left:1rem;background:#1a1a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:8px;border:1px solid #3a3a3a;display:flex;flex-direction:column;gap:6px;z-index:10;pointer-events:none}.controls-hint-windowed .hint-item{font-size:12px;color:#aaa;font-weight:500}.camera-mode-indicator{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.indicator-content{background:#4a90e2f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:8px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px #0006;animation:slideDown .3s ease-out;pointer-events:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.indicator-icon{font-size:1.2rem}.indicator-text{font-size:.95rem;color:#fff}.indicator-text strong{font-weight:600}.indicator-close{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s;padding:0;line-height:1}.indicator-close:hover{background:#ffffff4d;transform:scale(1.1)}.indicator-close:active{transform:scale(.95)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.2)}