:root{--bg: #16191d;--bg-panel: #1f2429;--bg-panel-2: #262c33;--border: #39414b;--text: #e8ecf1;--text-muted: #97a3b0;--accent: #a2275e;--accent-ink: #ffffff;--accent-soft: #d074a2;--accent-2: #fb923c;--danger: #f87171;--ok: #4ade80}@supports (color: color-mix(in srgb,red 50%,white)){:root{--accent-soft: color-mix(in srgb, var(--accent) 55%, #ffffff)}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:15px;overflow:hidden}#topbar{display:flex;align-items:center;gap:10px;height:58px;padding:0 14px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:7px;font-weight:700;letter-spacing:.5px;color:var(--text);margin-right:8px;white-space:nowrap}.brand .brand-mark{background:var(--accent);color:var(--accent-ink);font-weight:800;letter-spacing:1px;padding:2px 7px;border-radius:4px}#customer-logo{height:30px;max-width:170px;object-fit:contain;margin-right:8px;flex-shrink:0}.spacer{flex:1}.btn{min-height:42px;padding:0 16px;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:15px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn-small{min-height:34px;padding:0 10px;font-size:13px}.btn-toggle.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}select,input[type=text]{min-height:42px;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0 10px;font-size:15px}select:focus,input[type=text]:focus{outline:1px solid var(--accent)}#example-select{max-width:240px}#lang-select{width:72px;font-weight:700}#btn-settings{font-size:18px;padding:0 12px}.settings-panel{position:fixed;top:64px;right:12px;z-index:40;width:330px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:0 6px 24px #00000073}.settings-panel[hidden]{display:none}.settings-panel h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.settings-label{margin:0 0 8px;font-size:13px;color:var(--text-muted)}.settings-label-next{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.settings-option{display:flex;align-items:flex-start;gap:10px;padding:7px 4px;border-radius:6px;cursor:pointer;font-size:14px}.settings-option:hover{background:#ffffff0d}.settings-option input{accent-color:var(--accent);margin-top:2px;flex-shrink:0}#layout{display:flex;height:calc(100% - 58px)}#sidebar{width:320px;min-width:320px;overflow-y:auto;background:var(--bg-panel);border-right:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:10px}.panel{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:10px;padding:12px}.panel h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.quick-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.filter-tree{display:flex;flex-direction:column;gap:4px}.filter-tree .muted{color:var(--text-muted);font-size:13px}.f-cat{margin-bottom:6px}.f-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;user-select:none}.f-row:hover{background:#ffffff0d}.f-row.f-cat-row{font-weight:600}.f-row.f-name-row{margin-left:44px;font-size:14px}.f-row .f-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-fold{width:16px;flex-shrink:0;text-align:center;color:var(--text-muted);cursor:pointer;user-select:none}.f-fold:hover{color:var(--accent-soft)}.f-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.f-row .count{color:var(--text-muted);font-size:12px;margin-left:auto}.f-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.preset-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.preset-row{display:flex;gap:6px}.preset-row .preset-apply{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.preset-row .preset-delete{color:var(--danger);min-width:34px}.preset-save-row{display:flex;gap:8px;margin-bottom:10px}.preset-save-row input{flex:1;min-width:0}.preset-empty{color:var(--text-muted);font-size:13px}#viewer-wrap{position:relative;flex:1;min-width:0}#viewer{position:absolute;inset:0}#viewer canvas{display:block}#viewer.measuring{cursor:crosshair}#label-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}.measure-label{position:absolute;left:0;top:0;background:#fffffff2;border:1px solid var(--accent-2);color:var(--accent-2);font-weight:700;font-size:13px;padding:2px 8px;border-radius:6px;white-space:nowrap;will-change:transform;box-shadow:0 1px 4px #00000040}.measure-label--x{color:#dc2626;border-color:#dc2626}.measure-label--y{color:#16a34a;border-color:#16a34a}.measure-label--z,.measure-label--n{color:#2563eb;border-color:#2563eb}.floating-panel{position:absolute;top:12px;right:12px;width:320px;max-height:60%;overflow-y:auto;background:#1f2429f2;border:1px solid var(--border);border-radius:10px;padding:12px;z-index:6}.floating-panel h2{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.m-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--border);font-size:14px}.m-row:last-child{border-bottom:none}.m-row .m-text{flex:1;min-width:0}.m-row .m-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-row .m-value{color:#60a5fa;font-weight:700;white-space:nowrap}.m-components{display:flex;gap:10px;font-size:12px;font-weight:700;margin-top:2px}.m-components .m-x{color:#f87171}.m-components .m-y{color:#4ade80}.m-components .m-z{color:#60a5fa}.m-row .m-delete{background:none;border:none;color:var(--danger);font-size:16px;cursor:pointer;padding:2px 6px}.props-panel{top:auto;bottom:12px;right:12px;width:360px;max-height:55%;padding-right:12px}.props-panel .props-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:4px 8px}.props-panel .props-close:hover{color:var(--danger)}.props-section{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-soft);font-weight:700}.props-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.props-table td{padding:4px 6px;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:break-word}.props-table td:first-child{color:var(--text-muted);width:45%}.props-empty{color:var(--text-muted);font-size:13px}.context-menu{position:fixed;z-index:30;min-width:220px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 6px 24px #00000073;display:flex;flex-direction:column;gap:2px}.context-menu[hidden]{display:none}.context-menu__header{padding:8px 12px 6px;font-size:13px;font-weight:700;color:var(--accent-soft);border-bottom:1px solid var(--border);margin-bottom:4px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu__item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;border-radius:6px;color:var(--text);font-size:15px;padding:10px 12px;cursor:pointer}.context-menu__item:hover{background:var(--bg-panel-2)}.context-menu__icon{display:inline-flex;width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.context-menu__icon svg{width:100%;height:100%}#hint-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#1f2429f2;border:1px solid var(--border);border-radius:999px;padding:9px 22px;font-size:14px;color:var(--text);z-index:6;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}#hint-bar.measure{border-color:var(--accent-soft);color:var(--accent-soft)}#controls-hint{position:absolute;left:12px;bottom:12px;background:#1f2429d9;border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--text-muted);z-index:5;pointer-events:none;max-width:46%}#interested-btn{position:absolute;right:12px;bottom:12px;z-index:7;background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;text-decoration:none;box-shadow:0 3px 14px #0006;white-space:nowrap}#interested-btn:hover{background:#b2346c}#interested-btn:active{transform:translateY(1px)}body.has-interested .props-panel{bottom:64px}#loading[hidden]{display:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#16191db3;z-index:20;font-size:16px}.loader{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#rebar-legend{position:absolute;right:12px;bottom:44px;background:#1f2429eb;border:1px solid var(--border);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;z-index:10}#rebar-legend[hidden]{display:none}.rebar-legend-title{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:2px}.rebar-legend-row{display:flex;align-items:center;gap:8px;font-size:13px}body.has-interested #rebar-legend{bottom:64px}.f-cat-btn{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);cursor:pointer;flex-shrink:0}.f-cat-btn:hover{border-color:var(--accent)}.f-cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}#rebar-info{inset:auto auto 44px 50%;transform:translate(-50%);width:auto;min-width:240px}#rebar-info[hidden]{display:none}#rebar-info h2{display:flex;align-items:center;justify-content:space-between;gap:12px}.rebar-info-row{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding:2px 0}