.drawpad-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.drawpad-group{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted)}.drawpad-group .btn{font-size:12px}.drawpad-width input{width:120px}.drawpad-swatch{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-strong);padding:0;cursor:pointer}.drawpad-swatch.is-active{border:2px solid var(--ink);box-shadow:0 0 0 2px var(--accent-soft)}.drawpad-color{width:34px;height:28px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-raised)}.drawpad-dim{width:84px}.drawpad-actions{margin-left:auto}.drawpad-canvas-box{width:100%;display:flex;justify-content:center}.drawpad-canvas{display:block;max-width:100%;height:auto;touch-action:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:crosshair}.drawpad-help{margin:8px 0;color:var(--ink-muted);font-size:12px}.drawpad-help-details{margin-top:16px}.drawpad-panel.drawpad-focus{background:var(--bg, #f6f3ee);overflow:auto}.drawpad-focus .panel-header,.drawpad-focus .drawpad-help,.drawpad-focus .drawpad-help-details{display:none}.drawpad-focus .panel-body{padding:14px 18px}