.gf-workshop{margin:1rem 0;border:2px solid #a8a29e;border-radius:12px;padding:.65rem;background:#fff;min-width:0}
.gf-workshop summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:800}
.gf-workshop p{font-size:.83rem;line-height:1.5;margin:.5rem 0;overflow-wrap:anywhere}
.gf-workshop label{display:block;font-size:.82rem;font-weight:700;margin:.55rem 0}
.gf-workshop select{display:block;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;color:#1c1917;border:1px solid #78716c;border-radius:7px;padding:.45rem}
.gf-workshop-coordinates,.gf-workshop-buttons{display:flex;gap:.5rem;flex-wrap:wrap}
.gf-workshop-coordinates label{flex:1;min-width:80px}
.gf-workshop-buttons button{flex:1;min-height:44px;min-width:100px;padding:.5rem}
.gf-workshop canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:8px;touch-action:manipulation}
.gf-workshop-message{font-weight:700;min-height:2.5em}
.gf-workshop-lines{font-family:'JetBrains Mono',monospace;font-size:.75rem}
.gf-workshop :is(summary,select,canvas):focus-visible{outline:3px solid #f0b429;outline-offset:2px}
.gf-seg button,.gf-tools .btn{min-height:44px}

.hud{gap:.35rem;flex-wrap:wrap}.hud #score{min-width:0;overflow-wrap:anywhere}.hud #new-btn{margin-left:auto}