.card[data-astro-cid-adeyhiq6].tool-ui{padding:16px}.csg-input-row[data-astro-cid-adeyhiq6]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.csg-input-row[data-astro-cid-adeyhiq6] .field-label[data-astro-cid-adeyhiq6]{flex:none;margin:0}#csg-base-input[data-astro-cid-adeyhiq6]{box-sizing:border-box;min-inline-size:0;font-family:var(--font-mono);flex:180px;padding:7px 10px;font-size:14px}#csg-picker[data-astro-cid-adeyhiq6]{cursor:pointer;flex:none;block-size:34px;inline-size:40px;padding:2px}.csg-input-row[data-astro-cid-adeyhiq6] .btn[data-astro-cid-adeyhiq6],.csg-formats-row[data-astro-cid-adeyhiq6] .btn[data-astro-cid-adeyhiq6],.csg-exports[data-astro-cid-adeyhiq6] .btn[data-astro-cid-adeyhiq6]{padding:6px 14px;font-size:14px}.option-hint[data-astro-cid-adeyhiq6]{margin:6px 0 0;font-size:12.5px}.csg-chips[data-astro-cid-adeyhiq6]{flex-wrap:wrap;gap:8px;display:flex}.csg-chips[data-astro-cid-adeyhiq6] .option[data-astro-cid-adeyhiq6]{padding:5px 9px;font-size:13.5px}#csg-rules[data-astro-cid-adeyhiq6]{margin-block-start:12px}.csg-formats-row[data-astro-cid-adeyhiq6]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-block:10px 0;display:flex}#results[data-astro-cid-adeyhiq6],.csg-group[data-astro-cid-adeyhiq6]+.csg-group[data-astro-cid-adeyhiq6]{margin-block-start:12px}.csg-group-label[data-astro-cid-adeyhiq6]{letter-spacing:.02em;color:var(--c-text-2);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 6px;font-size:12px;font-weight:600;display:flex}.csg-group-hint[data-astro-cid-adeyhiq6]{unicode-bidi:isolate;font-size:11.5px;font-weight:400}.csg-grid[data-astro-cid-adeyhiq6]{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.csg-grid[data-astro-cid-adeyhiq6] .csg-swatch{border:1px solid var(--c-border);cursor:pointer;block-size:76px;font-family:var(--font-mono);text-align:center;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0 4px;font-size:12.5px;display:flex;position:relative;overflow:hidden}.csg-grid[data-astro-cid-adeyhiq6] .csg-swatch:focus-visible{box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.csg-grid[data-astro-cid-adeyhiq6] .csg-swatch[data-base="1"]{border:2px solid var(--c-primary)}.csg-grid[data-astro-cid-adeyhiq6] .csg-badge{font-family:var(--font-ui,inherit);opacity:.7;unicode-bidi:isolate;font-size:10px;font-weight:600;line-height:1;position:absolute;inset-block-start:3px;inset-inline-start:5px}.csg-grid[data-astro-cid-adeyhiq6] .csg-value{overflow-wrap:anywhere;unicode-bidi:isolate}.csg-exports[data-astro-cid-adeyhiq6]{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-block-start:12px;display:flex}html[dir=rtl] #csg-base-input[data-astro-cid-adeyhiq6]{text-align:left;direction:ltr}@media (width<=600px){.card[data-astro-cid-adeyhiq6].tool-ui{padding:6px}.csg-input-row[data-astro-cid-adeyhiq6]{grid-template-columns:1fr auto auto;gap:6px;display:grid}.csg-input-row[data-astro-cid-adeyhiq6] .field-label[data-astro-cid-adeyhiq6]{grid-column:1/-1}#csg-base-input[data-astro-cid-adeyhiq6]{min-block-size:34px;padding:5px 8px;font-size:13px}#csg-picker[data-astro-cid-adeyhiq6]{block-size:34px;inline-size:36px}.csg-input-row[data-astro-cid-adeyhiq6] .btn[data-astro-cid-adeyhiq6]{min-block-size:34px;padding:5px 9px;font-size:12.5px}.option-hint[data-astro-cid-adeyhiq6]{display:none}#csg-rules[data-astro-cid-adeyhiq6]{gap:4px;margin-block-start:4px}.csg-chips[data-astro-cid-adeyhiq6] .option[data-astro-cid-adeyhiq6]{gap:4px;padding:2px 5px;font-size:11px}.csg-chips[data-astro-cid-adeyhiq6] .option[data-astro-cid-adeyhiq6] input[data-astro-cid-adeyhiq6]{block-size:12px;inline-size:12px}.csg-formats-row[data-astro-cid-adeyhiq6]{gap:6px;margin-block:6px 0}.csg-formats-row[data-astro-cid-adeyhiq6] .btn[data-astro-cid-adeyhiq6]{min-block-size:30px;padding:4px 10px;font-size:12px}#results[data-astro-cid-adeyhiq6]{margin-block-start:4px}.csg-group[data-astro-cid-adeyhiq6]+.csg-group[data-astro-cid-adeyhiq6]{margin-block-start:6px}.csg-group-hint[data-astro-cid-adeyhiq6]{display:none}.csg-grid[data-astro-cid-adeyhiq6]{gap:5px}.csg-grid[data-astro-cid-adeyhiq6] .csg-swatch{border-radius:8px;block-size:44px;padding:0 2px;font-size:10px}.csg-grid[data-astro-cid-adeyhiq6] .csg-badge{display:none}.csg-exports[data-astro-cid-adeyhiq6]{margin-block-start:6px}.csg-exports[data-astro-cid-adeyhiq6] .btn[data-astro-cid-adeyhiq6]{min-block-size:34px;padding:5px 10px;font-size:12px}}