.krgb-section[data-astro-cid-eiouj2f5]{margin-top:var(--space-4)}.krgb-input-head[data-astro-cid-eiouj2f5],.krgb-presets-head[data-astro-cid-eiouj2f5]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.krgb-label[data-astro-cid-eiouj2f5]{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.krgb-hint[data-astro-cid-eiouj2f5]{font-weight:400;color:var(--color-fg-muted);font-size:var(--text-sm)}.krgb-cue[data-astro-cid-eiouj2f5]{font-size:var(--text-sm);color:var(--color-fg-muted);font-family:var(--font-mono)}.krgb-clamp[data-astro-cid-eiouj2f5]{font-size:var(--text-xs);font-weight:600;padding:.15em .5em;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-code-bg);color:var(--color-fg);text-transform:uppercase;letter-spacing:.05em}.krgb-row[data-astro-cid-eiouj2f5]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.krgb-slider[data-astro-cid-eiouj2f5]{flex:1 1 320px;min-width:200px;accent-color:var(--color-accent)}.krgb-input-wrap[data-astro-cid-eiouj2f5]{position:relative;display:inline-flex;align-items:center}.krgb-number[data-astro-cid-eiouj2f5]{width:7rem;padding:var(--space-2) var(--space-3);padding-right:2rem;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);text-align:right}.krgb-number[data-astro-cid-eiouj2f5]:focus-visible,.krgb-slider[data-astro-cid-eiouj2f5]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.krgb-unit[data-astro-cid-eiouj2f5]{position:absolute;right:.65rem;font-size:.85rem;color:var(--color-fg-muted);font-family:var(--font-mono);pointer-events:none}.krgb-track[data-astro-cid-eiouj2f5]{position:relative;height:1.2em;margin-top:var(--space-2)}.krgb-tick[data-astro-cid-eiouj2f5]{position:absolute;top:0;transform:translate(-50%);font-size:var(--text-xs);color:var(--color-fg-muted);font-family:var(--font-mono)}.krgb-presets[data-astro-cid-eiouj2f5]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.krgb-preset[data-astro-cid-eiouj2f5]{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .6rem .35rem .4rem;background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;transition:background-color .12s linear,color .12s linear,border-color .12s linear}.krgb-preset[data-astro-cid-eiouj2f5]:hover{background:var(--color-bg)}.krgb-preset[data-astro-cid-eiouj2f5][aria-pressed=true]{border-color:var(--color-accent);background:var(--color-bg)}.krgb-preset[data-astro-cid-eiouj2f5]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.krgb-preset-swatch[data-astro-cid-eiouj2f5]{width:1.1em;height:1.1em;border:1px solid var(--color-border);border-radius:3px;flex-shrink:0}.krgb-preset-k[data-astro-cid-eiouj2f5]{font-family:var(--font-mono);color:var(--color-fg-muted);font-size:.85em}.krgb-scene[data-astro-cid-eiouj2f5]{position:relative;width:100%;height:220px;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-bg-elevated)}.krgb-scene-fill[data-astro-cid-eiouj2f5]{position:absolute;inset:0;background:#fff;transition:background-color 80ms linear}.krgb-scene-objects[data-astro-cid-eiouj2f5]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3)}.krgb-scene-shape[data-astro-cid-eiouj2f5]{width:64px;height:64px;background:#fff;box-shadow:0 1px 2px #00000014;transition:background-color 80ms linear}.krgb-scene-circle[data-astro-cid-eiouj2f5]{border-radius:50%}.krgb-scene-square[data-astro-cid-eiouj2f5]{border-radius:6px}.krgb-scene-triangle[data-astro-cid-eiouj2f5]{background:transparent!important;width:0;height:0;border-left:32px solid transparent;border-right:32px solid transparent;border-bottom:56px solid #ffffff;box-shadow:none}.krgb-scene-band[data-astro-cid-eiouj2f5]{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;height:28px}.krgb-scene-band-cell[data-astro-cid-eiouj2f5]{background:#1a1a1a;transition:background-color 80ms linear}.krgb-scene-band-cell[data-astro-cid-eiouj2f5][data-warm]{background:#ff8a3d}.krgb-scene-band-cell[data-astro-cid-eiouj2f5][data-cool]{background:#6da3ff}.krgb-chips[data-astro-cid-eiouj2f5]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.krgb-chip[data-astro-cid-eiouj2f5]{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}.krgb-chip[data-astro-cid-eiouj2f5]:hover{background:var(--color-bg)}.krgb-chip[data-astro-cid-eiouj2f5]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.krgb-chip-key[data-astro-cid-eiouj2f5]{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em}.krgb-chip-val[data-astro-cid-eiouj2f5]{font-weight:600}.krgb-status[data-astro-cid-eiouj2f5]{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-fg-muted);min-height:1.2em}.krgb-help-block[data-astro-cid-eiouj2f5]{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius)}.krgb-help-block[data-astro-cid-eiouj2f5] summary[data-astro-cid-eiouj2f5]{font-weight:600;cursor:pointer;color:var(--color-fg)}.krgb-help-block[data-astro-cid-eiouj2f5] ul[data-astro-cid-eiouj2f5]{margin:var(--space-2) 0 0;padding-left:1.4em;font-size:var(--text-sm);color:var(--color-fg-muted)}.krgb-help-block[data-astro-cid-eiouj2f5] li[data-astro-cid-eiouj2f5]{margin-bottom:.4em}.krgb-help-block[data-astro-cid-eiouj2f5] code[data-astro-cid-eiouj2f5]{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}