:root{--bg: #161616;--panel: #1f1f1f;--header: #252525;--text: #b4b4b4;--text-mute: #888;--line: #2a2a2a;--accent: #d4a857;--info: #6ab6c0;--error: #c8504a;--axis-x: #ff4040;--axis-y: #40dd60;--axis-z: #5588ff;--font-ui: "Inter", -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", Menlo, Consolas, monospace;--titlebar-h: 28px;--maptabs-h: 30px;--subbar-row-h: 30px;--subbar-h: calc(var(--subbar-row-h) * 2);--statusbar-h: 22px;--row-h: 22px;--ldock-w: 130px;--rdock-w: 260px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:12px;line-height:1.4;overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none}#app{width:100vw;height:100vh;display:grid;grid-template-rows:var(--titlebar-h) var(--maptabs-h) var(--subbar-h) 1fr var(--statusbar-h);grid-template-columns:var(--ldock-w) 1fr var(--rdock-w);grid-template-areas:"title    title    title" "maptabs  maptabs  maptabs" "subbar   subbar   subbar" "ldock    viewport rdock" "status   status   status"}#maptabs-host{grid-area:maptabs;background:var(--bg);border-bottom:1px solid var(--line);overflow:hidden}.maptabs{height:100%}.maptabs-strip{display:flex;align-items:stretch;height:100%;gap:1px;padding:0 4px;overflow-x:auto}.maptab{display:flex;align-items:center;gap:6px;padding:0 10px;min-width:80px;max-width:200px;background:var(--panel);border:1px solid var(--line);border-bottom:none;margin-top:4px;border-radius:5px 5px 0 0;cursor:pointer;font-size:11px;color:var(--text-mute)}.maptab:hover{color:var(--text)}.maptab.active{background:var(--header);color:var(--accent);border-color:var(--accent);border-bottom:1px solid var(--header)}.maptab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maptab-close{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:13px;line-height:1;padding:0 2px;border-radius:3px}.maptab-close:hover{background:var(--line);color:var(--text)}.maptab-rename{width:90px;background:var(--bg);color:var(--text);border:1px solid var(--accent);border-radius:3px;font-size:11px;padding:1px 4px}.maptab-add{align-self:center;margin-left:4px;width:24px;height:22px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--text-mute);cursor:pointer;font-size:14px}.maptab-add:hover{border-color:var(--accent);color:var(--accent)}#subbar{grid-area:subbar;background:var(--header);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.subbar-row{height:var(--subbar-row-h);display:flex;align-items:center;padding:0 10px;gap:10px}.subbar-row+.subbar-row{border-top:1px solid var(--line)}.subbar-spacer{margin-left:auto}.subbar-toggle{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.02em;color:var(--text);cursor:pointer;user-select:none}.subbar-toggle input{accent-color:var(--accent);cursor:pointer}.subbar-num{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-mute)}.subbar-num input{width:40px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:3px;font-size:11px;padding:2px 4px;text-align:right;font-family:var(--font-mono)}.subbar-num input:focus{outline:none;border-color:var(--accent)}.subbar-unit{color:var(--text-mute);font-size:10px}#titlebar{grid-area:title;background:var(--header);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 10px;gap:16px;font-size:11px;letter-spacing:.04em}#titlebar .app-name{color:var(--text);font-weight:500}#titlebar .menu-slot{color:var(--text-mute);font-size:11px}#titlebar .titlebar-menu-host{display:flex;align-items:stretch;height:100%;margin-left:12px}#titlebar .titlebar-right{margin-left:auto;display:flex;align-items:center;gap:4px}.menubar{display:flex;align-items:stretch;height:100%}.menubar-btn{background:transparent;border:none;color:var(--text);font-family:var(--font-ui);font-size:11px;letter-spacing:.02em;padding:0 10px;cursor:pointer;border-radius:0}.menubar-btn:hover,.menubar-btn.open{background:var(--panel);color:var(--accent)}.menubar-btn:focus{outline:none}.menu-dropdown{background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 24px #0000008c;min-width:200px;padding:4px 0;z-index:800;font-family:var(--font-ui);font-size:12px}.menu-item{display:grid;grid-template-columns:18px 1fr auto;align-items:center;width:100%;background:transparent;border:none;color:var(--text);text-align:left;padding:4px 12px;cursor:pointer;gap:8px;font-family:var(--font-ui);font-size:12px;border-radius:0}.menu-item:hover:not(.disabled){background:var(--header);color:var(--accent)}.menu-item.disabled{color:var(--text-mute);opacity:.5;cursor:not-allowed}.menu-item .menu-check{color:var(--accent);font-family:var(--font-mono);font-size:11px;text-align:center}.menu-item .menu-sc{color:var(--text-mute);font-family:var(--font-mono);font-size:10px}.menu-item:hover:not(.disabled) .menu-sc{color:var(--info)}.menu-sep{height:1px;background:var(--line);margin:4px 6px}.prefs-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center}.prefs-modal.hidden{display:none}.prefs-backdrop{position:absolute;inset:0;background:#000000a6}.prefs-card{position:relative;background:var(--panel);border:1px solid var(--line);width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.prefs-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--header);border-bottom:1px solid var(--line)}.prefs-title{font-family:var(--font-ui);font-weight:500;letter-spacing:.1em;font-size:12px;color:var(--text)}.prefs-close{background:transparent;border:none;color:var(--text-mute);font-size:20px;width:24px;height:24px;cursor:pointer}.prefs-close:hover{color:var(--accent)}.prefs-body{overflow-y:auto;padding:12px 16px 16px;flex:1}.prefs-footer{border-top:1px solid var(--line);padding:8px 12px;display:flex;justify-content:flex-end}.prefs-reset{background:transparent;border:1px solid var(--line);color:var(--text-mute);font-family:var(--font-mono);font-size:11px;padding:4px 10px;cursor:pointer}.prefs-reset:hover{color:var(--error);border-color:var(--error)}.prefs-section{margin-bottom:16px}.prefs-section:last-child{margin-bottom:0}.prefs-section-title{font-family:var(--font-ui);color:var(--accent);font-weight:500;font-size:11px;letter-spacing:.12em;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--line)}.prefs-list{display:flex;flex-direction:column;gap:4px}.prefs-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:4px 0}.prefs-key{font-family:var(--font-ui);font-size:12px;color:var(--text)}.prefs-note{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);margin-top:4px;opacity:.8}.prefs-segments{display:flex;border:1px solid var(--line)}.prefs-segment{background:transparent;border:none;color:var(--text);font-family:var(--font-mono);font-size:11px;padding:4px 12px;cursor:pointer}.prefs-segment:hover:not(.active){color:var(--accent)}.prefs-segment.active{background:var(--accent);color:#161616}.prefs-shortcut-cell{display:flex;align-items:center;gap:4px}.prefs-keycap{background:var(--header);border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:3px 10px;min-width:70px;text-align:center;cursor:pointer;border-radius:0}.prefs-keycap:hover{color:var(--accent);border-color:var(--accent)}.prefs-keycap.capturing{color:var(--info);border-color:var(--info);background:#1f2a2c}.prefs-clear{background:transparent;border:1px solid var(--line);color:var(--text-mute);font-family:var(--font-mono);font-size:12px;width:22px;height:22px;line-height:1;cursor:pointer;padding:0;border-radius:0}.prefs-clear:hover{color:var(--error);border-color:var(--error)}.tool-label-tag{position:fixed;pointer-events:none;z-index:600;background:#161616eb;color:var(--text);border:1px solid var(--accent);padding:3px 8px;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}.viewport-hud{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:0;padding:2px 0;background:#161616d1;border:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--text);pointer-events:auto;user-select:none;z-index:50}.viewport-hud .hud-cell{padding:2px 10px;white-space:pre}.viewport-hud .hud-mode{background:transparent;border:none;color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em}.viewport-hud .hud-mode:hover{color:var(--accent)}.viewport-hud .hud-mode.ortho{color:var(--info)}.viewport-hud .hud-mode.ortho:hover{color:var(--accent)}.viewport-hud .hud-sep{color:var(--line);padding:0}.viewport-hud .hud-elev,.viewport-hud .hud-azi{font-variant-numeric:tabular-nums;color:var(--text)}.viewport-hud .hud-badge{display:none;background:var(--accent);color:#161616;padding:1px 6px;margin-left:4px;margin-right:4px;font-family:var(--font-ui);font-size:9px;letter-spacing:.1em;font-weight:600}.viewport-hud .hud-badge.on{display:inline}#viewport-host{grid-area:viewport;position:relative;overflow:hidden;background:var(--bg)}#viewport-host canvas{display:block;width:100%;height:100%}.viewport-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.axis-label{position:absolute;font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1;padding:1px 4px;background:#161616c7;border:1px solid currentColor;transform:translate(-50%,-50%);user-select:none}.axis-label.axis-x{color:var(--axis-x)}.axis-label.axis-y{color:var(--axis-y)}.axis-label.axis-z{color:var(--axis-z)}#statusbar{grid-area:status;background:var(--header);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 10px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;color:var(--text-mute)}#statusbar .left{justify-self:start}#statusbar .center{justify-self:center}#statusbar .right{justify-self:end}#statusbar .axis-x{color:var(--axis-x)}#statusbar .axis-y{color:var(--axis-y)}#statusbar .axis-z{color:var(--axis-z)}#statusbar .label{color:var(--text-mute);margin-right:4px}#statusbar .value{color:var(--text)}#leftdock{grid-area:ldock;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}#rightdock{grid-area:rdock;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}#app.rdock-detached{--rdock-w: 0px}.rp-stack{display:flex;flex-direction:column;height:100%;min-height:0}.rp-divider{flex:0 0 5px;cursor:row-resize;background:var(--line)}.rp-divider:hover{background:var(--accent)}.right-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.right-panel.auto-height{flex:0 0 auto}.right-panel.auto-height .rp-content{flex:0 0 auto;padding-bottom:10px}.right-panel.auto-height .rp-view{height:auto}.right-panel.floating{position:fixed;z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 32px #00000080;overflow:hidden;resize:both}.rp-menubar{display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:var(--header);flex:0 0 auto}.right-panel.floating .rp-menubar{cursor:move}.rp-tabs{display:flex;flex-wrap:wrap;flex:1 1 auto}.rp-tab{flex:0 0 auto;white-space:nowrap}.rp-tab{background:transparent;border:none;color:var(--text-mute);font-family:var(--font-ui);font-size:11px;letter-spacing:.03em;padding:0 11px;height:26px;cursor:pointer;border-bottom:2px solid transparent}.rp-tab:hover{color:var(--text)}.rp-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.rp-detach{background:transparent;border:none;border-left:1px solid var(--line);color:var(--text-mute);font-size:13px;width:28px;cursor:pointer}.rp-detach:hover{color:var(--accent)}.rp-content{flex:1 1 auto;min-height:0;position:relative;overflow-y:auto}.rp-view{min-height:0;display:flex;flex-direction:column}.layers-view{display:flex;flex-direction:column;min-height:0}.layers-toolbar{display:flex;align-items:center;gap:1px;padding:4px 6px;border-bottom:1px solid var(--line);flex:0 0 auto}.layers-tool{width:24px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-mute);cursor:pointer;border-radius:3px}.layers-tool:hover:not(:disabled){background:var(--line);color:var(--text)}.layers-tool:disabled{opacity:.3;cursor:default}.layers-tool-sep{flex:1 1 auto}.layers-assign{font-size:10px;height:22px;padding:0 8px;background:var(--header);border:1px solid var(--line);border-radius:3px;color:var(--text);cursor:pointer;white-space:nowrap}.layers-assign:hover{border-color:var(--accent);color:var(--accent)}.layers-tool svg,.layer-ic svg{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.layers-tool svg{width:14px;height:14px}.layers-list{flex:0 1 auto;min-height:0;overflow-y:auto;max-height:240px}.layer-row{display:flex;align-items:center;gap:3px;height:26px;padding:0 8px 0 9px;cursor:pointer;position:relative;font-size:11px;border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent)}.layer-row:hover{background:var(--header)}.layer-row.active{background:color-mix(in srgb,var(--accent) 13%,transparent)}.layer-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.layer-ic{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text);padding:0;flex:0 0 auto}.layer-ic svg{width:13px;height:13px}.layer-ic.off{opacity:.32}.layer-ic:hover{color:var(--accent);opacity:1}.layer-name{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--text);margin-left:2px}.layer-name-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-count{color:var(--text-mute);font-size:9px;font-variant-numeric:tabular-nums;flex:0 0 auto}.layer-rename{flex:1 1 auto;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--accent);border-radius:3px;font-size:11px;padding:1px 4px}.outliner-view{display:flex;flex-direction:column;min-height:0}.outliner-bar{display:flex;gap:4px;padding:5px 6px;border-bottom:1px solid var(--line);flex:0 0 auto}.outliner-btn{flex:1 1 auto;background:var(--header);border:1px solid var(--line);border-radius:3px;color:var(--text);font-size:10px;padding:4px;cursor:pointer}.outliner-btn:hover{border-color:var(--accent);color:var(--accent)}.outliner-tree{flex:0 1 auto;overflow-y:auto;max-height:300px;padding:2px 0}.outliner-layer{display:flex;align-items:center;gap:6px;padding:3px 8px;font-size:10px;color:var(--text-mute);letter-spacing:.04em;text-transform:uppercase}.outliner-count{color:var(--text-mute);font-size:9px}.outliner-group{padding:2px 8px 2px 16px;font-size:11px;color:var(--text);cursor:pointer}.outliner-group:hover{background:var(--header)}.outliner-group.selected{color:var(--accent)}.outliner-obj{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 8px 2px 16px;font-size:11px;color:var(--text);cursor:pointer}.outliner-obj.in-group{padding-left:28px}.outliner-obj:hover{background:var(--header)}.outliner-obj.selected{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.outliner-obj-id{color:var(--text-mute);font-size:9px;font-family:var(--font-mono)}.renderer-view{padding:8px;display:flex;flex-direction:column;gap:7px}.renderer-hint{font-size:10px;color:var(--text-mute);line-height:1.4}.renderer-field{display:grid;grid-template-columns:56px 1fr 34px;align-items:center;gap:6px;font-size:10px;color:var(--text-mute)}.renderer-field select,.renderer-field input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}.renderer-field select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:3px;font-size:10px;padding:2px 4px;grid-column:2 / span 2}.renderer-field output{color:var(--accent);font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.renderer-export{margin-top:4px;background:var(--accent);border:none;border-radius:4px;color:#1a1a1a;font-size:11px;font-weight:500;padding:7px;cursor:pointer}.renderer-export:hover{filter:brightness(1.1)}.light-view{padding:8px;display:flex;flex-direction:column;gap:7px}.light-row{display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:6px;font-size:10px;color:var(--text-mute)}.light-row input[type=range]{width:100%;accent-color:var(--accent)}.light-out{color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.light-group-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-top:4px}.light-presets{display:flex;gap:4px}.light-preset{flex:1 1 auto;background:var(--header);border:1px solid var(--line);border-radius:3px;color:var(--text);font-size:10px;padding:5px 4px;cursor:pointer}.light-preset:hover{border-color:var(--accent);color:var(--accent)}.assets-view{display:flex;flex-direction:column;min-height:0;padding:8px;gap:6px}.assets-save{display:flex;gap:5px}.assets-name{flex:1 1 auto;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:3px;font-size:11px;padding:4px 6px}.assets-name:focus{outline:none;border-color:var(--accent)}.assets-savebtn{flex:0 0 auto;background:var(--header);border:1px solid var(--line);border-radius:3px;color:var(--text);font-size:10px;padding:0 8px;cursor:pointer}.assets-savebtn:hover{border-color:var(--accent);color:var(--accent)}.assets-hint{font-size:10px;color:var(--text-mute)}.assets-hint.muted{color:var(--text-mute)}.assets-list{flex:0 1 auto;overflow-y:auto;max-height:260px;display:flex;flex-direction:column;gap:2px}.asset-row{display:flex;align-items:center;gap:6px;padding:5px 8px;font-size:11px;background:var(--header);border:1px solid var(--line);border-radius:4px;cursor:pointer;color:var(--text)}.asset-row:hover{border-color:var(--accent)}.asset-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-count{color:var(--text-mute);font-size:9px;font-variant-numeric:tabular-nums}.asset-del{background:transparent;border:none;color:var(--text-mute);cursor:pointer;font-size:13px;padding:0 2px}.asset-del:hover{color:var(--accent)}.arrange-view{padding:8px;display:flex;flex-direction:column;gap:2px}.arrange-hint{font-size:10px;color:var(--accent);margin-bottom:4px}.arrange-hint.muted{color:var(--text-mute)}.arrange-group-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin:8px 0 4px}.arrange-row{display:flex;gap:4px}.arrange-btn{width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:var(--header);border:1px solid var(--line);border-radius:3px;color:var(--text);cursor:pointer}.arrange-btn:hover{border-color:var(--accent);color:var(--accent)}.arrange-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.arrange-array{display:flex;flex-direction:column;gap:5px;margin-top:4px}.arrange-field{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:var(--text-mute)}.arrange-num{width:70px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:3px;font-size:11px;padding:2px 5px;text-align:right;font-family:var(--font-mono)}.arrange-num:focus{outline:none;border-color:var(--accent)}.arrange-go{margin-top:2px;background:var(--accent);border:none;border-radius:4px;color:#1a1a1a;font-size:11px;font-weight:500;padding:6px;cursor:pointer}.arrange-go:hover{filter:brightness(1.1)}.surfacer-view{overflow-y:auto;padding:8px}.surfacer-hint{font-size:10px;color:var(--accent);margin-bottom:8px;line-height:1.4}.surfacer-hint.muted{color:var(--text-mute)}.surfacer-group-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin:10px 0 5px}.surfacer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.surfacer-swatch{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--header);border:1px solid var(--line);border-radius:4px;padding:5px 3px;cursor:pointer;color:var(--text)}.surfacer-swatch:hover{border-color:var(--accent)}.surfacer-swatch.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.surfacer-swatch{position:relative}.surfacer-del{position:absolute;top:1px;right:3px;color:var(--text-mute);font-size:12px;line-height:1;opacity:0}.surfacer-swatch:hover .surfacer-del{opacity:1}.surfacer-del:hover{color:var(--accent)}.surfacer-create{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.surfacer-create-toggle{background:var(--header);border:1px solid var(--line);border-radius:4px;color:var(--text);font-size:11px;padding:5px 8px;cursor:pointer;width:100%}.surfacer-create-toggle:hover{border-color:var(--accent);color:var(--accent)}.surfacer-create-body{display:flex;flex-direction:column;gap:5px;margin-top:8px}.surfacer-field{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:var(--text-mute)}.surfacer-field>span{flex:0 0 auto}.surfacer-field input,.surfacer-field select{flex:1 1 auto;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:3px;font-size:10px;padding:2px 4px}.surfacer-field input[type=color]{padding:0;height:20px;flex:0 0 36px}.surfacer-create-preview{display:flex;align-items:center;gap:8px;margin-top:6px}.surfacer-save{flex:1 1 auto;background:var(--accent);border:none;border-radius:4px;color:#1a1a1a;font-size:11px;font-weight:500;padding:6px;cursor:pointer}.surfacer-save:hover{filter:brightness(1.1)}.surfacer-thumb{width:40px;height:40px;border-radius:3px;overflow:hidden;display:block;background-size:cover}.surfacer-thumb.shape-only{outline:1px dashed var(--text-mute);outline-offset:-3px}.surfacer-swatch-name{font-size:9px;text-align:center;line-height:1.1}.toolbar{display:flex;flex-direction:column;height:100%}.tools-box{display:flex;flex-direction:column;padding:2px 0 4px;flex:1;min-height:0;overflow-y:auto}.tool-group-label{font-family:var(--font-ui);font-size:9px;letter-spacing:.1em;color:var(--text-mute);padding:8px 12px 2px;opacity:.65}.tool-group-sep{height:1px;background:var(--line);margin:4px 8px 0;opacity:.5}.tool-btn{position:relative;width:100%;height:28px;background:transparent;border:none;color:var(--text);cursor:pointer;text-align:left;padding:0 10px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.tool-btn .tool-name{font-family:var(--font-ui);font-size:12px}.tool-btn .tool-sc{font-family:var(--font-mono);font-size:10px;color:var(--text-mute)}.tool-btn:hover{background:#2a2a2a;color:#d8d8d8}.tool-btn:hover .tool-sc{color:var(--info)}.tool-btn.active,.tool-btn.active .tool-sc{color:var(--accent)}.tool-btn.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--accent)}.tool-btn:focus{outline:none}.tool-btn:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.swatch-box{padding:6px;border-top:1px solid var(--line)}.color-swatch{position:relative;width:100%;height:28px;background:#6f7b8a;border:1px solid var(--line);cursor:pointer;padding:0;overflow:hidden}.color-swatch:hover{border-color:var(--accent)}.color-picker{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}.help-box{border-top:1px solid var(--line);padding:4px}.help-btn{width:100%;height:28px;background:transparent;border:1px solid var(--line);color:var(--text-mute);font-family:var(--font-mono);font-size:14px;cursor:pointer;padding:0;border-radius:0}.help-btn:hover{color:var(--info);border-color:var(--info)}.help-btn:focus{outline:none}.help-btn:focus-visible{outline:1px solid var(--info);outline-offset:-2px}.help-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.help-modal.hidden{display:none}.help-backdrop{position:absolute;inset:0;background:#000000a6}.help-card{position:relative;background:var(--panel);border:1px solid var(--line);width:min(720px,92vw);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.help-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--header);border-bottom:1px solid var(--line)}.help-title{font-family:var(--font-ui);font-weight:500;letter-spacing:.1em;color:var(--text);font-size:12px}.help-close{background:transparent;border:none;color:var(--text-mute);font-size:20px;line-height:1;width:24px;height:24px;cursor:pointer;padding:0}.help-close:hover{color:var(--accent)}.help-body{overflow-y:auto;padding:12px 16px 20px}.help-section{margin-bottom:18px}.help-section:last-child{margin-bottom:6px}.help-section-title{font-family:var(--font-ui);color:var(--accent);font-weight:500;font-size:11px;letter-spacing:.12em;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--line)}.help-list{display:grid;grid-template-columns:240px 1fr;gap:4px 16px}.help-row{display:contents}.help-keys{font-family:var(--font-mono);color:var(--info);font-size:11px;padding-top:2px}.help-desc{font-family:var(--font-ui);color:var(--text);font-size:12px;line-height:1.5}.history-panel{display:flex;flex-direction:column;height:100%}.panel-header{padding:6px 10px;background:var(--header);border-bottom:1px solid var(--line);font-family:var(--font-ui);font-size:11px;color:var(--text);letter-spacing:.04em}.commit-box{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);background:#1a1a1a}.commit-input{flex:1;background:#161616;border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:4px 6px;border-radius:0;outline:none}.commit-input:focus{border-color:var(--accent)}.commit-btn{background:transparent;border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:4px 10px;cursor:pointer;border-radius:0}.commit-btn:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}.commit-btn:disabled{opacity:.35;cursor:not-allowed}.history-list{flex:1;overflow-y:auto;padding:4px 0}.history-empty{padding:12px 10px;font-family:var(--font-mono);font-size:11px;color:var(--text-mute);text-align:center;opacity:.5}.history-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;padding:5px 10px;gap:6px;border-left:1px solid var(--line);margin-left:14px;position:relative}.history-row .dot{width:8px;height:8px;background:var(--text-mute);border-radius:50%;margin-left:-19px;z-index:1}.history-row.head .dot{background:var(--accent);box-shadow:0 0 0 2px #d4a85740}.history-row .meta{min-width:0}.history-row .msg{font-family:var(--font-ui);font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row.head .msg{color:var(--accent)}.history-row .time{font-family:var(--font-mono);font-size:10px;color:var(--text-mute)}.history-row .restore-btn{background:transparent;border:none;color:var(--text-mute);font-family:var(--font-mono);font-size:10px;cursor:pointer;padding:2px 4px;opacity:0;transition:opacity 80ms linear}.history-row:hover .restore-btn{opacity:1}.history-row .restore-btn:hover:not(:disabled){color:var(--info)}.history-row .restore-btn:disabled{display:none}.history-row:last-child{border-left-color:transparent}.inspector{display:flex;flex-direction:column;height:100%;overflow-y:auto}.inspector.hidden{display:none}.inspector-note{padding:8px 10px;font-family:var(--font-mono);font-size:10px;color:var(--text-mute);opacity:.7}.inspector-body{display:flex;flex-direction:column;padding:4px 0 12px}.insp-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:8px;padding:3px 10px;font-size:11px}.insp-key{font-family:var(--font-mono);font-size:10px;color:var(--text-mute);letter-spacing:.03em}.insp-val{font-family:var(--font-mono);color:var(--text);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-input{background:#161616;border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:3px 6px;width:100%;border-radius:0;outline:none}.insp-input:focus{border-color:var(--accent)}.insp-vec3{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.insp-vec-input{background:#161616;border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:10px;padding:3px 2px;width:100%;min-width:0;border-radius:0;outline:none;text-align:right}.insp-vec-input:focus{border-color:var(--accent)}.insp-color{width:100%;height:22px;background:transparent;border:1px solid var(--line);padding:0;cursor:pointer}#titlebar .project-name{color:var(--text)}#titlebar .dirty{color:var(--accent);margin-left:6px}.proj-btn{background:transparent;border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:0 6px;height:16px;line-height:14px;cursor:pointer;border-radius:0}.proj-btn:hover{color:var(--accent);border-color:var(--accent)}.proj-btn.ortho{color:var(--info);border-color:var(--info)}.renderer-panel{padding:8px;display:flex;flex-direction:column;gap:8px}.rpx-row{display:flex;flex-wrap:wrap;gap:4px}.rpx-grp{display:flex;flex-direction:column;gap:5px}.rpx-grp-h{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-top:2px;border-bottom:1px solid var(--border, #2a2a2a);padding-bottom:3px}.rpx-sl{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:6px;font-size:10px;color:var(--text-mute)}.rpx-sl input[type=range]{width:100%;accent-color:var(--accent)}.rpx-k{white-space:nowrap}.rpx-btn{background:transparent;color:var(--text-mute);border:1px solid var(--border, #333);border-radius:0;padding:4px 9px;cursor:pointer;font-size:10px}.rpx-btn:hover{color:var(--accent);border-color:var(--accent)}.rpx-go{color:var(--accent);border-color:var(--accent);margin-top:4px}.rpx-field{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:6px;font-size:10px;color:var(--text-mute)}.rpx-field select,.rpx-field input[type=range]{width:100%;accent-color:var(--accent)}