.oklch-input-section[data-astro-cid-7erq6xay]{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.oklch-input-head[data-astro-cid-7erq6xay]{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.oklch-label[data-astro-cid-7erq6xay]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.oklch-hint[data-astro-cid-7erq6xay]{color:var(--color-fg-muted);font-weight:400;margin-left:.4em;font-size:.85em}.oklch-input-tools[data-astro-cid-7erq6xay]{display:flex;gap:var(--space-2)}.oklch-input[data-astro-cid-7erq6xay]{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:.95rem;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius)}.oklch-status[data-astro-cid-7erq6xay]{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted);min-height:1.2em}.oklch-status[data-astro-cid-7erq6xay][data-state=error]{color:var(--color-warning)}.oklch-btn[data-astro-cid-7erq6xay]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.oklch-btn[data-astro-cid-7erq6xay]:hover{background:var(--color-bg)}.oklch-ghost[data-astro-cid-7erq6xay]{background:transparent}.oklch-swatch-section[data-astro-cid-7erq6xay],.oklch-readout[data-astro-cid-7erq6xay],.oklch-editor[data-astro-cid-7erq6xay],.oklch-ramp[data-astro-cid-7erq6xay]{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.oklch-section-label[data-astro-cid-7erq6xay]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.oklch-section-hint[data-astro-cid-7erq6xay]{color:var(--color-fg-muted);font-weight:400}.oklch-swatch-row[data-astro-cid-7erq6xay]{display:flex;gap:var(--space-3);align-items:stretch;flex-wrap:wrap}.oklch-swatch[data-astro-cid-7erq6xay]{width:120px;height:120px;border:1px solid var(--color-border);border-radius:var(--radius);background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;position:relative;overflow:hidden}.oklch-swatch[data-astro-cid-7erq6xay]:after{content:"";position:absolute;inset:0;background:var(--swatch-color, #0d6efd)}.oklch-swatch-meta[data-astro-cid-7erq6xay]{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);font-family:var(--font-mono);font-size:.95rem}.oklch-swatch-hex[data-astro-cid-7erq6xay]{font-weight:600;color:var(--color-fg)}.oklch-swatch-rgb[data-astro-cid-7erq6xay],.oklch-swatch-alpha[data-astro-cid-7erq6xay]{color:var(--color-fg-muted);font-size:.85rem}.oklch-chips[data-astro-cid-7erq6xay]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.oklch-chip[data-astro-cid-7erq6xay]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:.9rem;background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background-color .12s linear,color .12s linear,border-color .12s linear}.oklch-chip[data-astro-cid-7erq6xay]:hover{background:var(--color-bg)}.oklch-chip[data-astro-cid-7erq6xay]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.oklch-chip-key[data-astro-cid-7erq6xay]{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em}.oklch-chip-val[data-astro-cid-7erq6xay]{font-weight:600}.oklch-editor-grid[data-astro-cid-7erq6xay]{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-3)}.oklch-editor-field[data-astro-cid-7erq6xay]{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius)}.oklch-editor-key[data-astro-cid-7erq6xay]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.oklch-editor-range[data-astro-cid-7erq6xay]{color:var(--color-fg-muted);font-weight:400;font-size:.85em}.oklch-editor-input[data-astro-cid-7erq6xay]{font-family:var(--font-mono);font-size:1rem;padding:var(--space-1) var(--space-2);background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);width:100%}.oklch-gamut[data-astro-cid-7erq6xay]{margin:0;font-size:var(--text-sm);color:var(--color-fg-muted);min-height:1.2em}.oklch-gamut[data-astro-cid-7erq6xay][data-state=warn]{color:var(--color-warning)}.oklch-ramp-strip[data-astro-cid-7erq6xay]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.oklch-ramp-cell[data-astro-cid-7erq6xay]{aspect-ratio:1 / 1;min-height:64px;border:1px solid var(--color-border);border-radius:var(--radius);background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;position:relative;overflow:hidden;cursor:pointer}.oklch-ramp-cell[data-astro-cid-7erq6xay]:after{content:"";position:absolute;inset:0;background:var(--cell-color, #000)}.oklch-ramp-cell-label[data-astro-cid-7erq6xay]{position:absolute;bottom:4px;left:6px;right:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--cell-label-color, #fff);text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.02em}.oklch-ramp-cell[data-astro-cid-7erq6xay]:hover{outline:2px solid var(--color-accent);outline-offset:2px}.oklch-ramp-cell[data-astro-cid-7erq6xay]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.oklch-help-block[data-astro-cid-7erq6xay]{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius)}.oklch-help-block[data-astro-cid-7erq6xay] summary[data-astro-cid-7erq6xay]{font-weight:600;cursor:pointer;color:var(--color-fg)}.oklch-help-block[data-astro-cid-7erq6xay] p[data-astro-cid-7erq6xay],.oklch-help-block[data-astro-cid-7erq6xay] ul[data-astro-cid-7erq6xay]{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-fg-muted)}.oklch-help-block[data-astro-cid-7erq6xay] ul[data-astro-cid-7erq6xay]{padding-left:1.4em}.oklch-help-block[data-astro-cid-7erq6xay] li[data-astro-cid-7erq6xay]{margin-bottom:.3em}.oklch-help-block[data-astro-cid-7erq6xay] code[data-astro-cid-7erq6xay]{font-family:var(--font-mono);font-size:.85em;padding:.05em .35em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px}.oklch-help-block[data-astro-cid-7erq6xay] a[data-astro-cid-7erq6xay]{color:var(--color-fg)}