.pd-craft{margin:.8rem 0;border:1px solid #e7e5e4;border-radius:10px;padding:.65rem;background:#fff;font-size:.85rem}
.pd-craft [hidden]{display:none!important}
.pd-craft button,.pd-craft select{min-width:44px;min-height:44px;max-width:100%;font:inherit;border-radius:7px}
.pd-craft button{border:1px solid #854d0e;background:#854d0e;color:#fff;padding:.5rem .7rem;cursor:pointer;font-weight:700}
.pd-craft button:disabled{opacity:.5;cursor:default}
.pd-craft select{width:100%;background:#fff;color:#1e293b;border:1px solid #94a3b8;padding:.35rem}
.pd-craft label{display:block;font-size:.75rem;font-weight:600;min-width:0}
.pd-craft label select{display:block;margin-top:.25rem}
.pd-craft p{line-height:1.5;margin:.6rem 0;overflow-wrap:anywhere}
.pd-craft__open{width:100%}
.pd-craft__faces{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:5px;margin:.65rem 0}
.pd-craft__context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.pd-craft__buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.65rem 0}
.pd-craft__buttons button{flex:1 1 105px}
.pd-craft__result{font-weight:700;color:#713f12}
.pd-craft__math{font-family:'JetBrains Mono',monospace;font-size:.8rem}
.pd-craft :focus-visible{outline:3px solid #2563eb;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.pd-craft *{animation:none!important;transition:none!important}}