.hc-controls[data-astro-cid-c7ifckxs]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.25rem 1.5rem;margin:1rem 0 1.25rem;padding:.85rem 1rem;border:1px solid var(--color-border, #d6c8b0);border-radius:8px;background:var(--color-bg-elevated, #fbf6ea)}.hc-mode[data-astro-cid-c7ifckxs]{display:flex;flex-direction:column;gap:.35rem}.hc-mode-label[data-astro-cid-c7ifckxs],.hc-label[data-astro-cid-c7ifckxs],.hc-free-label[data-astro-cid-c7ifckxs]{font-size:.78rem;color:var(--color-fg-muted, #6b5a45);letter-spacing:.04em;text-transform:uppercase}.hc-mode-group[data-astro-cid-c7ifckxs]{display:inline-flex;border:1px solid var(--color-border, #d6c8b0);border-radius:6px;overflow:hidden}.hc-mode-btn[data-astro-cid-c7ifckxs]{font:inherit;padding:.35rem .85rem;border:0;background:transparent;color:var(--color-fg, #2b2118);cursor:pointer}.hc-mode-btn[data-astro-cid-c7ifckxs]+.hc-mode-btn[data-astro-cid-c7ifckxs]{border-left:1px solid var(--color-border, #d6c8b0)}.hc-mode-active[data-astro-cid-c7ifckxs]{background:var(--color-accent, #8a5a2b);color:var(--color-accent-fg, #fff)}.hc-fields[data-astro-cid-c7ifckxs]{display:flex;align-items:flex-end;gap:.4rem}.hc-field[data-astro-cid-c7ifckxs]{display:flex;flex-direction:column;gap:.3rem}.hc-field[data-astro-cid-c7ifckxs] input[data-astro-cid-c7ifckxs]{font:inherit;font-family:var(--font-mono, ui-monospace, monospace);width:4.5rem;padding:.4rem .5rem;border:1px solid var(--color-border, #d6c8b0);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-fg, #2b2118);text-align:center}.hc-field[data-astro-cid-c7ifckxs] input[data-astro-cid-c7ifckxs]:focus{outline:2px solid var(--color-accent, #8a5a2b);outline-offset:1px}.hc-sep[data-astro-cid-c7ifckxs]{font-family:var(--font-mono, ui-monospace, monospace);font-size:1.4rem;color:var(--color-fg-muted, #6b5a45);padding-bottom:.4rem}.hc-free[data-astro-cid-c7ifckxs]{display:flex;flex-direction:column;gap:.3rem;flex:1 1 16rem;min-width:16rem}.hc-free-input[data-astro-cid-c7ifckxs]{font:inherit;font-family:var(--font-mono, ui-monospace, monospace);padding:.4rem .5rem;border:1px solid var(--color-border, #d6c8b0);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-fg, #2b2118);width:100%}.hc-free-input[data-astro-cid-c7ifckxs]:focus{outline:2px solid var(--color-accent, #8a5a2b);outline-offset:1px}.hc-free-status[data-astro-cid-c7ifckxs]{font-size:.78rem;color:var(--color-fg-muted, #6b5a45);min-height:1em}.hc-free-status-error[data-astro-cid-c7ifckxs]{color:var(--color-danger, #b00020)}.hc-actions[data-astro-cid-c7ifckxs]{display:flex;gap:.45rem;margin-left:auto}.hc-btn[data-astro-cid-c7ifckxs]{font:inherit;padding:.42rem .9rem;border:1px solid var(--color-border, #d6c8b0);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-fg, #2b2118);cursor:pointer}.hc-btn[data-astro-cid-c7ifckxs]:hover{background:#8a5a2b0f}.hc-btn[data-astro-cid-c7ifckxs]:disabled{opacity:.5;cursor:not-allowed}.hc-section[data-astro-cid-c7ifckxs]{margin:1.25rem 0}.hc-h2[data-astro-cid-c7ifckxs]{font-size:1.05rem;margin:0 0 .45rem;color:var(--color-fg, #2b2118)}.hc-section-note[data-astro-cid-c7ifckxs]{margin:0 0 .6rem;color:var(--color-fg-muted, #6b5a45);font-size:.9rem}.hc-swatch-wrap[data-astro-cid-c7ifckxs]{margin:.5rem 0 0}.hc-swatch[data-astro-cid-c7ifckxs]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;min-height:9rem;padding:1.5rem 1rem;border-radius:10px;border:1px solid var(--color-border, #d6c8b0);background:#000;color:#fff;transition:background-color .2s linear,color .2s linear}.hc-swatch-time[data-astro-cid-c7ifckxs]{font-family:var(--font-mono, ui-monospace, monospace);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;letter-spacing:.04em}.hc-swatch-hex[data-astro-cid-c7ifckxs]{font-family:var(--font-mono, ui-monospace, monospace);font-size:1.1rem;letter-spacing:.04em}.hc-readouts[data-astro-cid-c7ifckxs]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem .85rem;margin:0}.hc-readout[data-astro-cid-c7ifckxs]{border:1px solid var(--color-border, #d6c8b0);border-radius:6px;padding:.55rem .75rem;background:var(--color-bg-elevated, #fbf6ea)}.hc-readout[data-astro-cid-c7ifckxs] dt[data-astro-cid-c7ifckxs]{font-size:.78rem;color:var(--color-fg-muted, #6b5a45);letter-spacing:.04em;text-transform:uppercase}.hc-readout[data-astro-cid-c7ifckxs] dd[data-astro-cid-c7ifckxs]{margin:.15rem 0 0;font-family:var(--font-mono, ui-monospace, monospace);color:var(--color-fg, #2b2118);font-size:1.05rem}.hc-readouts-extra[data-astro-cid-c7ifckxs]{margin-top:.85rem}.hc-channel-grid[data-astro-cid-c7ifckxs]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.45rem .85rem;margin:0 0 .5rem}.hc-channel[data-astro-cid-c7ifckxs]{display:grid;grid-template-columns:1.4rem 1fr 4rem;align-items:center;gap:.55rem}.hc-channel-label[data-astro-cid-c7ifckxs]{font-family:var(--font-mono, ui-monospace, monospace);color:var(--color-fg-muted, #6b5a45);font-size:.85rem}.hc-channel-bar[data-astro-cid-c7ifckxs]{display:block;height:.55rem;background:var(--color-bg-sunken, #f0e8d4);border:1px solid var(--color-border, #d6c8b0);border-radius:4px;overflow:hidden}.hc-channel-bar-hue[data-astro-cid-c7ifckxs]{background:linear-gradient(to right,#e61919,#e6e619,#19e619,#19e6e6,#1919e6,#e619e6,#e61919)}.hc-channel-fill[data-astro-cid-c7ifckxs]{display:block;height:100%;background:var(--color-accent, #8a5a2b);transition:width .12s linear}.hc-channel-bar-hue[data-astro-cid-c7ifckxs] .hc-channel-fill-hue[data-astro-cid-c7ifckxs]{display:block;height:100%;background:#0006;width:0;transition:width .12s linear}.hc-channel-val[data-astro-cid-c7ifckxs]{font-family:var(--font-mono, ui-monospace, monospace);color:var(--color-fg, #2b2118);font-size:.92rem;text-align:right}.hc-presets[data-astro-cid-c7ifckxs]{display:flex;flex-wrap:wrap;gap:.45rem .5rem}.hc-preset[data-astro-cid-c7ifckxs]{font:inherit;font-family:var(--font-mono, ui-monospace, monospace);display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem .4rem .4rem;border:1px solid var(--color-border, #d6c8b0);border-radius:6px;background:var(--color-bg, #fff);color:var(--color-fg, #2b2118);cursor:pointer}.hc-preset[data-astro-cid-c7ifckxs]:hover{background:#8a5a2b0f}.hc-preset-swatch[data-astro-cid-c7ifckxs]{display:inline-block;width:1.4rem;height:1.4rem;border-radius:4px;border:1px solid var(--color-border, #d6c8b0)}.hc-aside[data-astro-cid-c7ifckxs]{margin:1.5rem 0 0;color:var(--color-fg-muted, #6b5a45);font-size:.92rem;line-height:1.6}.hc-aside[data-astro-cid-c7ifckxs] code[data-astro-cid-c7ifckxs]{font-family:var(--font-mono, ui-monospace, monospace);background:var(--color-bg-elevated, #fbf6ea);padding:.05rem .3rem;border-radius:3px}