*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#1a1a2e}#canvas-container{width:100vw;height:100vh;position:relative}#hud{z-index:10;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#hud button{color:#8af;cursor:pointer;background:#141432cc;border:2px solid #8af;border-radius:6px;padding:8px 20px;font-size:20px;transition:background .2s}#hud button:hover{background:#282850e6}#hud .hint{color:#678;margin:0;font-size:16px}#hud .hint code{color:#8af}#quick-toolbar{z-index:10;align-items:center;gap:4px;display:flex;position:absolute;top:12px;right:12px}.quick-toolbar-btn{color:#a0afc8cc;cursor:pointer;background:#0a0a1ea6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s;display:flex}.quick-toolbar-btn:hover{color:#c0d0e8;background:#141432d9}.quick-toolbar-btn.active{color:#57c;background:#141432d9}.quick-toolbar-network{pointer-events:none;background:#0a0a1ea6;border-radius:6px;align-items:center;gap:6px;margin-left:4px;padding:4px 10px;display:flex}.quick-toolbar-code{color:#778;letter-spacing:2px;font-size:14px}#block-panel{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#4a4a5a;pointer-events:auto;background:#fff9;border:none;border-radius:10px;width:260px;padding:10px 12px;position:fixed;box-shadow:0 4px 20px #0000001f}#block-panel .panel-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}#block-panel .panel-header:active{cursor:grabbing}#block-panel .panel-header h3{color:#4a4a5a;margin:0;font-size:20px}#block-panel .close-btn{font:inherit;color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;font-weight:700;line-height:1}#block-panel .close-btn:hover{color:#222}#block-panel .panel-body{flex-direction:column;gap:6px;padding:8px 0 0;display:flex}#block-panel .block-id{color:#666;margin:0;font-size:15px}#block-panel .block-desc{color:#505060;margin:0 0 4px;font-size:16px;line-height:1.4}#block-panel .stat-row{justify-content:space-between;font-size:16px;display:flex}#block-panel .stat-label{color:#505060}#block-panel .stat-value{color:#4a4a5a}#block-panel .connections-section{border-top:1px solid #00000014;margin-top:6px;padding-top:6px}#block-panel .connections-section h4{color:#505060;margin:0 0 6px;font-size:16px}#block-panel .connection-row{justify-content:space-between;align-items:center;padding:3px 0;font-size:16px;display:flex}#block-panel .conn-label{color:#505060}#block-panel .break-btn{font:inherit;color:#c44;cursor:pointer;background:#dc505026;border:none;border-radius:8px;padding:4px 10px;font-size:15px;transition:background .15s}#block-panel .break-btn:hover{color:#a22;background:#dc50504d}#block-panel .delete-btn{font:inherit;color:#c44;cursor:pointer;background:#dc505026;border:none;border-radius:8px;width:100%;margin-top:12px;padding:8px 0;font-size:17px;transition:background .15s}#block-panel .delete-btn:hover{color:#a22;background:#dc50504d}#block-panel .thruster-section{margin-top:12px}#block-panel .thruster-section h4{color:#4a4a5a;margin:0 0 4px;font-size:16px}#block-panel .hint-text{color:#666;margin:0 0 6px;font-size:14px}#block-panel .face-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}#block-panel .face-btn{font:inherit;color:#4a4a5a;cursor:pointer;background:#ffffff80;border:none;border-radius:8px;padding:6px 0;font-size:15px;transition:background .15s,box-shadow .15s;box-shadow:1px 1px 4px #0000000f}#block-panel .face-btn:hover:not(:disabled){background:#fffc;box-shadow:2px 2px 8px #0000001a}#block-panel .face-btn.face-active{color:#f84;background:#c8641e40;border-color:#f84}#block-panel .face-btn.face-blocked{opacity:.3;cursor:not-allowed}.vessel-name-header{border-bottom:1px solid #00000014;flex-direction:column;gap:6px;margin-bottom:2px;padding-bottom:10px;display:flex}.vessel-name-row{align-items:center;gap:6px;display:flex}.vessel-name-input{font:inherit;color:#3a3a4a;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;min-width:0;padding:4px 8px;font-size:18px;font-weight:700;transition:background .15s,border-color .15s;overflow:hidden}.vessel-name-input:hover{background:#ffffff80;border-color:#00000014}.vessel-name-input.editing{cursor:text;background:#ffffffb3;border-color:#00000026;outline:none}.vessel-name-regen-btn{font:inherit;color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s;display:flex}.vessel-name-regen-btn:hover{color:#4a4a5a;background:#0000000f}.vessel-name-slider-row{align-items:center;gap:8px;padding:0 4px;display:flex}.vessel-name-slider-label{color:#888;flex-shrink:0;align-items:center;display:flex}.vessel-name-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#7896c84d,#c878644d);border-radius:2px;outline:none;flex:1;height:4px}.vessel-name-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ffffffe6;border:2px solid #00000026;border-radius:50%;width:14px;height:14px;transition:border-color .15s}.vessel-name-slider::-webkit-slider-thumb:hover{border-color:#0000004d}.vessel-name-slider::-moz-range-thumb{cursor:pointer;background:#ffffffe6;border:2px solid #00000026;border-radius:50%;width:14px;height:14px}.cockpit-console{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.cockpit-console-scroll{scrollbar-color:#00000026 transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.cockpit-console-scroll::-webkit-scrollbar{width:6px}.cockpit-console-scroll::-webkit-scrollbar-track{background:0 0}.cockpit-console-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.cockpit-console-empty{color:#888;padding:4px 0;font-size:15px}.cockpit-console-groups{flex-direction:column;gap:10px;display:flex}.cockpit-key-group,.cockpit-vessel-group{flex-direction:column;gap:3px;display:flex}.cockpit-vessel-header{text-transform:uppercase;letter-spacing:.05em;color:#6a6a7a;padding:6px 8px 2px;font-size:11px;font-weight:600}.cockpit-vessel-group:not(:first-child)>.cockpit-vessel-header{border-top:1px solid #00000014;margin-top:4px;padding-top:8px}.cockpit-key-header{padding:2px 0}.cockpit-action-row{cursor:default;border-radius:6px;grid-template-columns:1fr auto auto 28px;align-items:center;gap:0 8px;padding:8px;transition:background .1s;display:grid}.cockpit-row-even{background:#00000008}.cockpit-row-odd{background:#00000012}.cockpit-action-row:hover{background:#0000001a}.cockpit-action-label{color:#4a4a5a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.cockpit-action-block{color:#888;text-align:center;font-size:14px}.cockpit-action-status{justify-content:flex-end;align-items:center;display:flex}.cockpit-trim-row{grid-column:1/3;padding:2px 0 0}.cockpit-trim-value-cell{font-variant-numeric:tabular-nums;color:#4a4a5a;text-align:right;grid-column:3;min-width:40px;font-size:12px;font-weight:700}.cockpit-remove-btn{font:inherit;color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;transition:background .15s,color .15s;display:flex}.cockpit-remove-btn:hover{color:#c44;background:#c83c3c26}.cockpit-trim{align-items:center;gap:6px;padding:2px 0 1px;display:flex}.cockpit-trim-track{flex:1;align-items:center;height:14px;display:flex;position:relative}.cockpit-trim-zero{pointer-events:none;z-index:1;background:#0003;border-radius:1px;width:2px;position:absolute;top:1px;bottom:1px;left:50%;transform:translate(-50%)}.cockpit-trim-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#c8646459,#c864641a 50%,#7896c81a 50%,#7896c859);border-radius:2px;outline:none;width:100%;height:4px}.cockpit-trim-slider::-webkit-slider-thumb{appearance:none;background:var(--trim-thumb,#ffffffe6);cursor:pointer;z-index:2;border:2px solid #00000026;border-radius:50%;width:14px;height:14px;transition:border-color .15s;position:relative}.cockpit-trim-slider::-webkit-slider-thumb:hover{border-color:#0000004d}.cockpit-trim-slider::-moz-range-thumb{background:var(--trim-thumb,#ffffffe6);cursor:pointer;border:2px solid #00000026;border-radius:50%;width:14px;height:14px}.cockpit-tab-bottom{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.cockpit-add-action-bar{flex-direction:column;flex-shrink:0;gap:4px;margin-top:8px;display:flex}.cockpit-add-action-row{align-items:center;gap:8px;display:flex}.cockpit-add-action-hint{color:#4a4a5a;flex:1;font-size:16px}.cockpit-add-action-btn{font:inherit;color:#4a4a5a;cursor:pointer;background:#fff9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:180px;margin-left:auto;padding:8px 14px;font-size:16px;transition:background .15s;display:inline-flex}.cockpit-add-action-btn:hover{background:#ffffffe6}.cockpit-add-action-btn.active{animation:1.5s ease-in-out infinite cockpit-pulse}@keyframes cockpit-pulse{0%,to{opacity:1}50%{opacity:.6}}.cockpit-binding-message{color:#888;text-align:center;min-height:1.2em;margin:0;font-size:14px}.cockpit-binding-prompt{flex-direction:column;gap:10px;padding:4px 0;display:flex}.cockpit-center-prompt{flex:1;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite cockpit-pulse}.cockpit-binding-text{color:#4a4a5a;margin:0;font-size:17px}.cockpit-cancel-btn{font:inherit;color:#666;cursor:pointer;background:#0000000f;border:none;border-radius:8px;align-self:flex-start;padding:6px 14px;font-size:15px;transition:background .15s}.cockpit-cancel-btn:hover{background:#0000001a}.cockpit-action-list{flex-direction:column;gap:4px;display:flex}.cockpit-action-option{font:inherit;color:#4a4a5a;cursor:pointer;text-align:left;background:#fff9;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:16px;transition:background .15s;display:flex}.cockpit-action-option:hover:not(:disabled){background:#ffffffe6}.cockpit-action-option.already-bound{opacity:.5;cursor:default}.cockpit-bound-tag{color:#999;margin-left:8px;font-size:13px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tabbed-panel-root{pointer-events:none;filter:drop-shadow(0 4px 12px #0003);flex-direction:row;display:flex}.tabbed-panel-tabs{pointer-events:none;flex-direction:column;gap:2px;padding-bottom:56px;display:flex}.tabbed-panel-tab{pointer-events:auto;font:inherit;color:#4a4a5a;cursor:pointer;background:#c8c8d2b3;border:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:auto;height:auto;padding:14px 14px 14px 12px;transition:background .15s,color .15s;display:flex}.tabbed-panel-tab.toggle-btn{justify-content:center;width:48px;height:48px;margin-bottom:4px;padding:0}.tabbed-panel-tab:hover{color:#4a4a5a;background:#d2d2dccc}.tabbed-panel-tab.active{color:#4a4a5a;background:#dcdce6d9}.tabbed-panel-tab-label{white-space:nowrap;font-size:20px}.tabbed-panel-slider{width:0;transition:width .2s;overflow:hidden}.tabbed-panel-slider.open{width:var(--panel-width,280px)}.tabbed-panel-content{width:var(--panel-width,280px);min-width:var(--panel-width,280px);box-shadow:none;pointer-events:auto;background:#dcdce6d9;border:none;padding:14px;overflow:hidden auto}.cockpit-dialog .tabbed-panel-content{flex-direction:column;height:100%;display:flex;overflow-y:hidden}.cockpit-dialog .tabbed-panel-slider{height:100%}[data-side=left] .tabbed-panel-tabs{order:2}[data-side=left] .tabbed-panel-slider{border-radius:16px 0 16px 16px;order:1}[data-side=left] .tabbed-panel-content{border-radius:16px 0 16px 16px}[data-side=left] .tabbed-panel-tab{border-radius:0 12px 12px 0}[data-side=left] .tabbed-panel-tab.toggle-btn{border-radius:0 10px 10px 0}[data-side=right] .tabbed-panel-tabs{order:1}[data-side=right] .tabbed-panel-slider{border-radius:0 16px 16px;order:2}[data-side=right] .tabbed-panel-content{border-radius:0 16px 16px}[data-side=right] .tabbed-panel-tab{border-radius:10px 0 0 10px;justify-content:flex-end;padding:14px 12px 14px 14px}[data-side=right] .tabbed-panel-tab.toggle-btn{border-radius:10px 0 0 10px;align-self:flex-end}.side-menu{z-index:10;position:absolute;top:12px;left:0}.side-menu:has(.tabbed-panel-content){left:12px}.side-menu .tabbed-panel-tabs,.side-menu .tabbed-panel-slider,.side-menu .tabbed-panel-content{height:calc(100vh - 24px)}.side-menu-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.side-menu-icon-btn{aspect-ratio:1;color:#4a4a5a;cursor:pointer;background:#ffffffb3;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px;transition:background .15s,box-shadow .15s,color .15s;display:flex;box-shadow:1px 1px 4px #00000014}.side-menu-icon-btn:hover{color:#3a3a4a;background:#fffffff2;box-shadow:2px 2px 8px #0000001f}.side-menu-icon-btn.selected{color:var(--item-color,#57c);box-shadow:0 0 0 2px var(--item-color,#57c), 2px 2px 8px #0000001a;background:#fffffff2}.wall-thumb{image-rendering:auto;border-radius:6px;width:48px;height:48px;display:block}.side-menu-icon-btn.part-icon-btn{padding:0;overflow:hidden}.part-thumb{image-rendering:auto;border-radius:8px;width:64px;height:64px;display:block}.part-swatch,.wall-swatch{border-radius:6px;width:32px;height:32px;display:block}.side-menu-empty{color:#4a4a5a;justify-content:center;align-items:center;min-height:120px;font-size:17px;display:flex}.side-menu-info{z-index:1;background:#fff9;border:none;border-radius:10px;height:120px;margin-bottom:10px;padding:10px 12px;position:sticky;top:0;overflow:hidden;box-shadow:1px 1px 4px #0000000f}.side-menu-info-label{color:#4a4a5a;margin-bottom:4px;font-size:20px;font-weight:700}.side-menu-info-desc{color:#4a4a5a;font-size:17px;line-height:1.4}.color-palette{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#ffffff73;border-radius:10px;grid-template-columns:repeat(10,32px);gap:5px;padding:8px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000026}.color-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:6px;width:32px;height:32px;padding:0;transition:border-color .12s,box-shadow .12s}.color-swatch:hover{border-color:#0000004d;box-shadow:0 0 4px #00000026}.color-swatch.selected{border-color:#4a4a5a;box-shadow:0 0 0 1px #4a4a5a,0 0 6px #0003}.interaction-prompt{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#4a4a5a;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;background:#dcdce6d9;border-radius:10px;align-items:center;gap:10px;padding:8px 16px;font-size:18px;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001f}.interaction-prompt-key{color:#3a3a4a;background:#ffffffb3;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 8px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px #0000001f,inset 0 -1px #0000000f}.interaction-dialog{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#4a4a5a;z-index:200;-webkit-user-select:none;user-select:none;background:#dcdce6e0;border-radius:16px;flex-direction:column;width:340px;max-height:calc(100vh - 260px);padding:24px 32px;font-size:18px;display:flex;position:fixed;top:240px;right:12px;box-shadow:0 4px 20px #00000026}.cockpit-add-command-tab{justify-content:center!important}.cockpit-dialog{z-index:200;-webkit-user-select:none;user-select:none;position:fixed;top:80px;bottom:80px;right:12px}.cockpit-dialog .tabbed-panel-root{height:100%}.cockpit-dialog .tabbed-panel-tabs{max-height:100%;overflow-y:auto}.cockpit-tab-badge{flex:1;justify-content:center;display:flex}.interaction-dialog-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.interaction-dialog-title{color:#3a3a4a;font-size:20px;font-weight:700}.interaction-dialog-hint{color:#888;align-items:center;gap:6px;font-size:16px;display:flex}.interaction-dialog-hint-key{color:#3a3a4a;background:#ffffffb3;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 8px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px #0000001f,inset 0 -1px #0000000f}.interaction-console-title{color:#4a4a5a;margin-bottom:6px;font-size:17px}.interaction-console-placeholder{color:#888;font-size:16px}.console-keybind-list{flex-direction:column;gap:4px;display:flex}.console-keybind-row{cursor:default;border-radius:6px;align-items:center;gap:10px;padding:4px 6px;transition:background .1s;display:flex}.console-keybind-row:hover{background:#0000000f}.console-keybind-key{color:#3a3a4a;background:#ffffffb3;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 8px;font-size:16px;font-weight:700;display:inline-flex;box-shadow:0 2px #0000001f,inset 0 -1px #0000000f}.console-keybind-label{color:#4a4a5a;flex:1;font-size:17px}.console-keybind-state{text-align:center;border-radius:4px;width:40px;padding:1px 0;font-size:15px;font-weight:700;display:inline-block}.console-keybind-state.on{color:#3a7a4a;background:#50b46433}.console-keybind-state.off{color:#999;background:#0000000f}.teleporter-console{flex-direction:column;gap:4px;display:flex}.teleporter-console-row{cursor:pointer;background:#0000000a;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;font-size:16px;transition:background .1s;display:flex}.teleporter-console-row:hover{background:#44cc8826}.teleporter-console-row.cooldown,.teleporter-console-row.engaged{opacity:.5;cursor:default;pointer-events:none}.teleporter-console-row.engaged .teleporter-console-action{color:#8a6a1a}.teleporter-console-label{color:#4a4a5a}.teleporter-console-action{color:#1a8a5a;font-size:18px}