.picker-row[data-astro-cid-ty6qrbgn]{display:flex;gap:var(--space-md);align-items:flex-end;margin-bottom:var(--space-md)}.picker-field[data-astro-cid-ty6qrbgn]{display:flex;flex-direction:column;gap:var(--space-xs)}.picker-field[data-astro-cid-ty6qrbgn] label[data-astro-cid-ty6qrbgn],.input-group[data-astro-cid-ty6qrbgn] legend[data-astro-cid-ty6qrbgn],.mini-field[data-astro-cid-ty6qrbgn] label[data-astro-cid-ty6qrbgn]{font-size:var(--font-small);color:var(--color-text-secondary);font-weight:500}.input-group[data-astro-cid-ty6qrbgn]{border:none;padding:0;margin:0}.input-group[data-astro-cid-ty6qrbgn] legend[data-astro-cid-ty6qrbgn]{padding:0;margin-bottom:var(--space-xs)}.color-input[data-astro-cid-ty6qrbgn]{width:64px;height:48px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.color-input[data-astro-cid-ty6qrbgn]::-webkit-color-swatch-wrapper{padding:2px}.color-input[data-astro-cid-ty6qrbgn]::-webkit-color-swatch{border:none;border-radius:2px}.color-input[data-astro-cid-ty6qrbgn]::-moz-color-swatch{border:none;border-radius:2px}.text-input[data-astro-cid-ty6qrbgn]{min-height:48px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);font-size:1rem;font-family:Inter,sans-serif;font-variant-numeric:tabular-nums}.text-input[data-astro-cid-ty6qrbgn]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.rgb-hsl-row[data-astro-cid-ty6qrbgn]{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.triple-input[data-astro-cid-ty6qrbgn]{display:flex;gap:var(--space-sm)}.mini-field[data-astro-cid-ty6qrbgn]{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.mini-field[data-astro-cid-ty6qrbgn] .text-input[data-astro-cid-ty6qrbgn]{width:100%}.preview-section[data-astro-cid-ty6qrbgn]{margin:var(--space-lg) 0}.preview-swatch[data-astro-cid-ty6qrbgn]{width:100%;max-width:240px;height:200px;border-radius:var(--radius-md);border:1px solid var(--color-border);transition:background-color .15s}.harmonies-section[data-astro-cid-ty6qrbgn]{margin-bottom:var(--space-lg)}.section-heading[data-astro-cid-ty6qrbgn]{font-size:var(--font-h3);color:var(--color-text);margin:0 0 var(--space-md)}.harmony-group[data-astro-cid-ty6qrbgn]{margin-bottom:var(--space-md)}.harmony-title[data-astro-cid-ty6qrbgn]{font-size:var(--font-small);color:var(--color-text-secondary);font-weight:600;margin:0 0 var(--space-xs)}.harmony-row[data-astro-cid-ty6qrbgn]{display:flex;gap:var(--space-sm)}.harmony-swatch[data-astro-cid-ty6qrbgn]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;transition:border-color .15s}.harmony-swatch[data-astro-cid-ty6qrbgn]:hover{border-color:var(--color-primary)}.harmony-swatch[data-astro-cid-ty6qrbgn]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.harmony-color[data-astro-cid-ty6qrbgn]{width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.harmony-label[data-astro-cid-ty6qrbgn]{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text);font-family:Inter,monospace}.css-section[data-astro-cid-ty6qrbgn]{margin-bottom:var(--space-lg)}.css-code-block[data-astro-cid-ty6qrbgn]{position:relative;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md)}.css-code-block[data-astro-cid-ty6qrbgn] pre[data-astro-cid-ty6qrbgn]{margin:0;overflow-x:auto}.css-code-block[data-astro-cid-ty6qrbgn] code[data-astro-cid-ty6qrbgn]{font-family:Courier New,Courier,monospace;font-size:.9rem;color:var(--color-text);white-space:pre}.copy-css-btn[data-astro-cid-ty6qrbgn]{position:absolute;top:var(--space-sm);right:var(--space-sm)}.breakdown-section[data-astro-cid-ty6qrbgn]{margin-bottom:var(--space-md)}.breakdown-table[data-astro-cid-ty6qrbgn]{width:100%;border-collapse:collapse}.breakdown-table[data-astro-cid-ty6qrbgn] td[data-astro-cid-ty6qrbgn]{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:.95rem}.breakdown-label[data-astro-cid-ty6qrbgn]{font-weight:600;color:var(--color-text-secondary);width:60px}.breakdown-value[data-astro-cid-ty6qrbgn]{font-family:Inter,monospace;font-variant-numeric:tabular-nums;color:var(--color-text)}@media(max-width:640px){.picker-row[data-astro-cid-ty6qrbgn]{flex-direction:column;align-items:stretch}.color-input[data-astro-cid-ty6qrbgn]{width:100%}.rgb-hsl-row[data-astro-cid-ty6qrbgn]{flex-direction:column;gap:var(--space-md)}.preview-swatch[data-astro-cid-ty6qrbgn]{max-width:100%;height:160px}.harmony-row[data-astro-cid-ty6qrbgn]{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.preview-swatch[data-astro-cid-ty6qrbgn],.harmony-swatch[data-astro-cid-ty6qrbgn]{transition:none}}