.rcg[data-v-22f10c0e]{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.rcg-controls[data-v-22f10c0e]{grid-template-columns:minmax(14rem,1fr) 7rem minmax(18rem,auto);align-items:end;gap:.75rem;display:grid}.rcg-field[data-v-22f10c0e]{flex-direction:column;gap:.35rem;display:flex}.rcg-field span[data-v-22f10c0e],.rcg-hint[data-v-22f10c0e],.rcg-chip span[data-v-22f10c0e],.rcg-readable span[data-v-22f10c0e],.rcg-output-box span[data-v-22f10c0e],.rcg-format span[data-v-22f10c0e]{color:var(--muted);font-size:.8125rem;font-weight:700}.rcg-field input[data-v-22f10c0e]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--input);width:100%;min-height:2.6rem;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;box-sizing:border-box;padding:.55rem .7rem}.rcg-field input[data-v-22f10c0e]:focus-visible,.rcg-btn[data-v-22f10c0e]:focus-visible,.rcg-format[data-v-22f10c0e]:focus-visible,.rcg-lock[data-v-22f10c0e]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint-accent);outline:none}.rcg-actions[data-v-22f10c0e]{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.rcg-btn[data-v-22f10c0e],.rcg-lock[data-v-22f10c0e],.rcg-format[data-v-22f10c0e]{border:1px solid var(--border-strong);border-radius:var(--radius-button);background:var(--elevated);color:var(--muted);cursor:pointer;font:inherit}.rcg-btn[data-v-22f10c0e],.rcg-lock[data-v-22f10c0e]{white-space:nowrap;min-height:2.4rem;padding:.42rem .75rem;font-size:.8125rem}.rcg-btn[data-v-22f10c0e]:hover,.rcg-lock[data-v-22f10c0e]:hover,.rcg-format[data-v-22f10c0e]:hover{color:var(--text)}.rcg-btn--primary[data-v-22f10c0e]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.rcg-btn--primary[data-v-22f10c0e]:hover{color:var(--accent-contrast)}.rcg-hint[data-v-22f10c0e]{margin:0}.rcg-preview[data-v-22f10c0e]{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--rcg-gradient);min-height:5.5rem}.rcg-grid[data-v-22f10c0e]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.rcg-swatch[data-v-22f10c0e]{border:1px solid var(--border);border-radius:var(--radius-card);background:linear-gradient(color-mix(in srgb, var(--swatch) 86%, transparent), color-mix(in srgb, var(--swatch) 86%, transparent)), var(--surface);min-width:0;min-height:16rem;color:var(--swatch-text);flex-direction:column;justify-content:space-between;gap:.75rem;padding:.85rem;display:flex}.rcg-chip[data-v-22f10c0e]{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.rcg-chip span[data-v-22f10c0e]{color:color-mix(in srgb, var(--swatch-text) 78%, transparent)}.rcg-chip strong[data-v-22f10c0e]{font-variant-numeric:tabular-nums;font-size:1.15rem}.rcg-readable[data-v-22f10c0e]{gap:.25rem;display:grid}.rcg-readable span[data-v-22f10c0e],.rcg-readable small[data-v-22f10c0e]{color:color-mix(in srgb, var(--swatch-text) 76%, transparent)}.rcg-readable code[data-v-22f10c0e]{color:var(--swatch-text);font-size:.95rem}.rcg-format-list[data-v-22f10c0e]{gap:.4rem;display:grid}.rcg-format[data-v-22f10c0e]{background:color-mix(in srgb, var(--surface) 88%, transparent);text-align:left;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.5rem;min-height:2.25rem;padding:.35rem .5rem;display:grid}.rcg-format code[data-v-22f10c0e]{overflow-wrap:anywhere;min-width:0;color:var(--text);font-size:.82rem}.rcg-lock[data-v-22f10c0e]{background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--text);align-self:stretch}.rcg-lock[aria-pressed=true][data-v-22f10c0e]{background:var(--text);border-color:var(--text);color:var(--surface)}.rcg-output[data-v-22f10c0e]{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:1rem;display:grid}.rcg-output-box[data-v-22f10c0e]{border:1px solid var(--border);border-radius:var(--radius-input);background:var(--elevated);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.75rem;display:grid}.rcg-output-box div[data-v-22f10c0e]{min-width:0}.rcg-output-box code[data-v-22f10c0e]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:7.5rem;color:var(--text);margin-top:.35rem;font-size:.82rem;display:block;overflow:auto}.rcg-copy-list[data-v-22f10c0e]{grid-column:1/-1;justify-self:start}@media (width<=900px){.rcg-controls[data-v-22f10c0e],.rcg-grid[data-v-22f10c0e],.rcg-output[data-v-22f10c0e]{grid-template-columns:1fr}.rcg-actions[data-v-22f10c0e]{justify-content:flex-start}.rcg-swatch[data-v-22f10c0e]{min-height:14rem}}@media (width<=520px){.rcg[data-v-22f10c0e]{padding:1rem}.rcg-output-box[data-v-22f10c0e]{grid-template-columns:1fr}.rcg-btn[data-v-22f10c0e]{width:100%}.rcg-actions[data-v-22f10c0e]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}