.wood-tool{margin:2rem 0;padding:1.25rem;border:1px solid #afbeb5;background:#f7f5ed;border-radius:12px}.wood-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.wood-controls label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;min-width:0}.wood-controls input,.wood-controls select{max-width:100%;min-width:0;padding:.6rem;color:#203532;background:#fffdf6;border:1px solid #869b90;font:inherit}.wood-controls input[type=range]{padding:.6rem 0;accent-color:#176d66}.wood-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.wood-actions button{padding:.7rem 1rem;border:1px solid #176d66;background:#176d66;color:white;font:inherit;cursor:pointer}.wood-actions button+button{background:#fffdf6;color:#176d66}.wood-actions button:disabled{opacity:.6;cursor:wait}.wood-tool canvas{display:block;width:min(100%,512px);height:auto;margin:1rem auto;border:1px solid #afbeb5}.wood-tool :focus-visible{outline:3px solid #176d66;outline-offset:3px}.wood-tool [role=status]{font-size:.85rem;color:#526762}.wood-example{display:block;width:100%;height:auto}.wood-process{max-width:100%;height:auto}@media(max-width:650px){.wood-controls{grid-template-columns:1fr 1fr}.wood-tool{padding:1rem}.wood-actions button{width:100%}}@media(max-width:380px){.wood-controls{grid-template-columns:1fr}}