:root{--bg: #1e2127;--panel: #262a33;--line: #363b46;--text: #e6e8ec;--muted: #9aa3b2;--accent: #4a9eff;--add: #4a9eff;--subtract: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden}body{font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column}#toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;background:var(--panel);border-top:1px solid var(--line);flex:0 0 auto}.brand{font-weight:700;letter-spacing:.3px}#toolbar .group{display:flex;align-items:center;gap:6px}#toolbar .hint{margin-left:auto;color:var(--muted);font-size:12px}#toolbar button{background:#30353f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px}#toolbar button:hover{border-color:var(--accent)}#toolbar button.active{background:var(--accent);border-color:var(--accent);color:#0b1220;font-weight:600}#toolbar label{color:var(--muted);font-size:12px}#toolbar input[type=number]{width:60px;background:#30353f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 6px}#toolbar select{background:#30353f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 6px;cursor:pointer}@media(max-width:640px){#toolbar{gap:6px 10px}#toolbar .brand{flex-basis:100%}#toolbar .hint{margin-left:0;flex-basis:100%;order:1}}#toolbar .menu{position:relative}.menu-pop{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;display:flex;flex-direction:column;gap:2px;padding:4px;min-width:140px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #0006}.menu-pop[hidden]{display:none}.menu-pop button{width:100%;text-align:left}#panes{flex:1 1 auto;display:flex;min-height:0}#pane-2d{position:relative;flex:1 1 100%;min-width:0;overflow:hidden}#view3d-holder{position:absolute;left:-10000px;top:0;width:640px;height:480px;overflow:hidden;pointer-events:none}#sketch{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#view3d{width:100%;height:100%}#zoom-ctl{position:absolute;right:10px;bottom:28px;display:flex;flex-direction:column;gap:6px;z-index:5}#zoom-ctl button{width:40px;height:40px;font-size:20px;line-height:1;color:var(--text);background:#1e2127eb;border:1px solid var(--line);border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:manipulation}#zoom-ctl button:hover{border-color:var(--accent)}#zoom-ctl button:active{background:var(--accent);color:#0b1220}.pane-label{position:absolute;top:8px;left:10px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);pointer-events:none}#floor-ctl{position:absolute;top:34px;left:10px;width:168px;max-height:calc(100% - 48px);display:flex;flex-direction:column;background:#1e2127eb;border:1px solid var(--line);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.fc-head{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line)}.fc-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-right:auto}.fc-head button{background:#30353f;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:2px 6px;cursor:pointer;font-size:11px;line-height:1}.fc-head button:hover{border-color:var(--accent)}.fc-transfer{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--line)}.fc-transfer button{flex:1;min-width:0;padding:4px 2px;color:var(--text);background:#30353f;border:1px solid var(--line);border-radius:5px;font-size:10px;cursor:pointer}.fc-transfer button:hover{border-color:var(--accent)}.fc-list{display:flex;flex-direction:column;padding:4px;gap:2px;overflow-y:auto}.fc-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent}.fc-row:hover{background:#2c313b}.fc-row.active{background:var(--accent);border-color:var(--accent);color:#0b1220}.fc-row.active .fc-elev{color:#0b1220}.fc-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.fc-elev{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.fc-row button{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:0 2px;border-radius:4px;line-height:1}.fc-row.active button{color:#0b1220}.fc-ground.on{color:#ffd166;opacity:1}.fc-ground{opacity:.5}.fc-ground:hover{color:#ffd166;opacity:1}.fc-del:hover{color:var(--subtract);opacity:1}.mr-btn{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;margin:0!important;padding:6px 12px!important;font:inherit!important;font-size:13px!important;border:1px solid var(--accent, #4ea1ff)!important;border-radius:6px!important;background:#141820bf!important;color:var(--accent, #4ea1ff)!important;cursor:pointer}#constraints{position:absolute;top:34px;right:10px;width:220px;max-height:calc(100% - 48px);display:flex;flex-direction:column;background:#1e2127eb;border:1px solid var(--line);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cx-head{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border:none;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left;font-family:inherit}.cx-head:hover{color:var(--text)}.cx-caret{font-size:10px;transition:transform .15s ease}#constraints.collapsed .cx-caret{transform:rotate(-90deg)}#constraints.collapsed .cx-head{border-bottom:none}#constraints.collapsed .cx-list{display:none}.cx-count{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--accent)}.cx-list{overflow-y:auto;padding:4px}.cx-empty{color:var(--muted);font-size:12px;padding:8px;line-height:1.5}.cx-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px}.cx-row:hover{background:#2c313b}.cx-row.conflict{outline:1px solid var(--subtract)}.cx-row.flash{background:#3a4658}.cx-tag{font-size:11px;color:var(--muted);width:46px;flex:0 0 auto;white-space:nowrap}.cx-row input{width:62px;background:#30353f;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:3px 5px;font-size:12px}.cx-row .unit{color:var(--muted);font-size:11px}.cx-row button{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:2px 4px;border-radius:4px}.cx-row .cx-swap{margin-left:auto}.cx-row .cx-swap:hover{color:var(--accent);background:#2c3340}.cx-row .cx-del:hover{color:var(--subtract);background:#3a2c2c}#props{position:absolute;left:10px;bottom:28px;width:190px;background:#1e2127eb;border:1px solid var(--line);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.prop-grid{display:grid;grid-template-columns:auto 1fr auto;gap:6px 8px;align-items:center;padding:8px 10px}.prop-grid label{color:var(--muted);font-size:12px}.prop-grid input{width:100%;background:#30353f;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:3px 5px;font-size:12px}.prop-grid .unit{color:var(--muted);font-size:11px}.prop-row{display:flex;gap:6px;padding:0 10px 10px}.prop-row button{flex:1;background:#30353f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px;cursor:pointer;font-size:12px}.prop-row button:hover{border-color:var(--accent)}.op-toggle.add{color:var(--add)}.op-toggle.subtract{color:var(--subtract)}#p-del:hover{border-color:var(--subtract);color:var(--subtract)}