.fields[data-astro-cid-s6nbbbmx]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.field[data-astro-cid-s6nbbbmx]{display:flex;flex-direction:column;gap:.35rem}.field[data-astro-cid-s6nbbbmx].checkbox{flex-direction:row;align-items:center;min-height:44px}.field[data-astro-cid-s6nbbbmx].checkbox input[data-astro-cid-s6nbbbmx]{width:1.25rem;height:1.25rem;min-height:auto}.color-row[data-astro-cid-s6nbbbmx]{display:flex;gap:.4rem}.color-row[data-astro-cid-s6nbbbmx] input[data-astro-cid-s6nbbbmx][type=text]{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace}input[data-astro-cid-s6nbbbmx][type=color]{width:48px;padding:2px;cursor:pointer;flex:none}.preview[data-astro-cid-s6nbbbmx]{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.preview[data-astro-cid-s6nbbbmx] p[data-astro-cid-s6nbbbmx]{margin:.25rem 0}.preview-large[data-astro-cid-s6nbbbmx]{font-size:24px}#result[data-astro-cid-s6nbbbmx] .ratio{font-size:2.5rem;font-weight:800;line-height:1.2;margin:.25rem 0}#result[data-astro-cid-s6nbbbmx] p{margin:.4rem 0}#suggestions[data-astro-cid-s6nbbbmx] .sugg{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}#suggestions[data-astro-cid-s6nbbbmx] .swatch{display:inline-block;width:1.25rem;height:1.25rem;border:1px solid var(--border);border-radius:4px;vertical-align:middle}#suggestions[data-astro-cid-s6nbbbmx] code{font-size:1rem}#swap[data-astro-cid-s6nbbbmx]{margin-top:.25rem}