.uph-visualizer{--uph-accent:#2c5f6f;--uph-accent-dark:#1e4450;--uph-border:#d8d8d4;--uph-bg:#fafaf8;--uph-text:#2a2a28;--uph-radius:8px;font-family:inherit;color:var(--uph-text);max-width:1100px;margin:0 auto}.uph-visualizer *{box-sizing:border-box}.uph-intro{margin:0 0 1.25rem;font-size:1rem;line-height:1.5}.uph-dropzone{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px dashed var(--uph-border);border-radius:var(--uph-radius);background:var(--uph-bg);padding:3rem 1.5rem;cursor:pointer;text-align:center;transition:border-color 0.15s ease,background 0.15s ease}.uph-dropzone:hover,.uph-dropzone.uph-dragover{border-color:var(--uph-accent);background:#f1f6f7}.uph-dropzone-icon{font-size:2.25rem}.uph-workspace{display:grid;grid-template-columns:1fr 280px;gap:1.75rem;align-items:start}@media (max-width:760px){.uph-workspace{grid-template-columns:1fr}}.uph-canvas-wrap{position:relative;border-radius:var(--uph-radius);overflow:hidden;background:#efefec;line-height:0}.uph-canvas-wrap canvas{display:block;width:100%;height:auto;cursor:crosshair}.uph-canvas-hint{position:absolute;top:.6rem;left:.6rem;background:rgb(0 0 0 / .6);color:#fff;font-size:.8rem;padding:.3rem .6rem;border-radius:5px;pointer-events:none;transition:opacity 0.2s ease}.uph-canvas-hint.uph-hide{opacity:0}.uph-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.85rem}.uph-tool-btn,.uph-action-btn{font-size:.85rem;padding:.45rem .85rem;border-radius:6px;border:1px solid var(--uph-border);background:#fff;color:var(--uph-text);cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease}.uph-tool-btn:hover,.uph-action-btn:hover{border-color:var(--uph-accent)}.uph-tool-btn.active{background:var(--uph-accent);border-color:var(--uph-accent);color:#fff}.uph-reset-btn{margin-left:auto}.uph-tolerance-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:#555}.uph-tolerance-label input[type='range']{width:90px}.uph-materials-col h4{margin:0 0 .75rem;font-size:1rem}.uph-swatch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.uph-swatch{border:2px solid #fff0;border-radius:6px;overflow:hidden;cursor:pointer;padding:0;background:none;text-align:left}.uph-swatch img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.uph-swatch span{display:block;font-size:.74rem;padding:.3rem .4rem;background:#fff;line-height:1.2}.uph-swatch:hover{border-color:var(--uph-border)}.uph-swatch.active{border-color:var(--uph-accent)}.uph-disclaimer{font-size:.74rem;color:#777;margin-top:1rem;line-height:1.4}