:root{--bg:#1e2227;--bg-panel:#262b31;--bg-toolbar:#2b3037;--bg-viewport:#21262c;--border:#3a4048;--text:#d6dbe1;--text-muted:#7d858f;--accent:#ff7a1a;--accent-dim:#c85f12;--tool-hover:#333a42;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#app{grid-template:"toolbar toolbar toolbar"44px"browser viewport properties"1fr"status status status"26px/220px 1fr 260px;width:100vw;height:100vh;display:grid}#toolbar{background:var(--bg-toolbar);border-bottom:1px solid var(--border);grid-area:toolbar;align-items:center;gap:4px;padding:0 12px;display:flex}.brand{letter-spacing:.3px;-webkit-user-select:none;user-select:none;margin-right:14px;font-weight:700}.brand span{color:var(--accent)}.tool-group{border-left:1px solid var(--border);align-items:center;gap:2px;height:26px;padding:0 8px;display:flex}.tool-group:first-of-type{border-left:none}.tool{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 10px;font-size:12px}.tool:hover:not(:disabled){background:var(--tool-hover);border-color:var(--border)}.tool:disabled{color:var(--text-muted);cursor:default}.tool.active{background:var(--accent);color:#1a1204;border-color:var(--accent);font-weight:600}select.susp-role{background:var(--bg-viewport);border:1px solid var(--border);height:22px;font-family:inherit}select.susp-role:hover{background:var(--bg-viewport)}.tool.accent{border-color:var(--accent-dim);color:var(--accent)}.tool.accent:hover:not(:disabled){background:var(--accent);color:#1a1204}.spacer{flex:1}.panel{background:var(--bg-panel);overflow-y:auto}#browser{border-right:1px solid var(--border);grid-area:browser}#properties{border-left:1px solid var(--border);grid-area:properties}.panel-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px}.tree{margin:0;padding:6px 0;font-size:12px;list-style:none}.tree li{padding:3px 12px}.tree-branch,.tree-leaf{padding-left:24px!important}.tree-feature{cursor:pointer;border-left:2px solid #0000;padding-left:24px!important}.tree-feature:hover{background:var(--tool-hover)}.tree-feature.selected{background:var(--tool-hover);border-left-color:var(--accent);color:#fff}.tree-feature.picked{color:var(--accent);font-weight:600}.prop-name{margin-bottom:2px;font-size:13px;font-weight:600}.prop-empty{padding:12px;font-size:12px}.prop-form{flex-direction:column;gap:8px;padding:12px;display:flex}.prop-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.prop-form input,.prop-form select{background:var(--bg-viewport);color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none;padding:6px 8px;font-family:inherit;font-size:13px}.prop-form input:focus,.prop-form select:focus{border-color:var(--accent)}.prop-row{gap:6px;display:flex}.prop-row input{flex:1;min-width:0}.measure-row{justify-content:space-between;gap:10px;padding:2px 0;font-size:13px;display:flex}.measure-row b{color:var(--accent)}.susp-travel{border:1px solid var(--border);color:var(--text);z-index:5;white-space:nowrap;background:#14181ceb;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 14px;font-size:12px;display:flex;position:absolute;bottom:16px;left:16px}.susp-travel-row{align-items:center;gap:12px;display:flex}.susp-travel input[type=range]{width:200px;accent-color:var(--accent)}.susp-travel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px}.susp-travel-readout{font-variant-numeric:tabular-nums;min-width:0;color:var(--text)}.susp-travel-limits{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:11px}.susp-readouts{border:1px solid var(--border);min-width:210px;color:var(--text);z-index:5;background:#14181ceb;border-radius:8px;padding:10px 12px;font-size:12px;position:absolute;top:16px;left:16px}.susp-readouts-head{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.susp-fwd{background:var(--bg-viewport);border:1px solid var(--border);color:var(--text);border-radius:4px;font-family:inherit;font-size:11px}.ro-axle{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px}.ro-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:14px;padding:2px 0;display:flex}.ro-row b{color:var(--accent)}.ro-note{color:var(--text-muted);white-space:normal;max-width:220px;margin-top:6px;font-size:11px}.susp-place{border:1px solid var(--border);min-width:190px;color:var(--text);z-index:5;background:#14181ceb;border-radius:8px;padding:10px 12px;font-size:12px;position:absolute;top:16px;right:16px}.place-views{gap:4px;margin-bottom:6px;display:flex}.place-views .tool{border:1px solid var(--border);flex:1;padding:4px 0}.place-row{align-items:center;gap:6px;padding:3px 0;display:flex}.place-row input[type=text]{background:var(--bg-viewport);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:4px;flex:1;padding:4px 6px;font-family:inherit}.place-grid{color:var(--text-muted);font-size:11px}.place-grid input[type=text]{flex:none;max-width:48px}#susp-place-mirror{border:1px solid var(--border);width:100%;margin-top:6px}.place-lock{color:var(--text-muted);align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.place-lock span{margin-right:2px}.place-lock .tool{border:1px solid var(--border);flex:1;padding:3px 0}.lo-head{text-transform:uppercase;letter-spacing:.4px;color:var(--accent);margin-top:8px;font-size:11px}.prop-actions{gap:6px;margin-top:4px;display:flex}.prop-actions .tool{border:1px solid var(--border);flex:1}.prop-delete{color:#e88!important;border:1px solid #6b3030!important}.prop-delete:hover{background:#6b3030;color:#fff!important}.muted{color:var(--text-muted)}#viewport{background:var(--bg-viewport);grid-area:viewport;position:relative;overflow:hidden}#viewport canvas{display:block}.overlay{background:var(--bg-viewport);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .3s;display:flex;position:absolute;inset:0}.overlay.hidden{opacity:0;pointer-events:none}.overlay-text{color:var(--text-muted);font-size:13px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dim-input{z-index:15;background:var(--bg-toolbar);width:68px;color:var(--text);border:1px solid var(--accent);border-radius:4px;outline:none;padding:3px 6px;font-family:inherit;font-size:12px;position:absolute;transform:translate(8px,-50%)}.export-menu{z-index:30;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:44px;right:12px;box-shadow:0 8px 24px #00000080}.export-menu button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:13px}.export-menu button:hover{background:var(--tool-hover)}.picker{z-index:20;background:#14171b8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.picker-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 12px 40px #00000080}.picker-title{text-align:center;font-size:14px;font-weight:600}.picker-planes{gap:12px;display:flex}.plane-btn{background:var(--bg-viewport);border:1px solid var(--border);width:88px;height:88px;color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.plane-btn:hover{border-color:var(--accent);background:var(--tool-hover)}.plane-name{font-size:14px;font-weight:600}.plane-sub{color:var(--text-muted);font-size:11px}.picker-offset-label{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.picker-offset-label input{background:var(--bg-viewport);width:70px;color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none;padding:5px 7px;font-family:inherit;font-size:12px}.picker-offset-label input:focus{border-color:var(--accent)}.picker-face{background:var(--bg-viewport);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:8px;font-size:12px}.picker-face:hover:not(:disabled){border-color:var(--accent)}.picker-face:disabled{color:var(--text-muted);cursor:default;opacity:.6}.picker-cancel{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px}.picker-cancel:hover{color:var(--text);border-color:var(--text-muted)}#statusbar{background:var(--bg-toolbar);border-top:1px solid var(--border);color:var(--text-muted);grid-area:status;align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex}