/* Shared drawing pad and drawing views (PG.draw), DESIGN.md §6.12. Scoped to button.sw so daniel2's colour dots are untouched. Games may override the accent colour only. See SHARED.md. */
.pad{width:100%;aspect-ratio:4/3;background:#fff;border-radius:14px;touch-action:none;display:block}
.tvpad{width:100%;max-height:62vh;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:20px;display:block;margin:0 auto}
button.sw{width:44px;height:44px;border-radius:50%;border:3px solid #fff3;padding:0;min-width:44px}
button.sw.on{border-color:#fff;box-shadow:0 0 0 2px #fff}
.tools{display:flex;gap:6px;margin:10px 0;justify-content:center}
.tools.colors{gap:0;flex-wrap:nowrap;justify-content:space-between}
.tools.colors .sw{width:32px;height:44px;min-width:32px;flex:0 0 32px;border:0;background:none!important;position:relative;border-radius:0;box-shadow:none}
.tools.colors .sw:before{content:"";position:absolute;left:2px;top:8px;width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff26}
.tools.colors .sw.on:before{box-shadow:0 0 0 2px var(--bg),0 0 0 4px #fff}
.tools.sizes{flex-wrap:nowrap}
.tools .tb{flex:1 1 auto;min-height:52px;padding:0 10px;font-size:15px;background:var(--surface-2);border-radius:var(--r-md)}
.wb{width:44px;min-width:44px;min-height:52px;padding:0;background:var(--surface-2);color:var(--ink);border-radius:var(--r-md);flex:0 0 44px}
.wb.on{background:var(--surface-2);box-shadow:inset 0 0 0 2px #fff}
.hidwrap{position:relative}
.hiddenlbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#5d6670;font-weight:800;font-size:20px}
@media (max-width:360px){.tools .tb span{display:none}}