.tools-scope{--tool-inset-bg:#00000047;--tool-inset-border:#ffffff1a;--tool-field-bg:#ffffff0f;--tool-field-border:#ffffff29;--tool-field-focus:#a78bfa;--tool-rule:#ffffff1a;--tool-link:#93c5fd;--tool-link-hover:#bfdbfe;--tool-chip-bg:#ffffff0f;--tool-chip-bg-hover:#ffffff1f;--tool-chip-active-bg:#a78bfa38;--tool-chip-active-border:#a78bfab3;--tool-mate:#fca5a5;--tool-mate-bg:#ef44441f;--tool-mate-border:#ef444473;--tool-draw:#fcd34d;--tool-draw-bg:#f59e0b1f;--tool-draw-border:#f59e0b73;--tool-check:#fdba74;--tool-check-bg:#f973161f;--tool-check-border:#f9731673;--tool-ok:#86efac;--tool-ok-bg:#22c55e1a;--tool-ok-border:#22c55e66;--tool-info:#93c5fd;--tool-info-bg:#3b82f61a;--tool-info-border:#3b82f666;--tool-sq-light:#769ab8;--tool-sq-dark:#34526a;--tool-coord-on-light:#34526a;--tool-coord-on-dark:#c9d9e6}[data-theme=light] .tools-scope{--tool-inset-bg:#00000009;--tool-inset-border:#00000017;--tool-field-bg:#fff;--tool-field-border:#0000002e;--tool-field-focus:#7c3aed;--tool-rule:#00000017;--tool-link:#1d4ed8;--tool-link-hover:#1e40af;--tool-chip-bg:#0000000a;--tool-chip-bg-hover:#00000014;--tool-chip-active-bg:#7c3aed1f;--tool-chip-active-border:#7c3aed99;--tool-mate:#b91c1c;--tool-mate-bg:#ef444414;--tool-mate-border:#dc262666;--tool-draw:#92400e;--tool-draw-bg:#f59e0b1a;--tool-draw-border:#d9770673;--tool-check:#9a3412;--tool-check-bg:#f9731617;--tool-check-border:#ea580c66;--tool-ok:#166534;--tool-ok-bg:#22c55e17;--tool-ok-border:#16a34a66;--tool-info:#1e40af;--tool-info-bg:#3b82f614;--tool-info-border:#2563eb59;--tool-sq-light:#e8dcc8;--tool-sq-dark:#9e7c5c;--tool-coord-on-light:#7a5c40;--tool-coord-on-dark:#f3eadb}.tool-inset{background:var(--tool-inset-bg);border:1px solid var(--tool-inset-border);border-radius:12px}.tool-rule{border-color:var(--tool-rule)}.tool-link{color:var(--tool-link);text-underline-offset:2px;text-decoration:underline}.tool-link:hover{color:var(--tool-link-hover)}.tool-field{background:var(--tool-field-bg);border:1px solid var(--tool-field-border);width:100%;color:var(--text-primary);border-radius:10px;padding:.55rem .75rem;font-size:.9rem;line-height:1.3;transition:border-color .15s}.tool-field::placeholder{color:var(--text-muted);opacity:.7}.tool-field:focus{border-color:var(--tool-field-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--tool-field-focus)25%,transparent);outline:none}.tool-field[aria-invalid=true]{border-color:var(--tool-mate-border)}select.tool-field option{color:#111;background:#fff}.tool-chip{background:var(--tool-chip-bg);border:1px solid var(--tool-field-border);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.tool-chip:hover:not(:disabled){background:var(--tool-chip-bg-hover)}.tool-chip[aria-pressed=true],.tool-chip[aria-checked=true]{background:var(--tool-chip-active-bg);border-color:var(--tool-chip-active-border)}.tool-chip-sm{padding:.35rem .65rem;font-size:.75rem}.tool-field-mono{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}@media (max-width:639px){.tool-field,.tool-field-mono{font-size:16px}}.tool-option{text-align:left;background:var(--tool-chip-bg);border:1px solid var(--tool-field-border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:.5rem;padding:.75rem;transition:background .15s,border-color .15s;display:flex}.tool-option:hover{background:var(--tool-chip-bg-hover)}.tool-option:has(input:checked){background:var(--tool-chip-active-bg);border-color:var(--tool-chip-active-border)}.tool-option:has(input:focus-visible){outline:2px solid var(--tool-field-focus);outline-offset:2px}.tool-chip:has(input:checked){background:var(--tool-chip-active-bg);border-color:var(--tool-chip-active-border)}.tool-chip:has(input:focus-visible){outline:2px solid var(--tool-field-focus);outline-offset:2px}.tool-chip:has(input:disabled){opacity:.45;cursor:not-allowed}.tool-chip:disabled{opacity:.45;cursor:not-allowed}:is(.tool-chip:focus-visible,.tool-sq:focus-visible,.tool-palette-btn:focus-visible){outline:2px solid var(--tool-field-focus);outline-offset:2px}.tool-tone{border:1px solid;border-radius:14px}.tool-tone-mate{color:var(--tool-mate);background:var(--tool-mate-bg);border-color:var(--tool-mate-border)}.tool-tone-draw{color:var(--tool-draw);background:var(--tool-draw-bg);border-color:var(--tool-draw-border)}.tool-tone-check{color:var(--tool-check);background:var(--tool-check-bg);border-color:var(--tool-check-border)}.tool-tone-ok{color:var(--tool-ok);background:var(--tool-ok-bg);border-color:var(--tool-ok-border)}.tool-tone-info{color:var(--tool-info);background:var(--tool-info-bg);border-color:var(--tool-info-border)}.tool-tone-text-mate{color:var(--tool-mate)}.tool-tone-text-draw{color:var(--tool-draw)}.tool-tone-text-ok{color:var(--tool-ok)}.tool-tone-text-check{color:var(--tool-check)}.tool-table th,.tool-table td{border-bottom:1px solid var(--tool-rule)}.tool-table tr:last-child td,.tool-table tr:last-child th{border-bottom:none}.tool-code{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--tool-inset-bg);border:1px solid var(--tool-inset-border);word-break:break-all;border-radius:6px;padding:.05rem .35rem;font-size:.85em}.tool-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:10px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 6px 24px #0000004d}.tool-sq{aspect-ratio:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.tool-sq.is-light{background:var(--tool-sq-light)}.tool-sq.is-dark{background:var(--tool-sq-dark)}.tool-sq.is-grab{touch-action:none;cursor:grab}.tool-sq img{pointer-events:none;-webkit-user-drag:none;width:88%;height:88%}.tool-sq.is-drag-source img{opacity:.3}.tool-sq.is-last:before{content:"";background:#facc1561;position:absolute;top:0;bottom:0;left:0;right:0}.tool-sq.is-selected:before{content:"";background:#facc158c;position:absolute;top:0;bottom:0;left:0;right:0}.tool-sq.is-check:before{content:"";background:radial-gradient(circle,#ef4444f2 0%,#ef44448c 45%,#ef444400 75%);position:absolute;top:0;bottom:0;left:0;right:0}.tool-sq.is-checker:after{content:"";pointer-events:none;border:3px solid #ef4444d9;border-radius:6px;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.tool-sq>img{position:relative}.tool-coord{pointer-events:none;font-size:10px;font-weight:700;line-height:1;position:absolute}.tool-coord-rank{top:3px;left:3px}.tool-coord-file{bottom:3px;right:4px}.tool-sq.is-light .tool-coord{color:var(--tool-coord-on-light)}.tool-sq.is-dark .tool-coord{color:var(--tool-coord-on-dark)}@media (min-width:640px){.tool-coord{font-size:11px}}.tool-drag-ghost{z-index:70;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.tool-palette-btn{aspect-ratio:1;background:var(--tool-chip-bg);border:1px solid var(--tool-field-border);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.tool-palette-btn:hover{background:var(--tool-chip-bg-hover)}.tool-palette-btn[aria-pressed=true]{background:var(--tool-chip-active-bg);border-color:var(--tool-chip-active-border);border-width:2px}.tool-palette-btn img{pointer-events:none;width:80%;height:80%}