*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;background:#1a1a2e;font-family:Segoe UI,system-ui,sans-serif;color:#e0e0f0;font-size:14px}body{display:grid;grid-template-columns:auto 1fr 280px;grid-template-rows:40px 1fr;grid-template-areas:"title title title" "left  view  panel"}#titlebar{grid-area:title;background:#13131f;border-bottom:1px solid #2a2a3e;display:flex;align-items:center;gap:12px;padding:0 16px;user-select:none}.logo{font-size:16px;font-weight:700;color:#a5b4fc;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.logo-img{height:26px;width:auto;display:block;flex-shrink:0}.logo-link{color:inherit;text-decoration:none}.logo-link:hover{color:#c7d2fe;text-decoration:underline}.sub{font-size:11px;color:#374151}.version{font-size:10px;color:#2a2a4e;margin-left:auto}#left-wrap{grid-area:left;display:flex;flex-direction:row;min-height:0;overflow:hidden}#iconbar{width:48px;flex-shrink:0;background:#0d0d1e;border-right:1px solid #2a2a3e;display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px}.icon-btn{width:36px;height:36px;border-radius:6px;border:none;background:transparent;color:#6b7280;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;flex-shrink:0}.icon-btn:hover{background:#1e1e3a;color:#e0e0f0}.icon-btn.active{background:#3730a3;color:#fff}.icon-btn.locked{opacity:.3;cursor:not-allowed}.icon-btn.locked:hover{background:transparent;color:#6b7280}#drawer{width:0;overflow-x:hidden;overflow-y:auto;background:#13131f;border-right:1px solid #2a2a3e;transition:width .2s ease;flex-shrink:0;min-height:0}#drawer.open,.dp{width:260px}.model-locked{opacity:.4;pointer-events:none}.btn-ifc-ref{width:100%;margin-top:8px;font-size:11px;padding:5px 8px;background:#16162a;border:1px solid #2a2a3e;color:#818cf8;border-radius:4px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.btn-ifc-ref:hover{background:#1e1e3a;color:#a5b4fc}#viewer{grid-area:view;position:relative;overflow:hidden;background:#1a1a2e}#viewer.clip-mode,#viewer.clip-mode *{cursor:crosshair!important}#clip-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#4f46e5d9;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;pointer-events:none;z-index:10;letter-spacing:.02em;box-shadow:0 2px 8px #0006}#checks-modal{position:absolute;top:16px;right:16px;width:340px;max-height:calc(100% - 32px);background:#16162a;border:1px solid #2a2a3e;border-radius:8px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;z-index:20;color:#e0e0f0;font-size:13px}#checks-modal .modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #2a2a3e;background:#1a1a30;border-radius:8px 8px 0 0}#checks-modal .modal-title{font-weight:600;color:#a5b4fc}#btn-modal-close{background:none;border:none;color:#818cf8;font-size:15px;cursor:pointer;padding:2px 6px;border-radius:4px}#btn-modal-close:hover{background:#2a2a3e;color:#fff}#checks-modal .modal-body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}#checks-modal .modal-cfg,#checks-modal .rule-cfg{display:flex;flex-direction:column;gap:4px}.rule-desc{margin:0 0 4px;font-size:11px;color:#88a;line-height:1.5}#rule-select{background:#13131f;border:1px solid #2a2a3e;color:#e0e0f0;border-radius:4px;padding:5px 8px;font-size:13px;cursor:pointer}#rule-select:focus{outline:none;border-color:#4f46e5}#checks-results{margin-top:4px;border-top:1px solid #2a2a3e;padding-top:10px}#panel{grid-area:panel;background:#13131f;border-left:1px solid #2a2a3e;overflow:hidden;transition:width .2s ease;width:280px}#panel:not(.collapsed){overflow-y:auto}#panel.collapsed{width:36px}#panel.collapsed #panel-content{display:none}.panel-toggle-btn{position:sticky;top:0;width:100%;height:32px;background:#13131f;border:none;border-bottom:1px solid #2a2a3e;color:#6b7280;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:10;flex-shrink:0}.panel-toggle-btn:hover{color:#e0e0f0;background:#1e1e3a}.sb-section{padding:12px;border-bottom:1px solid #1e1e2e}.sb-section h3{font-size:10px;font-weight:700;color:#374151;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.hidden{display:none!important}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:7px 12px;margin-bottom:5px;border-radius:5px;border:1px solid #3b3b5c;background:#1e1e3a;color:#e0e0f0;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:#2a2a4e;border-color:#5b5b8c}.btn:last-child{margin-bottom:0}.btn.primary{background:#3730a3;border-color:#4f46e5;color:#fff;font-weight:600}.btn.primary:hover{background:#4338ca}.btn.active{background:#4338ca;border-color:#6366f1;color:#fff}.btn.active:hover{background:#4f46e5}.vis-global-btns{display:flex;gap:4px;margin-bottom:4px}.vis-global-btns .btn{flex:1;margin-bottom:0;font-size:11px;padding:5px 4px}#cat-buttons{display:flex;flex-direction:column;gap:2px;margin-top:2px}.vis-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;font-size:12px;color:#e0e0f0;cursor:pointer;user-select:none}.clip-hint{font-size:10px;color:#6b7280;line-height:1.5;padding:5px 6px;background:#16162a;border-radius:4px;border:1px solid #2a2a3e;margin-top:4px}.clip-hint kbd{background:#2a2a4e;border:1px solid #3b3b5c;border-radius:3px;padding:0 4px;font-size:9px}.vis-group-label{font-size:10px;font-weight:700;color:#4b5563;letter-spacing:.08em;text-transform:uppercase;padding:4px 6px 2px}.vis-row:hover{background:#1e1e3a}.vis-row input[type=checkbox]{accent-color:#4f46e5;width:14px;height:14px;cursor:pointer;flex-shrink:0}.model-item{display:flex;align-items:center;gap:6px;margin-top:6px}.model-item .tag{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:0}.btn-remove-model{flex-shrink:0;padding:2px 7px;font-size:10px;border-radius:3px;border:1px solid #5b2020;background:#2a1010;color:#f87171;cursor:pointer;transition:background .12s}.btn-remove-model:hover{background:#3a1818}.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 7px;border-radius:4px;margin-top:6px}.tag.ok{background:#14532d33;color:#4ade80}.tag.fail{background:#450a0a33;color:#f87171}.tag.warn{background:#78350f33;color:#fbbf24}.prop-row{display:flex;gap:6px;padding:4px 0;border-bottom:1px solid #1e1e2e;font-size:11px}.prop-key{color:#6b7280;min-width:80px;flex-shrink:0}.prop-val{color:#e0e0f0;word-break:break-all}.ifc-class{color:#818cf8;font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;text-align:center;color:#4b5563}.empty .icon{font-size:28px}.empty p{font-size:11px;line-height:1.5}.check-cfg{margin:4px 0 6px;padding:6px 8px;background:#16162a;border-radius:5px;border:1px solid #2a2a3e}.check-cfg-label{display:block;font-size:10px;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.check-input{display:block;width:100%;background:#1e1e3a;border:1px solid #3b3b5c;border-radius:4px;color:#e0e0f0;font-size:12px;padding:5px 8px;outline:none;box-sizing:border-box}.check-input:focus{border-color:#4f46e5}.sep{height:1px;background:#1e1e2e;margin:8px 0}.btn-exit{font-size:11px;padding:4px 10px;width:auto;align-self:flex-start;border-color:#3b3b5c;color:#6b7280}.btn-exit:hover{color:#f87171;border-color:#5b2020;background:#2a1010}.hl-toggle{display:flex;align-items:center;gap:8px;margin-top:8px;padding:5px 6px;border-radius:4px;font-size:11px;color:#e0e0f0;cursor:pointer;user-select:none;border:1px solid #3b3b5c;background:#1e1e3a}.hl-toggle:hover{background:#2a2a4e}.hl-toggle input[type=checkbox]{accent-color:#f87171;width:14px;height:14px;cursor:pointer}.results-summary{font-size:11px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid #1e1e2e;color:#9ca3af;line-height:1.7}.result-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #1a1a2e;font-size:11px;gap:6px}.result-name{color:#e0e0f0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#checks-results [data-frag-id]{cursor:pointer}#checks-results [data-frag-id]:hover{background:#a5b4fc12;border-radius:3px}#checks-results .stair-flight-row{cursor:pointer}#checks-results .stair-flight-row:hover{background:#a5b4fc12;border-radius:3px}.result-area{flex-shrink:0;color:#4ade80;font-variant-numeric:tabular-nums}.result-area.warn{color:#fbbf24}.result-area.fail{color:#f87171}.result-area.ok{color:#4ade80}.warn-text{color:#fbbf24}.check-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:5px;margin-bottom:6px;font-size:12px;background:#1e1e2e;color:#9ca3af}.check-row.ok{background:#14532d33;color:#4ade80}.check-row.fail{background:#450a0a33;color:#f87171}.results-detail{color:#9ca3af;line-height:1.8}.note{margin-top:6px;color:#6b7280;font-size:10px;line-height:1.4}.hint{font-size:10px;color:#6b7280}.cr{padding:5px 0;border-bottom:1px solid #1a1a2e}.cr-name{font-size:11px;color:#e0e0f0;font-weight:600;margin-bottom:2px}.cr-data{display:flex;gap:6px;font-size:10px;color:#9ca3af;flex-wrap:wrap}.cr-ratio{font-weight:600}.cr-sep{color:#374151;margin:0 2px}.cr-win{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}.cr-win:hover{color:#a5b4fc}.cr-ratio.ok{color:#4ade80}.cr-ratio.fail{color:#f87171}.cr.ok{border-left:2px solid #4ade8044;padding-left:4px}.cr.fail{border-left:2px solid #f8717144;padding-left:4px}.rule-sub-title{font-size:11px;font-weight:600;color:#a5b4fc;margin:10px 0 4px}.stair-item{padding:6px 0;border-bottom:1px solid #1a1a2e}.stair-item:last-child{border-bottom:none}.stair-detail{font-size:10px;color:#9ca3af;margin-top:3px;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.stair-lbl{color:#6b7280;min-width:52px;flex-shrink:0}.stair-formula-msg{font-size:10px;margin-top:3px}.ok-text{color:#4ade80}.fail-text{color:#f87171}.setback-edge-row{cursor:pointer}.setback-edge-row:hover{background:#a5b4fc12;border-radius:3px}.setback-edge-row.active-edge{background:#fde0471f;border-radius:3px}.area-summary{padding:28px 14px 24px;border-top:1px solid #1e1e2e;display:flex;flex-direction:column;gap:3px}.as-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-size:10px;color:#6b7280}.as-val{font-variant-numeric:tabular-nums;color:#a5b4fc;font-weight:600;white-space:nowrap}.as-warn{font-size:10px;color:#6b7280;font-style:italic}.mouse-hint{position:sticky;bottom:0;background:#13131f;border-top:1px solid #1e1e2e;padding:10px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto}.mouse-svg{width:30px;opacity:.55;align-self:center}.mouse-keys{display:flex;flex-direction:row;gap:10px;justify-content:center}.mk-row{display:flex;align-items:center;gap:5px}.mk-tag{font-size:9px;font-weight:700;letter-spacing:.04em;color:#4b5563;background:#16162a;padding:1px 5px;border-radius:3px;border:1px solid #2a2a3e;min-width:28px;text-align:center;flex-shrink:0}.mk-desc{color:#374151;font-size:10px}#loading{position:absolute;inset:0;background:#0d0d1ecc;z-index:50;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#a5b4fc}