*,*: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}.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}#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}#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}#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}.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}.fail-text{color:#f87171}.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}.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-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}.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}.mouse-keys{display:flex;flex-direction:column;gap:4px;align-self:stretch}.mk-row{display:flex;align-items:center;gap:7px}.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}