#workshop-interact{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:20;min-height:48px;padding:12px 18px;border:1px solid #e8d09b;border-radius:14px;background:#3a2a12ef;color:#ffe6ad;font-weight:bold;cursor:pointer}
#workshop-panel[hidden]{display:none}
#workshop-panel{position:fixed;inset:0;z-index:1200;overflow:auto;background:#0a1623f2;color:#f6eed7;padding:24px;box-sizing:border-box}
.ws-window{max-width:720px;margin:0 auto;background:#122838;border:1px solid #e4ce9266;border-radius:18px;padding:22px}
.ws-window h1{font:700 34px Georgia,serif;color:#ffe6ad;margin:6px 0}
.ws-window input{width:100%;min-height:48px;border-radius:12px;border:1px solid #d7bc78;padding:10px 12px;font-size:16px;box-sizing:border-box;margin:8px 0}
.ws-window button{min-height:44px;margin:6px 4px 6px 0;padding:10px 14px;border-radius:12px;border:1px solid #d7bc78;background:linear-gradient(#e9d497,#bda66e);color:#142b36;font-weight:bold;cursor:pointer}
.ws-window button:disabled{opacity:.5;cursor:default}
.ws-mats{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}
.ws-mats li{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#0a1623;border-left:5px solid var(--c,#aaa)}
.ws-mats li.short{opacity:.85;border-color:#f87171}
.ws-mats li.ok{border-color:#86efac}
.ws-chips{display:flex;flex-wrap:wrap;gap:8px}
.ws-chips span{padding:6px 10px;border-radius:999px;background:#0a1623;border:1px solid var(--c,#888);font-size:13px}
#ws-msg{color:#a8e3d2;min-height:1.2em}
body.workshop-open #workshop-interact{display:none}