: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%}}