@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--top-bar-height:96px;--bg:#0f1117;--surface:#1a1d27;--surface2:#21242f;--surface-hover:#282c3a;--border:#2a2e3a;--text:#e4e6ed;--text-dim:#7a7f91;--text-muted:#4e5264;--accent:#4a9eff;--accent-glow:#4a9eff26;--accent-dim:#4a9eff14;--danger:#f87171;--success:#34d399;--warn:#fbbf24;--highlight:#4a9eff59}body{background:var(--bg);color:var(--text);touch-action:none;user-select:none;width:100vw;height:100dvh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}canvas{display:block;width:100%!important;height:100%!important}#upload-overlay{z-index:100;background:var(--bg);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#upload-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.upload-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:92%;max-width:420px;padding:48px 32px}.upload-card h1{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:600}.upload-card p{color:var(--text-dim);margin-bottom:28px;font-size:14px;line-height:1.5}.upload-icon{background:var(--accent-glow);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.upload-icon svg{width:28px;height:28px;stroke:var(--accent)}.upload-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-btn:active:not(:disabled){transform:scale(.97)}#file-input{display:none}#init-log{text-align:left;color:var(--text-dim);background:#0000004d;border-radius:8px;max-height:120px;margin-top:20px;padding:10px 12px;font-size:11px;line-height:1.6;overflow-y:auto}#init-log .ok{color:var(--success)}#init-log .err{color:var(--danger)}#init-log .info{color:var(--accent)}#top-bar{height:var(--top-bar-height);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:70;opacity:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:linear-gradient(#1a1d27fa,#0f1117f0);align-items:stretch;gap:8px;padding:8px 12px;transition:opacity .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow:auto hidden}#top-bar.visible{opacity:1}#model-name{border-right:1px solid var(--border);min-width:150px;max-width:240px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-self:stretch;padding:10px 12px;font-size:13px;font-weight:600;overflow:hidden}.bar-btn{background:linear-gradient(180deg, var(--surface2), var(--surface));border:1px solid var(--border);min-width:82px;min-height:78px;color:var(--text-dim);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;transition:all .15s;display:flex}.bar-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#4a9eff73}.bar-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.bar-btn:disabled{opacity:.45;cursor:not-allowed}.bar-btn:active:not(:disabled){transform:translateY(1px)}.bar-btn svg{flex-shrink:0;width:32px;height:32px}.bar-btn-with-text{min-width:118px}.bar-btn-text{text-align:center;flex-direction:column;align-items:center;gap:2px;line-height:1.1;display:flex}.bar-btn-label{color:var(--text);white-space:nowrap;font-size:12px;font-weight:700}.bar-btn-helper{color:var(--text-dim);white-space:nowrap;font-size:10px;font-weight:500}@media (width<=920px){.bar-btn{min-width:76px;min-height:70px;padding:6px 8px}.bar-btn svg{width:28px;height:28px}.bar-btn-helper{display:none}}#tree-panel{top:var(--top-bar-height);backdrop-filter:blur(12px);border-right:1px solid var(--border);z-index:60;background:#0f1117f2;flex-direction:column;width:300px;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;transform:translate(-100%)}#tree-panel.open{transform:translate(0)}@media (width<=600px){#tree-panel{width:85vw}}.tree-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.tree-header h2{color:var(--text);flex:1;font-size:13px;font-weight:600}.tree-search{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;outline:none;margin:0;padding:8px 12px;font-family:inherit;font-size:12px}.tree-search:focus{border-color:var(--accent)}.tree-search:disabled{opacity:.6;cursor:wait}.tree-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:8px 14px}#tree-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:4px 0;overflow:hidden auto}.tree-empty{text-align:center;color:var(--text-muted);padding:24px 14px;font-size:13px}.tree-node{user-select:none}.tree-row{cursor:pointer;border-radius:4px;align-items:center;gap:2px;min-height:28px;margin:0 6px;padding:4px 8px 4px 0;transition:background .1s;display:flex}.tree-row:hover{background:var(--surface-hover)}.tree-row.selected{background:var(--accent-dim)}.tree-row.selected .tree-label{color:var(--accent)}.tree-toggle{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;transition:transform .15s;display:flex}.tree-toggle.expanded{transform:rotate(90deg)}.tree-toggle.leaf{visibility:hidden}.tree-icon{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-right:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:flex}.tree-icon.proj{color:#4a9eff;background:#4a9eff22}.tree-icon.site{color:#34d399;background:#34d39922}.tree-icon.bldg{color:#fbbf24;background:#fbbf2422}.tree-icon.stor{color:#f87171;background:#f8717122}.tree-icon.elem{color:#a78bfa;background:#a78bfa22}.tree-icon.type{color:#94a3b8;background:#64748b22}.tree-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.tree-count{color:var(--text-muted);margin-left:4px;font-family:JetBrains Mono,monospace;font-size:10px}.tree-children{display:none}.tree-children.open{display:block}#prop-panel{top:var(--top-bar-height);backdrop-filter:blur(12px);border-left:1px solid var(--border);z-index:60;background:#0f1117f2;flex-direction:column;width:340px;transition:transform .3s;display:flex;position:fixed;bottom:0;right:0;transform:translate(100%)}#prop-panel.open{transform:translate(0)}@media (width<=600px){#prop-panel{width:92vw}}.prop-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 14px;display:flex}.prop-header h2{color:var(--text);flex:1;font-size:13px;font-weight:600}.prop-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}#prop-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:8px 0;overflow-y:auto}.prop-section{margin-bottom:2px}.prop-section-header{color:var(--text);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:var(--accent-dim);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;display:flex}.prop-section-header:hover{background:#4a9eff1f}.prop-section-header .chevron{font-size:9px;transition:transform .15s}.prop-section-header .chevron.open{transform:rotate(90deg)}.prop-table{border-collapse:collapse;width:100%}.prop-table td{vertical-align:top;border-bottom:1px solid #2a2e3a80;padding:5px 14px;font-size:12px}.prop-table td:first-child{color:var(--text-dim);width:42%;font-family:JetBrains Mono,monospace;font-size:11px}.prop-table td:last-child{color:var(--text);word-break:break-word}.prop-empty{text-align:center;color:var(--text-muted);padding:24px 14px;font-size:13px}#status-bar{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);z-index:50;border-radius:10px;flex-direction:column;align-items:center;gap:10px;max-width:90%;padding:10px 20px;font-size:13px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#status-bar.visible{display:flex}.status-row{align-items:center;gap:10px;width:100%;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{background:var(--border);border-radius:2px;width:100%;height:4px;display:none;overflow:hidden}.progress-bar.visible{display:block}.progress-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .15s ease-out}#controls-hint{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);z-index:40;opacity:0;pointer-events:none;border-radius:10px;padding:8px 16px;font-size:12px;transition:opacity .5s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#controls-hint.visible{opacity:1}#view-controls{z-index:50;opacity:0;flex-direction:column;gap:6px;transition:opacity .3s;display:flex;position:fixed;bottom:20px;right:16px}#view-controls.visible{opacity:1}.view-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.view-btn:active{background:var(--surface-hover);color:var(--text);border-color:var(--accent)}#selection-menu{z-index:85;border:1px solid var(--border);background:#0f1117f5;border-radius:10px;flex-direction:column;gap:4px;min-width:180px;padding:6px;display:none;position:fixed;box-shadow:0 16px 30px #00000047}#selection-menu.visible{display:flex}.context-menu-btn{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:12px;transition:all .12s}.context-menu-btn:hover{background:var(--surface-hover);border-color:var(--border)}#error-toast{top:calc(var(--top-bar-height) + 12px);color:var(--danger);z-index:200;text-align:center;background:#f871711f;border:1px solid #f871714d;border-radius:10px;max-width:90%;padding:10px 20px;font-size:13px;display:none;position:fixed;left:50%;transform:translate(-50%)}#error-toast.visible{display:block}.clip-badge{top:calc(var(--top-bar-height) + 8px);backdrop-filter:blur(12px);border:1px solid var(--border);z-index:55;color:var(--text-dim);background:#0f1117eb;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:none;position:fixed;left:50%;transform:translate(-50%)}.clip-badge.visible{display:flex}.clip-badge .cb-label{white-space:nowrap}.clip-badge button{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px;transition:all .12s}.clip-badge button:hover{border-color:var(--accent);color:var(--accent)}.clip-badge button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.clip-badge .cb-val{color:var(--accent);text-align:center;min-width:44px;font-family:JetBrains Mono,monospace;font-size:11px}.measure-badge{top:calc(var(--top-bar-height) + 44px);color:var(--warn);z-index:55;background:#fbbf241f;border:1px solid #fbbf244d;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:none;position:fixed;left:50%;transform:translate(-50%)}.measure-badge.visible{display:flex}.measure-badge button{color:var(--warn);cursor:pointer;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px}#measure-perp.active{color:#f472b6;background:#f472b638;border-color:#f472b6}.measure-preview-label{opacity:.92}@media (width<=600px){.measure-badge{top:calc(56px + env(safe-area-inset-top,0px));gap:10px;padding:8px 16px;font-size:13px}.measure-badge button{min-width:44px;min-height:40px;padding:8px 14px;font-size:12px}}.measure-label-3d{pointer-events:none;border:1px solid var(--warn);color:var(--warn);white-space:nowrap;background:#0f1117e6;border-radius:5px;margin-top:-8px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;transform:translate(-50%,-100%)}#snap-indicator{pointer-events:none;z-index:46;display:none;position:fixed}#snap-indicator.visible{display:block}#snap-indicator svg{overflow:visible}#snap-label{pointer-events:none;z-index:46;color:#4a9eff;white-space:nowrap;background:#0f1117e0;border:1px solid #4a9eff;border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:10px;display:none;position:fixed;transform:translate(-50%,6px)}#snap-label.visible{display:block}#numbering-series-modal{z-index:211;background:#00000073;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#numbering-series-modal.open{display:flex}.numbering-series-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(760px,100%);max-height:min(84vh,700px);display:flex;overflow:hidden}.numbering-series-dialog h3{padding:16px 18px 6px;font-size:16px;font-weight:600}.numbering-series-dialog>p{color:var(--text-dim);padding:0 18px 12px;font-size:12px}#numbering-series-list{border:1px solid var(--border);background:#00000026;border-radius:8px;max-height:420px;margin:0 18px;overflow:auto}.numbering-series-table{border-collapse:collapse;width:100%;font-size:12px}.numbering-series-table th,.numbering-series-table td{text-align:left;border-bottom:1px solid #2a2e3a80;padding:8px 10px}.numbering-series-table th{background:var(--surface2);color:var(--text-dim);z-index:1;font-size:11px;font-weight:600;position:sticky;top:0}.numbering-series-table td:nth-child(3){color:var(--accent);font-family:JetBrains Mono,monospace}.numbering-series-table td:nth-child(4),.numbering-series-table td:nth-child(6){font-family:JetBrains Mono,monospace}.numbering-series-pick-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:11px}.numbering-series-pick-btn:disabled{opacity:.45;border-color:var(--border);color:var(--text-dim);cursor:not-allowed}.numbering-series-table tr.row-disabled{opacity:.55}.numbering-hours-input{border:1px solid var(--border);background:var(--surface2);width:86px;color:var(--text);border-radius:6px;padding:5px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.numbering-series-summary td{background:#4a9eff14;font-weight:600}.numbering-series-empty{color:var(--text-muted);text-align:center;padding:20px 12px;font-size:12px}#numbering-series-meta{color:var(--text-dim);padding:12px 18px 10px;font-size:12px}.numbering-series-actions{justify-content:flex-end;gap:8px;padding:0 18px 16px;display:flex}#numbering-series-close,#numbering-series-export{border:1px solid var(--border);cursor:pointer;background:var(--surface2);color:var(--text);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px}#numbering-series-export{border-color:var(--accent);color:var(--accent)}#numbering-series-export:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border);color:var(--text-dim)}#numbering-series-quantities-modal{z-index:211;background:#00000073;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#numbering-series-quantities-modal.open{display:flex}#numbering-series-quantities-list{border:1px solid var(--border);background:#00000026;border-radius:8px;max-height:420px;margin:0 18px;overflow:auto}#numbering-series-quantities-meta{color:var(--text-dim);padding:12px 18px 10px;font-size:12px}#numbering-series-quantities-close{border:1px solid var(--border);cursor:pointer;background:var(--surface2);color:var(--text);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px}#structural-types-modal{z-index:211;background:#00000073;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}#structural-types-modal.open{display:flex}#structural-types-modal .numbering-series-dialog{width:min(940px,100%);max-height:min(86vh,760px)}.structural-types-filters{flex-wrap:wrap;gap:8px;padding:0 18px 12px;display:flex}.structural-types-filters input,.structural-types-filters select{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:6px;padding:6px 8px;font-family:inherit;font-size:12px}.structural-types-filters input{flex:200px}.structural-types-filters select{flex:0 180px}#structural-types-list{border:1px solid var(--border);background:#00000026;border-radius:8px;max-height:440px;margin:0 18px;overflow:auto}.structural-types-table{border-collapse:collapse;width:100%;font-size:12px}.structural-types-table th,.structural-types-table td{text-align:left;border-bottom:1px solid #2a2e3a80;padding:8px 10px}.structural-types-table th{background:var(--surface2);color:var(--text-dim);z-index:1;font-size:11px;font-weight:600;position:sticky;top:0}.structural-types-code{color:var(--accent);cursor:pointer;font-family:JetBrains Mono,monospace}.structural-types-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px}.structural-types-row.expanded{background:#4a9eff0f}.structural-types-missing{color:var(--text-muted);font-style:italic}.structural-types-detail-row>td{background:#0003;padding:0 10px 8px 34px}.structural-types-detail-table{border-collapse:collapse;width:100%;font-size:11px}.structural-types-detail-table th,.structural-types-detail-table td{text-align:left;border-bottom:1px solid #2a2e3a66;padding:5px 8px}.structural-types-detail-table th{color:var(--text-dim);font-weight:600}.structural-types-detail-table td:first-child{font-family:JetBrains Mono,monospace}.structural-types-pick-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:11px}#structural-types-meta{color:var(--text-dim);padding:12px 18px 10px;font-size:12px}#structural-types-close{border:1px solid var(--border);cursor:pointer;background:var(--surface2);color:var(--text);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px}#beam-load-modal{z-index:212;background:#00000073;justify-content:center;align-items:center;padding:12px;display:none;position:fixed;inset:0}#beam-load-modal.open{display:flex}.beam-load-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(760px,100%);max-height:min(88vh,760px);overflow:auto}.beam-load-dialog h3{padding:16px 18px 8px;font-size:16px;font-weight:600}.beam-load-dialog p,.beam-load-dialog label{padding:0 18px 8px;font-size:12px;display:block}#beam-load-warning{color:#f2b14a}.beam-load-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.beam-load-table{border-collapse:collapse;width:calc(100% - 36px);margin:0 18px 12px;font-size:12px}.beam-load-table th,.beam-load-table td{text-align:left;border-bottom:1px solid #2a2e3a80;padding:6px 8px}.beam-load-inputs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px;display:grid}.beam-load-inputs input{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:6px;margin-top:6px;padding:6px}#beam-load-warnings{color:var(--text-dim);margin:0 18px 12px;padding-left:18px;font-size:12px}#beam-load-close,#beam-load-download{border:1px solid var(--border);cursor:pointer;background:var(--surface2);color:var(--text);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px}#beam-load-download{border-color:var(--accent);color:var(--accent)}#numbering-series-modal,#numbering-series-quantities-modal,#structural-types-modal,#beam-load-modal{pointer-events:none;background:0 0}.popup-window{resize:both;pointer-events:auto;min-width:320px;max-width:calc(100vw - 24px);min-height:240px;max-height:calc(100vh - 24px);position:absolute;overflow:hidden;box-shadow:0 18px 48px #00000059}.popup-window-titlebar{cursor:move;user-select:none;touch-action:none;background:linear-gradient(#ffffff0a,#fff0);border-bottom:1px solid #2a2e3a8c;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex;padding:0 0 0 18px!important}.popup-window-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.popup-window-controls{align-self:stretch;margin-left:auto;display:flex}.popup-window-control{width:46px;height:100%;color:var(--text-dim);cursor:default;background:0 0;border:0;border-left:1px solid #2a2e3a66;border-radius:0;place-items:center;font:16px/1 DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:grid}.popup-window-control:hover{color:var(--text);background:#ffffff14}.popup-window-close:hover{color:#fff;background:#c42b1c}.popup-window-dragging{opacity:.96}.popup-window-maximized{resize:none}.popup-window-minimized{resize:none;min-height:44px}.popup-window-minimized>:not(.popup-window-titlebar){display:none!important}