.tool .drop{border-radius:var(--radius-lg);background:var(--bg-soft);text-align:center;cursor:pointer;border:2px dashed #c9d1da;padding:3.5rem 1rem;transition:border-color .12s,background .12s}.tool .drop:hover,.tool .drop:focus-visible,.tool .drop.over{border-color:var(--accent);background:var(--accent-soft)}.tool .drop-t{margin:0;font-size:1.15rem;font-weight:700}.tool .drop-h{color:var(--fg-muted);margin:.4rem 0 0;font-size:.9rem}.tool .drop-p{color:var(--fg-muted);margin:1.4rem 0 0;font-size:.85rem}@media (prefers-color-scheme:dark){.tool .drop{border-color:#3a3a45}}.tool .board{background:var(--bg-soft);border-radius:var(--radius-lg);max-height:calc(75vh + 24px);padding:12px;display:flex;position:relative;overflow:auto}.tool .board canvas{cursor:crosshair;touch-action:none;border-radius:6px;flex:none;margin:auto;display:block}.tool .board canvas.brush{cursor:cell}.tool .board canvas.preview{cursor:default}.tool .pager{font-variant-numeric:tabular-nums;font-family:var(--mono);justify-content:center;margin-top:10px;font-size:14px}.tool .edits{margin-top:10px}.tool button.wide{width:100%;margin-top:8px}.tool .linkish,.tool .side .note{margin-top:10px}.tool .row .lb{white-space:nowrap}.tool .zoom{font-variant-numeric:tabular-nums;font-family:var(--mono);justify-content:flex-end;margin-top:10px;font-size:14px}.tool .zoom span{text-align:center;min-width:3.5em}.tool .zoom button:first-child,.tool .zoom button:nth-child(3){min-width:36px;padding:2px 10px;font-size:16px}.tool .stage{position:relative}.tool .flip{z-index:1;color:#333;background:#fffc;border:1px solid #ccc;border-radius:4px;padding:10px 6px;font-size:22px;line-height:1;position:absolute;top:45%}.tool .flip.prev{left:0}.tool .flip.next{right:0}.tool .flip:disabled{display:none}