:root{--bg: #0f1419;--panel: #161d26;--panel-2: #1c2530;--line: #263242;--text: #e6edf5;--muted: #8ea0b5;--accent: #3f8cff;--accent-2: #2b6fd6;--good: #27ae60;--warn: #f2994a;--bad: #eb5757;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:7px 12px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#26313f;border-color:#38485c}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-2)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){background:#202a36}button.danger{color:#ffb4b4;border-color:#4a2b2b;background:#2a1c1c}button.danger:hover:not(:disabled){background:#3a2323}input[type=text],input[type=number],input[type=search],select,textarea{width:100%;background:#101822;border:1px solid var(--line);border-radius:8px;padding:7px 9px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto}.logo{display:flex;align-items:baseline;gap:8px;font-weight:700;letter-spacing:.2px}.logo b{color:var(--accent)}.logo small{color:var(--muted);font-weight:400;font-size:11.5px}.badge-free{background:linear-gradient(90deg,#1f7a4d,#27ae60);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}.spacer{flex:1}.lang-switch{display:flex;gap:2px;background:#101822;border:1px solid var(--line);border-radius:8px;padding:2px}.lang-switch button{padding:4px 8px;border:none;background:transparent;font-size:12px;border-radius:6px}.lang-switch button.on{background:var(--accent);color:#fff}.main{flex:1;display:flex;min-height:0}.sidebar{width:330px;flex:0 0 330px;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column}.viewport{flex:1;position:relative;min-width:0;background:#0b0f14}.viewport canvas{display:block}.section{border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;user-select:none}.section-head h3{margin:0;font-size:12.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);white-space:nowrap}.section-head>span:last-child{display:flex;gap:4px}.section-head>span:last-child button{padding:4px 8px;font-size:11.5px;white-space:nowrap}.section-body{padding:0 14px 14px}.chev{color:var(--muted);transition:transform .18s}.chev.closed{transform:rotate(-90deg)}.toggle{display:flex;gap:10px;align-items:flex-start;padding:7px 0}.toggle .sw{flex:0 0 auto;width:36px;height:20px;border-radius:999px;background:#2a3644;position:relative;transition:background .15s;margin-top:2px;border:none;padding:0}.toggle .sw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#8ea0b5;transition:transform .15s,background .15s}.toggle .sw.on{background:#3f8cff59}.toggle .sw.on:after{transform:translate(16px);background:var(--accent)}.toggle .label{font-size:13px}.toggle .hint{font-size:11.5px;color:var(--muted)}.stat{margin:9px 0}.stat-top{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}.stat-top span:last-child{color:var(--muted)}.bar{height:6px;border-radius:999px;background:#101822;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .25s}.bar>i.warn{background:var(--warn)}.bar>i.bad{background:var(--bad)}.space-card{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px;margin-bottom:8px}.space-card .name{font-weight:600}.space-card .dims{font-size:11.5px;color:var(--muted)}.space-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.space-tabs button{padding:4px 9px;font-size:12px}.space-tabs button.on{border-color:var(--accent);color:#cfe2ff}.load-row{display:flex;gap:9px;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;margin-bottom:7px;cursor:pointer}.load-row:hover{border-color:#3a4a5f}.load-row.sel{border-color:var(--accent)}.swatch{width:12px;height:26px;border-radius:4px;flex:0 0 auto}.load-main{flex:1;min-width:0}.load-name{font-size:13px;font-weight:600;display:flex;gap:6px;align-items:center}.load-name .tag{font-size:10px;background:#0e1620;border:1px solid var(--line);padding:0 4px;border-radius:4px;color:var(--muted)}.load-meta{font-size:11.5px;color:var(--muted)}.qty{display:flex;align-items:center;gap:4px}.qty button{padding:2px 7px;border-radius:6px}.qty .n{min-width:26px;text-align:center;font-variant-numeric:tabular-nums}.warn-dot{color:var(--warn)}.bad-dot{color:var(--bad)}.row{display:flex;gap:8px}.row>*{flex:1}.field{margin-bottom:10px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.hintline{font-size:11.5px;color:var(--muted);margin-top:4px}.view-buttons{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:5}.view-buttons button{width:46px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px;color:var(--muted);background:#161d26e6;backdrop-filter:blur(6px)}.view-buttons button:hover{color:var(--text)}.bottombar{position:absolute;left:50%;transform:translate(-50%);bottom:14px;display:flex;gap:8px;z-index:5;background:#161d26f0;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 10px 30px #0006;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px)}.legend{position:absolute;left:12px;top:12px;z-index:4;font-size:11.5px;color:var(--muted);background:#161d26d9;border:1px solid var(--line);border-radius:8px;padding:6px 9px;pointer-events:none}.ctx-menu{position:fixed;z-index:60;min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 12px 32px #00000080}.ctx-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:7px 10px;border-radius:7px;font-size:13px}.ctx-menu button:hover{background:#26313f}.ctx-menu hr{border:none;border-top:1px solid var(--line);margin:4px 2px}.backdrop{position:fixed;inset:0;background:#05080ca6;display:flex;align-items:center;justify-content:center;z-index:50;padding:18px}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0000008c}.dialog.wide{max-width:760px}.dialog-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:16px}.dialog-body{padding:16px;overflow-y:auto}.dialog-foot{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line)}.error{color:#ffb0b0;background:#2a1a1a;border:1px solid #4a2b2b;padding:8px 10px;border-radius:8px;font-size:12.5px;margin-bottom:10px}.note{color:var(--muted);font-size:12px;background:#101822;border:1px solid var(--line);padding:8px 10px;border-radius:8px}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:70}.toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);padding:9px 13px;border-radius:9px;font-size:13px;max-width:340px;box-shadow:0 10px 26px #0006}.toast.warn{border-left-color:var(--warn)}.toast.error{border-left-color:var(--bad)}.fab{position:absolute;right:16px;bottom:16px;z-index:6;width:52px;height:52px;border-radius:50%;background:var(--accent);border:none;color:#fff;font-size:21px;box-shadow:0 8px 24px #3f8cff66}.chat{position:absolute;right:16px;bottom:16px;z-index:20;width:360px;max-width:calc(100% - 32px);height:460px;max-height:calc(100% - 32px);background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 18px 44px #00000080}.chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:9px}.msg{padding:8px 11px;border-radius:11px;font-size:13px;max-width:85%;white-space:pre-wrap}.msg.bot{background:var(--panel-2);border:1px solid var(--line);align-self:flex-start}.msg.me{background:var(--accent);color:#fff;align-self:flex-end}.chat-input{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line)}.axle{display:flex;gap:8px;margin-top:6px}.axle>div{flex:1;background:#101822;border:1px solid var(--line);border-radius:8px;padding:7px 9px}.axle .val{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.axle .val.over{color:var(--bad)}.axle .cap{font-size:11px;color:var(--muted)}.disclaimer{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.35}.project-row{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px;background:var(--panel-2)}.project-row.on{border-color:var(--accent)}.project-row .p-main{flex:1;min-width:0}.project-row .p-name{font-weight:600;font-size:13px}.project-row .p-meta{font-size:11.5px;color:var(--muted)}.drop{border:2px dashed var(--line);border-radius:12px;padding:26px 16px;text-align:center;color:var(--muted);cursor:pointer;background:#101822}.drop.over{border-color:var(--accent);color:var(--text)}.news-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.news-item time{color:var(--muted);font-size:11.5px;flex:0 0 88px}.news-item div{font-size:13px}.menu-wrap{position:relative}.dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 14px 34px #00000080}.dropdown button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:7px 10px;border-radius:7px;font-size:13px}.dropdown button:hover{background:#26313f}.dropdown .head{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);padding:6px 10px 3px}.mobile-hint{position:absolute;left:12px;bottom:76px;z-index:4;display:none;font-size:11.5px;color:var(--muted);background:#161d26e6;border:1px solid var(--line);border-radius:8px;padding:6px 9px}@media (max-width: 900px){.main{flex-direction:column}.sidebar{width:100%;flex:0 0 46%;border-right:none;border-bottom:1px solid var(--line)}.mobile-hint{display:block}.bottombar{bottom:8px}}