.colorcode[data-astro-cid-o2nfm4vj]{max-width:720px;margin:0 auto}.page-title[data-astro-cid-o2nfm4vj]{font-size:1.5rem;font-weight:800;text-align:center;margin-bottom:.25rem}.page-desc[data-astro-cid-o2nfm4vj]{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.main-grid[data-astro-cid-o2nfm4vj]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.input-col[data-astro-cid-o2nfm4vj]{display:flex;flex-direction:column;gap:1rem}.picker-row[data-astro-cid-o2nfm4vj]{display:flex;align-items:center;gap:.75rem}.picker-label[data-astro-cid-o2nfm4vj]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}#color-picker[data-astro-cid-o2nfm4vj]{width:48px;height:48px;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:2px;background:transparent}#color-picker[data-astro-cid-o2nfm4vj]:hover{border-color:var(--brand)}.input-label[data-astro-cid-o2nfm4vj]{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:.25rem}.color-input[data-astro-cid-o2nfm4vj]{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text);transition:border-color .2s;font-family:Plus Jakarta Sans,monospace}.color-input[data-astro-cid-o2nfm4vj]:hover{border-color:var(--text-secondary)}.color-input[data-astro-cid-o2nfm4vj]:focus{outline:none;border-color:var(--brand)}.input-hint[data-astro-cid-o2nfm4vj]{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.opacity-row[data-astro-cid-o2nfm4vj]{display:flex;flex-direction:column;gap:.25rem}.opacity-row[data-astro-cid-o2nfm4vj] label[data-astro-cid-o2nfm4vj]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}#opacity-slider[data-astro-cid-o2nfm4vj]{width:100%;accent-color:var(--brand);cursor:pointer}#opacity-slider[data-astro-cid-o2nfm4vj]:hover{opacity:.8}.preview-col[data-astro-cid-o2nfm4vj]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-preview[data-astro-cid-o2nfm4vj]{width:100%;aspect-ratio:1;max-width:220px;border-radius:var(--radius);border:2px solid var(--border);position:relative;overflow:hidden}.checkerboard[data-astro-cid-o2nfm4vj]{position:absolute;inset:0;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}.preview-overlay[data-astro-cid-o2nfm4vj]{position:absolute;inset:0;background:var(--brand)}.color-name[data-astro-cid-o2nfm4vj]{font-size:.9rem;font-weight:600;color:var(--text);text-align:center}.section-title[data-astro-cid-o2nfm4vj]{font-size:1rem;font-weight:700;margin-bottom:.75rem}.result-section[data-astro-cid-o2nfm4vj]{margin-bottom:1.5rem}.result-cards[data-astro-cid-o2nfm4vj]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.result-card[data-astro-cid-o2nfm4vj]{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);gap:.5rem}.result-card[data-astro-cid-o2nfm4vj]:hover{border-color:var(--brand)}.result-card[data-astro-cid-o2nfm4vj] .label[data-astro-cid-o2nfm4vj]{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap}.result-card[data-astro-cid-o2nfm4vj] .value[data-astro-cid-o2nfm4vj]{font-size:.82rem;font-family:Plus Jakarta Sans,monospace;color:var(--text);flex:1;text-align:right;word-break:break-all}.copy-btn[data-astro-cid-o2nfm4vj]{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;font-size:.7rem;white-space:nowrap;transition:all .15s}.copy-btn[data-astro-cid-o2nfm4vj]:hover,.copy-btn[data-astro-cid-o2nfm4vj].copied{border-color:var(--brand);color:var(--brand)}.harmony-section[data-astro-cid-o2nfm4vj]{margin-bottom:2rem}.harmony-group[data-astro-cid-o2nfm4vj]{margin-bottom:1rem}.harmony-group[data-astro-cid-o2nfm4vj] h3[data-astro-cid-o2nfm4vj]{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.harmony-swatches[data-astro-cid-o2nfm4vj]{display:flex;gap:.5rem;flex-wrap:wrap}.harmony-swatch[data-astro-cid-o2nfm4vj]{width:56px;height:56px;border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;position:relative;transition:transform .15s}.harmony-swatch[data-astro-cid-o2nfm4vj]:hover{transform:scale(1.1)}.harmony-swatch[data-astro-cid-o2nfm4vj] .swatch-hex[data-astro-cid-o2nfm4vj]{position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--text-secondary);white-space:nowrap}.seo-content[data-astro-cid-o2nfm4vj]{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.seo-content[data-astro-cid-o2nfm4vj] h2[data-astro-cid-o2nfm4vj]{font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.seo-content[data-astro-cid-o2nfm4vj] h3[data-astro-cid-o2nfm4vj]{font-size:.95rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem}.seo-content[data-astro-cid-o2nfm4vj] p[data-astro-cid-o2nfm4vj],.seo-content[data-astro-cid-o2nfm4vj] li[data-astro-cid-o2nfm4vj]{font-size:.85rem;color:var(--text-secondary);line-height:1.7}.seo-content[data-astro-cid-o2nfm4vj] ul[data-astro-cid-o2nfm4vj]{padding-left:1.2rem}@media(max-width:640px){.main-grid[data-astro-cid-o2nfm4vj],.result-cards[data-astro-cid-o2nfm4vj]{grid-template-columns:1fr}.color-preview[data-astro-cid-o2nfm4vj]{max-width:160px}}