:root{color:#27313a;font-synthesis:none;letter-spacing:0;--line:#dce2e5;--muted:#6f7c85;--blue:#286b8c;--blue-soft:#e8f1f5;--orange:#c97b20;background:#f1f4f5;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;flex:0 0 68px;justify-content:space-between;align-items:center;height:68px;padding:0 18px 0 20px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-icon{color:#fff;background:#2f5f70;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.brand h1{margin:0;font-size:16px;font-weight:720;line-height:1.2}.brand p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:52vw;margin:4px 0 0;font-size:12px;overflow:hidden}.brand p span:before{content:"·";margin:0 7px}.top-actions{align-items:center;gap:8px;display:flex}.top-actions button{border:1px solid var(--line);color:#43505a;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}.top-actions .icon-button{width:36px;padding:0}.top-actions .primary{color:#fff;background:#286b8c;border-color:#286b8c;min-width:98px}.top-actions button:disabled{cursor:wait;opacity:.7}.workspace{flex:1;grid-template-columns:316px minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);z-index:4;background:#fff;padding-bottom:28px;overflow-y:auto}.sidebar section{border-bottom:1px solid #edf0f2;padding:18px}.sidebar h2{text-transform:uppercase;color:#72808a;margin:0 0 12px;font-size:11px;font-weight:750}.source-row,.visibility-row{text-align:left;color:#43505a;background:0 0;border:0;align-items:center;width:100%;display:flex}.source-row{border-left:3px solid #0000;gap:10px;height:54px;padding:0 10px}.source-row.active{background:var(--blue-soft);border-left-color:var(--blue);color:#245e78}.source-row span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.source-row b{font-size:13px}.source-row em{color:#849098;font-size:11px;font-style:normal}.source-row i{background:#c7cdd1;border-radius:50%;width:8px;height:8px}.source-row i.ok{background:#389567}.segmented{background:#eef1f3;border-radius:6px;grid-template-columns:1fr 1fr;height:38px;padding:3px;display:grid}.segmented button{color:#68757e;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:650;display:flex}.segmented button.active{color:#245e78;background:#fff;box-shadow:0 1px 3px #1e2f3a24}.snap-row{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;display:grid}.snap-row button{border:1px solid var(--line);color:#5f6c75;background:#fff;border-radius:5px;height:34px;font-size:11px}.snap-row button.active{color:#286b8c;background:#edf5f8;border-color:#286b8c;font-weight:700}.vector-editor+.vector-editor{margin-top:14px}.field-label{color:#66737c;margin-bottom:6px;font-size:11px}.vector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.vector-grid label{border:1px solid var(--line);background:#fafbfb;border-radius:5px;align-items:center;min-width:0;height:38px;padding:0 7px;display:flex}.vector-grid span{color:#8a959c;margin-right:3px;font-size:10px;font-weight:750}.vector-grid input{text-align:right;color:#34414a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.vector-grid em{color:#97a1a7;margin-left:2px;font-size:9px;font-style:normal}.visibility-row{gap:9px;height:36px;padding:0 2px;font-size:12px}.visibility-row span{flex:1}.visibility-row i{background:#cad1d5;border-radius:9px;width:27px;height:15px;position:relative}.visibility-row i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .15s;position:absolute;top:2px;left:2px}.visibility-row i.on{background:#45849d}.visibility-row i.on:after{transform:translate(12px)}.reset-button{border:1px solid var(--line);color:#68757e;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;height:36px;margin-top:10px;font-size:11px;display:flex}.source-warning{color:#795624;background:#fff6e8;border-left:3px solid #d18b32;margin:16px 18px;padding:11px 12px;font-size:11px;line-height:1.55}.source-warning p{margin:0}.source-warning p+p{margin-top:5px}.viewport{background:#f1f4f5;min-width:0;min-height:0;position:relative}.scene-host{position:absolute;top:0;bottom:0;left:0;right:0}.scene-host canvas{outline:0;width:100%;height:100%;display:block}.axis-legend{pointer-events:none;background:#ffffffe0;border:1px solid #cfd8dde6;border-radius:5px;align-items:center;gap:10px;height:28px;padding:0 10px;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;bottom:15px;left:16px}.axis-legend .x{color:#b44d4d}.axis-legend .y{color:#39805d}.axis-legend .z{color:#326c9a}.scene-help{color:#70808a;pointer-events:none;background:#f1f4f5d1;padding:3px 6px;font-size:10px;position:absolute;bottom:19px;right:16px}.gate{text-align:center;background:#f1f4f5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.gate-mark{color:#fff;background:#2f5f70;border-radius:8px;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.gate h1{margin:0;font-size:19px}.gate p{color:#6f7c85;max-width:430px;margin:10px 0 20px;font-size:13px;line-height:1.6}.gate button{color:#fff;background:#286b8c;border:0;border-radius:6px;height:38px;padding:0 16px;font-size:12px;font-weight:700}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){html,body,#root{overflow:auto}.app-shell{height:auto;min-height:100%}.topbar{align-items:flex-start;gap:10px;height:auto;min-height:68px;padding:10px 12px}.brand p{max-width:45vw}.brand p span{display:none}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .secondary{display:none}.workspace{flex-direction:column;flex:none;min-height:auto;display:flex;overflow:visible}.sidebar{border-right:0;border-top:1px solid var(--line);order:2;height:auto;overflow:visible}.viewport{flex:0 0 58vh;order:1;height:58vh;min-height:420px}.scene-help{display:none}.top-actions button{height:34px}.workspace .sidebar{grid-template-columns:1fr 1fr;display:grid}.sidebar section{min-width:0}.source-warning{grid-column:1/-1}.vector-grid{grid-template-columns:1fr}.vector-grid label{height:36px}}@media (max-width:480px){.brand-icon{display:none}.brand h1{font-size:14px}.brand p{max-width:46vw}.top-actions .icon-button{display:none}.top-actions .primary{min-width:82px;padding:0 9px}.workspace .sidebar{display:block}.viewport{flex-basis:52vh;height:52vh;min-height:360px}}@media (max-width:760px){html,body,#root{height:auto;min-height:100%}}.roof-snap{grid-template-columns:minmax(0,1fr) 112px;gap:6px;margin-top:10px;display:grid}.roof-snap label{min-width:0}.roof-snap label span{color:#71808a;margin-bottom:5px;font-size:10px;display:block}.roof-snap select,.roof-snap button{border:1px solid var(--line);color:#4d5a63;background:#fff;border-radius:5px;width:100%;height:34px;font-size:11px}.roof-snap select{padding:0 8px}.roof-snap button{justify-content:center;align-self:end;align-items:center;gap:5px;display:flex}.roof-snap button.active{color:#286b8c;background:#edf5f8;border-color:#286b8c;font-weight:700}.roof-snap button:disabled,.roof-snap select:disabled{cursor:not-allowed;opacity:.55}.version-name,.version-load{align-items:center;gap:4px;display:flex}.version-name input,.version-load select{border:1px solid var(--line);color:#43505a;background:#fff;border-radius:6px;width:142px;min-width:0;height:36px;padding:0 8px;font-size:11px}.version-name button,.version-load button{padding:0 9px!important;font-size:11px!important}@media (max-width:760px){.top-actions .version-name .secondary,.top-actions .version-load .secondary{display:inline-flex}.version-name input,.version-load select{width:118px}}.clearance-field{border:1px solid var(--line);background:#fafbfb;border-radius:5px;align-items:center;gap:7px;height:36px;margin-top:10px;padding:0 9px;display:flex}.clearance-field span{color:#71808a;flex:1;font-size:10px}.clearance-field input{text-align:right;color:#34414a;background:0 0;border:0;outline:0;width:64px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.clearance-field em{color:#97a1a7;font-size:9px;font-style:normal}.fit-status{text-align:left;border:0;border-left:3px solid;align-items:center;gap:9px;width:100%;min-height:45px;margin-top:9px;padding:7px 10px;display:flex}.fit-status span{flex-direction:column;gap:2px;display:flex}.fit-status b{font-size:11px}.fit-status em{font-size:10px;font-style:normal}.fit-status.pass{color:#2d6d49;background:#edf7f1;border-color:#3f9364}.fit-status.clearance{color:#795624;background:#fff6e8;border-color:#d18b32}.fit-status.outside,.fit-status.feature{color:#893c38;background:#fff0ef;border-color:#c95650}.fit-status.incomplete{color:#4e5b63;background:#f0f2f3;border-color:#7c878e}.collision-breakdown{border-top:1px solid #e4e9ec;margin-top:8px}.collision-breakdown-head{color:#66737c;justify-content:space-between;align-items:center;height:34px;display:flex}.collision-breakdown-head b{font-size:10px}.collision-breakdown-head span{font-size:9px}.collision-breakdown>button{text-align:left;background:#fff;border:0;border-top:1px solid #edf0f2;align-items:center;gap:6px;width:100%;min-height:38px;padding:6px 2px;display:flex}.collision-breakdown>button:hover{background:#f7f9fa}.role-pair{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.role-pair b{color:#4d5962;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.role-pair i{color:#9aa4aa;font-size:9px;font-style:normal}.role-counts{flex-shrink:0;gap:3px;display:flex}.role-counts em{color:#986822;background:#fff4df;border-radius:3px;padding:2px 4px;font-size:8.5px;font-style:normal}.role-counts em.intersection{color:#923c37;background:#ffedeb}.hardware-summary{border-top:1px solid #e4e9ec;border-bottom:1px solid #e4e9ec;margin-top:10px;padding:9px 0}.hardware-title{color:#386b78;align-items:center;gap:7px;display:flex}.hardware-title span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hardware-title b{font-size:10px}.hardware-title em{color:#7d898f;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-style:normal;overflow:hidden}.hardware-components{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:8px 0;display:grid}.hardware-components span{text-align:center;border-left:1px solid #edf0f2;min-width:0}.hardware-components span:first-child{border-left:0}.hardware-components b,.hardware-components em{white-space:nowrap;font-size:8px;display:block}.hardware-components b{color:#7b878e;font-weight:600}.hardware-components em{color:#43515a;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.hardware-summary>button{color:#2f6878;background:#edf5f7;border:1px solid #b8d0d8;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:100%;height:30px;font-size:9.5px;font-weight:700;display:flex}.hardware-summary>button:disabled{cursor:default;color:#39745c;background:#f2f6f4;border-color:#c9ded4}.problem-list,.allowed-contacts{border-top:1px solid #e4e9ec;margin-top:8px}.problem-row,.allowed-row{border-top:1px solid #edf0f2;align-items:stretch;min-height:42px;display:flex}.problem-row button,.allowed-row button{background:#fff;border:0}.problem-focus{text-align:left;color:#57646c;flex:1;align-items:center;gap:6px;min-width:0;padding:5px 3px;display:flex}.problem-focus span{flex-direction:column;gap:2px;min-width:0;display:flex}.problem-focus b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.problem-focus em{color:#8a5551;font-size:8.5px;font-style:normal}.problem-allow{color:#2d745f;flex:0 0 78px;justify-content:center;align-items:center;gap:3px;width:78px;font-size:8.5px;font-weight:700;display:flex}.problem-focus:hover,.problem-allow:hover,.allowed-row button:hover{background:#f6f9f9}.allowed-row>button:first-child{text-align:left;color:#34745f;flex:1;align-items:center;gap:6px;min-width:0;padding:0 3px;font-size:9px;display:flex}.allowed-row>button:first-child span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.allowed-row .icon-remove{color:#8a6562;place-items:center;width:32px;display:grid}.allowed-row.stale>button:first-child{color:#8a9499}.allowed-row>button:disabled{cursor:not-allowed;background:#fafbfb}.allowed-row.waiting>button:first-child{color:#9a7b43}