:root{--bg: #14171c;--panel: #1b1f26;--panel2: #20252d;--border: #2a3038;--text: #d8dee6;--dim: #8b95a1;--accent: #ffa028;--accent2: #4fc3f7}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:13px/1.4 Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}#app{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh}#left{width:300px}#right{width:300px;border-right:none;border-left:1px solid var(--border);overflow-y:auto}aside{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}aside.collapsed{width:0!important;min-width:0!important;padding:0!important;border:none!important;overflow:hidden!important}.panel-title{padding:8px 10px;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--border);display:flex;align-items:center}.mini-btn{padding:0 6px;background:none;color:var(--dim);border:none;border-radius:4px;font-size:12px;line-height:20px;cursor:pointer;font-family:inherit}.mini-btn:first-of-type{margin-left:auto}.mini-btn+.mini-btn{margin-left:2px}.mini-btn:hover{background:var(--panel2);color:var(--accent)}.mini-btn.on{color:var(--accent);background:var(--panel2)}#toolbar{z-index:45}#ctx-menu{position:fixed;display:none;z-index:100;background:var(--panel2);border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #00000080;padding:4px;min-width:170px}.ctx-item{display:block;width:100%;text-align:left;padding:6px 10px;background:none;border:none;color:var(--text);font-size:12px;cursor:pointer;border-radius:4px}.ctx-item:hover{background:var(--panel);color:var(--accent)}#bom-search{margin:8px;padding:6px 8px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:4px;outline:none}#bom-search:focus{border-color:var(--accent2)}.tree{overflow:auto;flex:1;padding-bottom:12px;user-select:none}.tree-row{display:flex;align-items:center;gap:6px;padding:3px 8px;cursor:pointer;white-space:nowrap;border-radius:3px;margin:0 4px}.tree-row:hover{background:var(--panel2)}.tree-group .tree-name{font-weight:600}.tree-group .chevron{color:var(--accent2);display:inline-block;width:12px}.tree-row.selected{background:#3a2c14;color:var(--accent)}.tree-row.hidden-row{opacity:.35}.tree-badge{color:var(--dim);width:12px}.tree,#properties,#measure-list,#toolbar,#right{scrollbar-color:var(--border) transparent;scrollbar-width:thin}.tree::-webkit-scrollbar,#properties::-webkit-scrollbar,#measure-list::-webkit-scrollbar,#toolbar::-webkit-scrollbar{width:8px;height:8px}.tree::-webkit-scrollbar-track,#properties::-webkit-scrollbar-track,#measure-list::-webkit-scrollbar-track,#toolbar::-webkit-scrollbar-track{background:var(--panel)}.tree::-webkit-scrollbar-thumb,#properties::-webkit-scrollbar-thumb,#measure-list::-webkit-scrollbar-thumb,#toolbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.tree::-webkit-scrollbar-thumb:hover,#properties::-webkit-scrollbar-thumb:hover,#measure-list::-webkit-scrollbar-thumb:hover,#toolbar::-webkit-scrollbar-thumb:hover{background:var(--dim)}.tree-pos{color:var(--accent2);min-width:34px;font-size:11px}.tree-count{color:var(--dim);font-size:11px;display:inline-block;text-align:right;font-variant-numeric:tabular-nums;margin-right:4px}.tree-name{overflow:hidden;text-overflow:ellipsis}.tree-dims{margin-left:auto;color:var(--dim);font-size:10px;font-variant-numeric:tabular-nums}#center{position:relative;min-width:0;min-height:0}#canvas-host{position:absolute;inset:0}#canvas-host canvas{display:block}#toolbar{position:absolute;left:50%;transform:translate(-50%);bottom:14px;display:flex;align-items:center;gap:6px;padding:6px 10px;background:#1b1f26eb;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0006;backdrop-filter:blur(6px);width:max-content;max-width:calc(100% - 24px);flex-wrap:wrap}#toolbar button{padding:4px 9px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:5px;cursor:pointer;font-size:12px}#toolbar button:hover{border-color:var(--accent2)}#toolbar button.active{background:var(--accent);color:#14171c;border-color:var(--accent);font-weight:600}#toolbar select{padding:4px 6px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:5px;font-size:12px}#toolbar input[type=range]{width:80px;accent-color:var(--accent)}.tb-sep{width:1px;height:20px;background:var(--border)}.tb-label{color:var(--dim);font-size:11px}.popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1b1f26f7;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #00000073;z-index:50;white-space:nowrap}.popover[hidden],.popover [hidden]{display:none}.popover label{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:11px}.popover select{padding:3px 6px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:5px;font-size:12px}.popover input[type=range]{width:90px;accent-color:var(--accent)}#env-pop{flex-wrap:wrap;justify-content:center;row-gap:6px;white-space:normal;max-width:min(92vw,860px)}.env-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;width:100%}.env-chip{font-size:11px}.fab{position:fixed;top:10px;z-index:60;padding:4px 10px;border-radius:5px;background:#1b1f26eb;color:var(--text);border:1px solid var(--border);font-size:13px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.fab:hover{border-color:var(--accent2)}.fab.active{background:var(--accent);color:#14171c;border-color:var(--accent);font-weight:600}#fab-left{left:10px}#fab-right{right:10px}#left .panel-title{padding-left:64px}#right .panel-title{padding-right:64px}@media (max-width: 900px){#app{grid-template-columns:1fr}#left,#right{position:absolute;top:0;bottom:0;width:min(86vw,360px);z-index:35;display:none;box-shadow:0 0 30px #0009}#left.open,#right.open{display:flex}#right{right:0;border-left:1px solid var(--border)}#left,#right{z-index:50}.fab{display:inline-flex}.panel-title{display:flex;align-items:center}#toolbar{left:8px;right:8px;transform:none;bottom:8px;max-width:none;width:auto;flex-wrap:nowrap;overflow-x:auto;padding:5px 6px;touch-action:pan-x;backdrop-filter:none}#toolbar input[type=range]{width:64px}#toolbar button,#toolbar select{padding:8px 12px;min-width:40px;min-height:40px}.popover{position:fixed;bottom:58px;left:50%;transform:translate(-50%);flex-wrap:wrap;justify-content:center;white-space:normal;max-width:calc(100vw - 16px)}}#isolate-chip{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:42;padding:4px 12px;border-radius:12px;background:#3a2c14;color:var(--accent);border:1px solid var(--accent);font-size:12px;font-weight:600;cursor:pointer}#isolate-chip:hover{background:var(--accent);color:#14171c}#drop-hint{position:absolute;inset:12% 20%;display:flex;align-items:center;justify-content:center;border:2px dashed var(--accent2);border-radius:12px;color:var(--accent2);font-size:18px;opacity:0;transition:opacity .15s;pointer-events:none;background:#14171c99}#status{position:absolute;top:12px;left:64px;font-size:11px;color:var(--dim);background:#1b1f26cc;padding:3px 8px;border-radius:4px;max-width:70%}.chip{padding:2px 7px;border-radius:4px;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;transform:translate(-50%,-50%)}.dim-chip{background:#ffe28a;color:#4a3800;border:1px solid #d9b64e;font-weight:600}.measure-chip{background:var(--accent);color:#14171c;font-weight:600}.pos-chip{background:var(--accent2);color:#10202c;font-weight:600}.measure-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);border:1px solid #fff;transform:translate(-50%,-50%)}.snap-chip{background:var(--accent2);color:#10202c;font-weight:600;padding:1px 6px;border-radius:4px;font-size:10px;white-space:nowrap}.cancel-chip{pointer-events:auto;cursor:pointer;font-family:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--border);width:26px;height:26px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.cancel-chip:hover{border-color:var(--accent2)}.measure-lens{position:absolute;width:140px;height:140px;border-radius:50%;border:2px solid var(--border);box-shadow:0 4px 16px #00000080;overflow:hidden;pointer-events:none;display:none;background:var(--bg);z-index:46}.measure-lens canvas{width:100%;height:100%;display:block}.measure-lens-cross{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 1px #0009}#properties,#measure-list{padding:6px 10px}.empty{color:var(--dim);padding:8px 2px}.prop-section{margin:10px 0 4px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}.prop-table{width:100%;border-collapse:collapse}.prop-table td{padding:2px 4px;vertical-align:top}.prop-table td:first-child{color:var(--dim);width:42%}.prop-table td:last-child{font-variant-numeric:tabular-nums;word-break:break-word}.prop-variiert{color:var(--dim);font-style:italic}.measure-row{padding:2px 0;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border)}#sm-debug{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;font:11px/1.5 Consolas,monospace;color:var(--accent);background:#14171cd9;border:1px solid var(--border);border-radius:4px;padding:4px 10px;white-space:pre}