#craft{position:fixed;inset:0;z-index:30;background:#102c30f5;overflow:auto;padding:16px;display:grid;place-items:center}
.craft-card{width:min(950px,100%);padding:20px;background:#193b40;border:3px solid #cda257;border-radius:14px;box-shadow:0 14px 50px #0008}.craft-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.craft-head h2{font:clamp(24px,4vw,36px) Georgia;margin:0}.craft-head button{min-height:44px}.craft-body{display:grid;grid-template-columns:minmax(200px,1.15fr) minmax(220px,1fr);gap:24px;margin:16px 0}.door-work{position:relative;background:#503823;border:5px solid #b2834c;border-radius:8px;overflow:hidden;aspect-ratio:4/5;max-height:60vh;justify-self:center;width:100%}#doorCanvas{width:100%;height:100%;image-rendering:pixelated}.craft-side{display:flex;flex-direction:column;justify-content:center;gap:12px}.craft-side p{font-size:19px;line-height:1.4;margin:0}.craft-choices{display:flex;flex-wrap:wrap;gap:8px}.craft-choices button{min-height:48px;flex:1 1 100px;font-size:16px}.craft-choices button[aria-pressed=true]{outline:3px solid #efbd60;background:#38616b}.craft-footer{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}#craftStatus{color:#f5d890;font-size:16px;min-height:42px}#craftStep{color:#efbd60;font-size:15px;letter-spacing:1px}.craft-help{color:#c4d8d3;font-size:14px!important}.craft-slots{display:flex;gap:8px;flex-wrap:wrap}.craft-slots button{flex:1;min-height:44px}#craft [data-color]{border-bottom:8px solid var(--swatch)}
@media(max-width:600px){#craft{padding:8px;display:block}.craft-card{padding:12px}.craft-body{gap:12px;grid-template-columns:1fr;margin:12px 0}.door-work{max-height:36vh;width:auto;height:36vh}.craft-side{gap:10px}.craft-side p{font-size:17px}.craft-choices button{padding:8px;flex-basis:75px}.craft-head h2{font-size:24px}.craft-footer button{flex:1;padding:10px}#craftStatus{min-height:0}}
.craft-choices .craft-icon{width:42px;height:42px;display:inline-block;vertical-align:middle;margin-left:6px;pointer-events:none}
@media(prefers-reduced-motion:no-preference){#craft:not([hidden]) .craft-card{animation:workbench-in .3s ease-out}@keyframes workbench-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}}