.codes.svelte-118eu2z{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:10px;display:grid}.swatch.svelte-118eu2z{text-align:left;background:var(--surface);border:var(--outline-w) solid var(--outline);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:8px 10px;display:grid;position:relative}.swatch.svelte-118eu2z i:where(.svelte-118eu2z){background:var(--c);border:2px solid var(--outline);border-radius:var(--blk-radius,6px);grid-row:span 3;width:26px;height:26px}.swatch.svelte-118eu2z b:where(.svelte-118eu2z){font-family:var(--font-mono);font-size:18px}.swatch.svelte-118eu2z small:where(.svelte-118eu2z){color:var(--ink-soft);font-family:var(--font-mono)}.swatch.svelte-118eu2z em:where(.svelte-118eu2z){color:var(--ok);font-size:12px;font-style:normal;font-weight:800;position:absolute;top:6px;right:8px}.fmt.svelte-118eu2z .swatch:where(.svelte-118eu2z){grid-template-columns:1fr}.h2.svelte-118eu2z{margin:22px 0 8px;font-size:22px}textarea.svelte-118eu2z{resize:vertical;width:100%;font-family:var(--font-mono)}.preview.svelte-118eu2z{border:var(--outline-w) solid var(--outline);border-radius:var(--radius-sm);font-family:var(--font-mono);word-break:break-word;background:#1d1d1d;min-height:64px;margin:12px 0;padding:16px;font-size:24px}.row.svelte-118eu2z{gap:8px;display:flex}