:root{color-scheme:dark;--bg:#101316;--panel:#181d20;--line:#30383c;--text:#e7edee;--muted:#8e9c9f;--mint:#b3eed7;--sidebar:300px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 'Segoe UI',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button{border:0}button[hidden],[hidden]{display:none!important}.navbar{height:68px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line);gap:60px;background:#14181b}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:4px;font-weight:700;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.7px;margin-top:7px}.brand-mark{font-size:31px;color:var(--mint);letter-spacing:-8px;width:40px}.brand-mark span{font-size:21px}.navbar nav{display:flex;align-items:stretch;height:100%;gap:30px}.navbar nav>a,.navbar nav>button{display:flex;align-items:center;gap:12px;background:none;font-size:12px}.navbar .nav-active{border-bottom:2px solid var(--mint)}.nav-active span{color:var(--mint);font:10px monospace}.soon{border:1px solid #3b4548;color:#97a4a6;font-size:8px;letter-spacing:1px;padding:3px 5px;border-radius:3px;white-space:nowrap}.nav-referral{margin-left:auto;font-size:12px;color:#cdd7d8;display:flex;gap:28px}.nav-referral span{color:var(--mint)}#workspace{position:relative;height:calc(100dvh - 68px);min-height:420px;overflow:hidden}#viewport{position:absolute;inset:0 0 33px;outline:none;touch-action:none}#viewport canvas{display:block;width:100%;height:100%}#viewport:focus-visible{box-shadow:inset 0 0 0 1px #b3eed740}.sidebar{position:absolute;top:25px;left:24px;bottom:54px;width:var(--sidebar);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b474b transparent;z-index:3;display:flex;flex-direction:column;gap:12px;pointer-events:auto;padding-right:2px}.panel{background:#191e21f5;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 30px #0002}.add-panel{padding:20px 18px 0}.panel-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#a4b1b3;font-weight:600}.index{font:10px monospace;color:#687578}h1{font-size:22px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin:9px 0 23px}.mint{color:var(--mint)}.field-label{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin:0 0 8px}.maker-picker{position:relative}.maker-toggle{width:100%;display:flex;align-items:center;gap:9px;background:#22292d;border:1px solid #3b464b;border-radius:5px;text-align:left;min-height:49px;padding:8px 10px;font-size:11px}.maker-emblem{display:flex;align-items:center;justify-content:center;width:30px;height:28px;flex-shrink:0;color:var(--mint)}.maker-emblem img,.maker-option img{width:32px;height:30px;object-fit:contain}.chevron{margin-left:auto}.maker-options{position:absolute;top:55px;left:0;right:0;max-height:290px;overflow:auto;background:#22292d;border:1px solid #48545a;border-radius:5px;z-index:8;box-shadow:0 15px 35px #0008}.maker-option{width:100%;background:none;text-align:left;display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:11px}.maker-option:hover,.maker-option:focus{background:#35413f}.list-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;margin:18px 0 10px;color:var(--muted)}.text-button{padding:0;background:none;color:#b7c8c9;font-size:10px}.text-button:hover{color:var(--mint)}.search{width:100%;background:#12171a;border:1px solid #303a3e;border-radius:4px;padding:9px 10px;color:var(--text);font-size:11px;margin-bottom:6px}.ship-list{max-height:230px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#42504f transparent}.ship-row{display:flex;gap:9px;align-items:center;min-height:35px;border-bottom:1px solid #ffffff06;font-size:11px;cursor:pointer;padding:6px 3px}.ship-row:hover{background:#ffffff05}.ship-row input{accent-color:var(--mint);width:14px;height:14px;margin:0;flex-shrink:0}.ship-row span{flex:1}.ship-row small{color:var(--muted);font:9px monospace;white-space:nowrap}.load-footer{margin-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px}.load-footer>span{color:var(--muted);font-size:10px;max-width:155px}.primary{background:var(--mint);color:#14251f;border-radius:4px;padding:9px 15px;min-width:79px;display:flex;justify-content:space-between;gap:18px;font-weight:600}.primary:disabled{opacity:1;background:#2c3636;color:#667977}.primary:not(:disabled):hover{background:#d7ffec}.load-status{font-size:11px;color:var(--mint);margin:0 0 12px;white-space:pre-line}.load-status:empty{display:none}.import-panel{padding:15px}.import-heading{display:flex;gap:10px;align-items:center}.small-icon{color:#acbcbe;font-size:22px}.import-heading h2{font-size:12px;margin:0;font-weight:500}.import-heading p{font-size:9px;color:var(--muted);margin:3px 0 0}.import-heading .soon{margin-left:auto}.drop-placeholder{border:1px dashed #3b464b;border-radius:5px;margin-top:13px;padding:12px;text-align:center;font-size:10px;color:#a0abad}.drop-placeholder>span{margin-right:5px}.drop-placeholder small{display:block;font-size:9px;color:#66777b;margin-top:3px}.referral-panel{padding:17px 18px;background:linear-gradient(120deg,#20312c,#191f21 80%)}.referral-panel .eyebrow{color:#91baa9;font-size:8px}.referral-panel h2{font-weight:500;font-size:17px;margin:7px 0}.referral-panel p{font-size:11px;color:#9fafac;line-height:1.6;margin:0 0 13px}.code-row{border:1px solid #3c5148;background:#111c19;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;color:var(--mint)}.code-row code{font-size:12px;letter-spacing:1px}.code-row button{background:none;color:var(--mint);font-size:19px}.referral-link{font-size:11px;display:flex;justify-content:space-between;margin-top:13px;color:#cadbd3}.unofficial{font-size:9px;color:#647277;line-height:1.6;margin:0 12px}.scene-heading{position:absolute;top:30px;left:354px;display:flex;gap:11px;align-items:center;font:9px monospace;letter-spacing:1.1px;color:#9baaae;pointer-events:none}.live-dot,.status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%}.scene-divider{color:#516064}.view-tools{position:absolute;right:24px;top:20px;display:flex;gap:5px;align-items:center;background:#191e21e8;border:1px solid var(--line);border-radius:6px;padding:4px}.tool{width:34px;height:33px;border-radius:4px;background:transparent;color:#adbcbf;font-size:20px}.tool:hover{background:#35413f;color:var(--mint)}.view-tools>span{height:18px;width:1px;background:var(--line);margin:0 4px}.empty-state{position:absolute;top:38%;left:calc(50% + 105px);transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:opacity .4s;width:380px}.empty-cross{display:block;font-size:38px;font-weight:200;color:#9fb9b055;line-height:1;margin-bottom:20px}.empty-state h2{font-size:29px;font-weight:400;letter-spacing:-.7px;margin:10px 0}.empty-state p{font-size:12px;line-height:1.8;color:#8b9b9e}.empty-hint{display:block;font:8px monospace;letter-spacing:1.3px;color:#6c8082;margin-top:22px}.empty-state.quiet{opacity:0}.help-panel{position:absolute;right:24px;top:80px;width:330px;padding:20px;z-index:5}.help-panel h2{font-size:16px;font-weight:500;margin:0 0 16px}.help-panel dl{display:grid;grid-template-columns:125px 1fr;gap:12px 8px;font-size:11px}.help-panel dt{color:var(--mint)}.help-panel dd{margin:0;color:var(--muted)}.help-panel p{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.statusbar{position:absolute;bottom:0;left:0;right:0;height:33px;border-top:1px solid #2e363b;background:#151a1d;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 23px;font:9px monospace;color:#8a9a9e;z-index:4}.statusbar>div{display:flex;align-items:center;gap:11px}.statusbar b{font-weight:400;color:#cad2d4}.statusbar .desktop-hint{gap:20px;font:10px 'Segoe UI',sans-serif}.status-separator{color:#435155}.fleet-tray{position:absolute;bottom:54px;left:354px;right:24px;max-width:750px;background:#181e21eF;border:1px solid var(--line);border-radius:7px;padding:10px 13px}.tray-heading{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:var(--muted);margin-bottom:9px}#fleet-items{display:flex;gap:8px;overflow:auto;padding-bottom:2px;scrollbar-width:thin}.fleet-chip{display:flex;align-items:center;gap:8px;border:1px solid #3c484c;border-radius:4px;padding:6px 9px;white-space:nowrap;background:#222a2d;font-size:10px}.fleet-chip>button{background:none;color:var(--mint);padding:1px 3px}.fleet-chip .ship-focus{color:#dbe5e5;font-size:10px;text-align:left}.fleet-chip small{color:#859a99;font-size:9px;margin-left:6px}.toast{position:absolute;bottom:145px;left:calc(50% + 100px);transform:translateX(-50%);padding:12px 18px;background:#24322e;border:1px solid #526d62;border-radius:6px;color:var(--mint);z-index:10;max-width:480px}.mobile-toggle{display:none}.fatal{position:absolute;top:35%;left:40%;max-width:450px;padding:25px;background:#252021;color:#f1cccc;border:1px solid #774c4c;border-radius:8px} @media(min-width:1600px){:root{--sidebar:320px}.scene-heading,.fleet-tray{left:376px}.sidebar{top:28px}.ship-list{max-height:300px}}@media(max-height:820px){.sidebar{gap:9px;top:18px}.add-panel{padding:14px 15px 0}h1{margin:7px 0 16px}.ship-list{max-height:170px}.referral-panel{padding:13px 15px}.drop-placeholder{padding:8px}.import-panel{padding:12px}.referral-panel p{font-size:10px;margin-bottom:8px}}@media(max-width:1050px){.navbar{gap:30px;padding:0 18px}.navbar nav{gap:20px}.navbar .soon{display:none}.desktop-hint{display:none!important}.scene-heading{font-size:8px}.nav-referral{font-size:10px}.empty-state{width:310px;left:calc(50% + 130px)}.empty-state h2{font-size:24px}}@media(max-width:760px){:root{--sidebar:270px}.navbar{height:56px;padding:0 14px;gap:25px}.brand{font-size:16px;letter-spacing:3px}.brand small{font-size:6px}.brand-mark{font-size:25px;width:30px}.navbar nav{gap:12px}.navbar nav>button,.nav-referral{display:none!important}#workspace{height:calc(100dvh - 56px)}.sidebar{top:59px;left:12px;bottom:48px;width:min(290px,calc(100vw - 24px))}.mobile-toggle{display:block;position:absolute;left:12px;top:12px;background:#20292d;z-index:5}.scene-heading{left:57px;top:24px;font-size:8px;gap:6px}.scene-heading .scene-divider,.scene-heading #fleet-count{display:none}.view-tools{right:12px;top:10px}.tool{width:28px;height:29px;font-size:18px}.view-tools>span{margin:0}.empty-state{left:50%;top:43%;width:280px}.sidebar:not(.closed)~.empty-state{opacity:0}.sidebar.closed{display:none}.statusbar{font-size:8px;padding:0 12px}.statusbar>div{gap:6px}.statusbar #scale-status,.status-separator{display:none}.fleet-tray{left:12px;right:12px;bottom:46px}.sidebar:not(.closed)~.fleet-tray{display:none}.help-panel{right:12px;top:58px;width:min(330px,calc(100vw - 24px))}.toast{left:50%;width:85%;bottom:115px}.fatal{left:5%;right:5%;z-index:9}}
.transform-panel{position:absolute;right:24px;top:78px;width:290px;padding:13px 15px;z-index:4}.transform-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:12px}.transform-buttons{display:flex;gap:6px}.transform-buttons button{background:#263034;border:1px solid #3a494a;border-radius:4px;padding:7px 10px;font-size:11px}.transform-buttons button[aria-pressed=true]{background:#b3eed7;color:#16271f;border-color:#b3eed7}.transform-panel p{font-size:10px;color:var(--muted);margin:10px 0 0}.fleet-chip.selected{border-color:var(--mint);background:#2a3c35}.help-panel{z-index:6}@media(max-width:760px){.transform-panel{top:65px;right:12px;width:265px}.sidebar:not(.closed)~.transform-panel{display:none}}
.ground-controls{display:flex;align-items:center;gap:10px;margin-top:10px}.ground-controls button{background:#263034;border:1px solid #3a494a;border-radius:4px;padding:7px 10px;color:#dce9e3;font-size:11px;white-space:nowrap}#ground-status{font-size:10px;color:var(--muted)}#ground-status.below-ground{color:#edbc89}
label.drop-placeholder{display:block;cursor:pointer}.drop-placeholder.drag-over{border-color:var(--mint);background:#284137}.import-row{padding:8px 0;border-bottom:1px solid var(--line);font-size:10px}.import-row span,.import-row small{display:block;overflow-wrap:anywhere}.import-row small{color:var(--mint);margin-top:3px}.import-row select{width:100%;font-size:10px;background:#222c2e;color:var(--text);border:1px solid #465652;padding:5px;margin-top:5px}#import-rows{max-height:220px;overflow:auto}#import-load{margin-top:12px;font-size:11px;width:100%}.import-note{font-size:9px;color:var(--muted)}#import-status{margin-top:9px}
.quick-import{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}#fleet-drop{display:block;cursor:pointer;font-size:11px;color:var(--mint);padding:8px;border:1px dashed #41534d;border-radius:4px}#fleet-drop small{display:block;color:var(--muted);font-size:9px;margin-top:2px}#fleet-drop.drag-over{background:#2b4138}.ship-check{display:flex;align-items:center;gap:7px;flex:1;min-width:0;cursor:pointer}.ship-check span{overflow-wrap:anywhere}.ship-row-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.ship-row-actions button{width:19px;height:25px;background:#263431;border-radius:3px;font-size:13px;color:var(--mint);padding:0}.ship-row-actions input{appearance:textfield;width:28px;height:25px;padding:1px;border:1px solid #354540;border-radius:3px;background:#141d1b;color:#dbe9e3;text-align:center;font-size:10px}.ship-row-actions input::-webkit-inner-spin-button{appearance:none}.ship-row-actions .remove-model{margin-left:3px;color:#e7a9a1;background:#3a2929}

.add-title{font-size:22px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin:9px 0 23px}.about{max-width:1160px;margin:auto;padding:70px 28px;color:#b5c2c5}.about h1{font-size:32px;color:var(--text);max-width:700px;margin:14px 0 22px}.about>p{max-width:800px}.about-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:32px 0}.about h2{font-size:18px;color:var(--text);font-weight:500}.about p{line-height:1.8}.about .about-note{font-size:11px;color:var(--muted)}@media(max-width:1000px){.navbar{gap:25px}.navbar nav{gap:18px}.brand{letter-spacing:2px}}@media(max-width:760px){.about-columns{grid-template-columns:1fr;gap:10px}.about{padding:40px 22px}.about h1{font-size:27px}}