*,:before,:after{box-sizing:border-box}:root{--bg:#0e0f14;--bg2:#151720;--bg3:#1c1e2b;--border:#2a2d3e;--text:#c8cad8;--text-dim:#6b6e82;--text-bright:#e8eaf4;--accent:#f57c32;--accent-dim:#f57c322e;--accent-border:#f57c3266;--blue:#4b8ef1;--red:#e85555;--red-dim:#e8555526;--green:#4caf79;--sidebar-w:300px;font-family:system-ui,-apple-system,sans-serif;font-size:13px}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{height:100vh;display:flex;overflow:hidden}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden auto}.sidebar-header{border-bottom:1px solid var(--border);padding:18px 16px 12px}.sidebar-header h1{color:var(--text-bright);letter-spacing:-.3px;margin:0 0 2px;font-size:20px;font-weight:700}.sidebar-header .subtitle{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:11px}.section{border-bottom:1px solid var(--border);padding:14px 16px}.section-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.hint{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.badge{background:var(--bg3);color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.upload-btn{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:8px;margin-bottom:8px;padding:9px 12px;font-size:13px;transition:border-color .2s,background .2s;display:flex}.upload-btn:hover{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent)}.upload-btn svg{flex-shrink:0;width:15px;height:15px}.file-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}#joint-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.joint-item{background:var(--bg3);border:1px solid var(--border);cursor:pointer;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;transition:border-color .15s;display:flex}.joint-item:hover{border-color:var(--accent-border)}.joint-item.selected{border-color:var(--accent);background:var(--accent-dim)}.joint-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px}.joint-label{color:var(--text);flex:1;font-size:12px}.control-group{margin-bottom:10px}.control-group label{color:var(--text-dim);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.val{color:var(--text);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:var(--bg3);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.axis-btns{gap:4px;margin-top:4px;display:flex}.axis-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:5px;flex:1;padding:5px;font-size:12px;font-weight:600;transition:all .15s}.axis-btn:hover{border-color:var(--accent-border);color:var(--text)}.axis-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-danger{background:var(--red-dim);color:var(--red);cursor:pointer;border:1px solid #e855554d;border-radius:5px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;transition:background .15s;display:flex}.btn-danger:hover{background:#e8555540}.status{color:var(--text-dim);text-align:center;min-height:16px;margin-top:8px;font-size:12px}.status.error{color:var(--red)}.status.success{color:var(--green)}.spacer{flex:1}.export-section{background:var(--bg2);border-top:1px solid var(--border);position:sticky;bottom:0}#viewport{background:var(--bg);flex:1;position:relative;overflow:hidden}#three-canvas{cursor:crosshair;width:100%;height:100%;display:block}#three-canvas.orbit-mode{cursor:grab}#three-canvas.orbit-mode:active{cursor:grabbing}.overlay-hint{pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.overlay-hint.hidden{opacity:0}.hint-box{color:var(--text-dim);flex-direction:column;align-items:center;gap:12px;display:flex}.hint-box svg{opacity:.3}.hint-box p{opacity:.6;font-size:14px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}