.tool[data-astro-cid-ztwv5hxn]{padding-block:32px 8px}.tool-head[data-astro-cid-ztwv5hxn]{margin:0 0 28px}.tool-head[data-astro-cid-ztwv5hxn] h1[data-astro-cid-ztwv5hxn]{margin:0 0 6px;font-size:1.8rem}.tool-head[data-astro-cid-ztwv5hxn] p[data-astro-cid-ztwv5hxn]{color:var(--text-dim);max-width:60ch;margin:0}.layout[data-astro-cid-ztwv5hxn]{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:18px;display:grid}@media (width<=760px){.layout[data-astro-cid-ztwv5hxn]{grid-template-columns:1fr}}.swatch[data-astro-cid-ztwv5hxn]{border-radius:var(--radius-sm);border:1px solid var(--border);background:#6d5efc;height:120px;margin-bottom:16px}input[data-astro-cid-ztwv5hxn][type=color]{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;width:100%;height:44px;padding:4px}.fields[data-astro-cid-ztwv5hxn]{gap:12px;margin-top:16px;display:grid}.fields[data-astro-cid-ztwv5hxn] label[data-astro-cid-ztwv5hxn]{margin-bottom:5px;display:block}.fields[data-astro-cid-ztwv5hxn] input[data-astro-cid-ztwv5hxn]{font-family:var(--mono)}h2[data-astro-cid-ztwv5hxn]{margin:0 0 4px;font-size:1.05rem}.small[data-astro-cid-ztwv5hxn]{font-size:.82rem}.scale[data-astro-cid-ztwv5hxn]{grid-template-columns:repeat(9,1fr);gap:4px;margin-top:12px;display:grid}.scale button{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;color:#0000;border-radius:6px;width:100%;padding:0;font-size:0;transition:transform .1s}.scale button:hover{transform:scale(1.08)}.contrast[data-astro-cid-ztwv5hxn]{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.cbox[data-astro-cid-ztwv5hxn]{flex-direction:column;align-items:center;gap:6px;display:flex}.cchip[data-astro-cid-ztwv5hxn]{border-radius:var(--radius-sm);border:1px solid var(--border);place-items:center;width:100%;height:64px;font-size:1.2rem;font-weight:700;display:grid}