*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--sidebar-bg: #1e1610;--sidebar-text: #e0d5c8;--sidebar-muted: #9a8b7a;--sidebar-accent: #c19a6b;--sidebar-border: #3a2a1a;--sidebar-input-bg: #2a1f15;--sidebar-input-border: #4a3828;--sidebar-hover: #2e2218;--sidebar-width: 320px;--viewport-bg: #e8e2d8;--highlight: #ff8c42;--danger: #c0392b;--danger-hover: #e74c3c;--btn-primary-bg: #8b6914;--btn-primary-hover: #a07a1a}body{min-height:100dvh;background:var(--sidebar-bg)}#app{max-width:none;margin-inline:0;padding:0;height:100dvh;overflow:hidden}.workspace{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100dvh;overflow-y:auto;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column}.sidebar-header{padding:1.25rem 1rem 1rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-header h1{font-size:1.25rem;font-weight:700;color:var(--sidebar-accent);letter-spacing:.02em}.sidebar-subtitle{font-size:.75rem;color:var(--sidebar-muted);margin-top:.15rem}.sidebar-section{padding:1rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-section h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.sidebar-section h4{font-size:.8rem;font-weight:600;color:var(--sidebar-accent);margin-bottom:.5rem}.count-badge{background:var(--sidebar-input-bg);color:var(--sidebar-muted);font-size:.7rem;padding:.1rem .45rem;border-radius:8px;font-weight:500}.field-label{display:flex;flex-direction:column;font-size:.75rem;color:var(--sidebar-muted);gap:.3rem}.dimension-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.75rem}input[type=number],select{width:100%;padding:.45rem .5rem;background:var(--sidebar-input-bg);border:1px solid var(--sidebar-input-border);border-radius:4px;color:var(--sidebar-text);font-size:.85rem;transition:border-color .15s}input[type=number]:focus,select:focus{outline:none;border-color:var(--sidebar-accent)}input[type=number]::-webkit-inner-spin-button{opacity:.5}.snap-controls{margin-bottom:.75rem}.snap-controls h4{font-size:.75rem;color:var(--sidebar-muted);margin-bottom:.5rem}.snap-controls .field-label{margin-bottom:.5rem}.btn-primary{width:100%;padding:.55rem 1rem;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-danger{width:100%;padding:.45rem .75rem;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:4px;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s;margin-top:.75rem}.btn-danger:hover{background:var(--danger);color:#fff}.btn-icon{background:none;border:none;color:var(--sidebar-muted);font-size:1.1rem;cursor:pointer;padding:.15rem .4rem;border-radius:3px;line-height:1;transition:background .15s,color .15s}.btn-icon:hover{background:var(--danger);color:#fff}.error-message{color:var(--danger-hover);font-size:.78rem;margin-bottom:.5rem}.empty-text{color:var(--sidebar-muted);font-size:.8rem;font-style:italic}.piece-list,.connection-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.3rem}.piece-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;border-radius:4px;cursor:pointer;transition:background .15s}.piece-item:hover{background:var(--sidebar-hover)}.piece-item-selected{background:var(--sidebar-hover);outline:1px solid var(--highlight)}.piece-color-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.piece-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.piece-item-name{font-size:.82rem;font-weight:500}.piece-item-dims{font-size:.7rem;color:var(--sidebar-muted)}.connection-item{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .5rem;border-radius:4px;cursor:pointer;transition:background .15s}.connection-item:hover{background:var(--sidebar-hover)}.connection-item-selected{background:var(--sidebar-hover);outline:1px solid var(--highlight)}.connection-pieces{font-size:.82rem;font-weight:500}.connection-joint-type{font-size:.7rem;color:var(--sidebar-accent)}.joint-inspector{display:flex;flex-direction:column;gap:.5rem}.joint-connection-info{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.joint-piece-name{font-weight:500;color:var(--sidebar-accent)}.joint-arrow{color:var(--sidebar-muted)}.joint-faces{font-size:.72rem;color:var(--sidebar-muted);margin-bottom:.25rem}.joint-params{display:flex;flex-direction:column;gap:.5rem}.viewport{flex:1;position:relative;background:var(--viewport-bg)}.viewport canvas{display:block}.viewport-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.viewport-empty-content{text-align:center;color:#6b5d4f}.viewport-empty-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.viewport-empty-content h2{font-size:1.2rem;font-weight:600;margin-bottom:.35rem}.viewport-empty-content p{font-size:.85rem;max-width:280px;opacity:.7}.piece-label-3d{background:#1e1610d9;color:#e0d5c8;padding:3px 8px;border-radius:4px;font-size:11px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:1px;font-family:system-ui,sans-serif}.piece-dims{font-size:9px;opacity:.7}.connection-label-3d{background:#1e1610d9;color:var(--sidebar-accent, #c19a6b);padding:2px 7px;border-radius:3px;font-size:10px;white-space:nowrap;font-family:system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--viewport-bg: #2a2520}.viewport-empty-content{color:#9a8b7a}}