.colors[data-astro-cid-ojideimc]{display:flex;flex-direction:column;gap:2rem}.page-title[data-astro-cid-ojideimc]{font-size:1.5rem;font-weight:700}.page-desc[data-astro-cid-ojideimc]{margin-top:.5rem;color:var(--text-secondary)}.converter[data-astro-cid-ojideimc]{display:flex;flex-direction:column;gap:1.25rem}.preview-area[data-astro-cid-ojideimc]{display:flex;gap:1rem;align-items:center}.color-preview[data-astro-cid-ojideimc]{width:100%;height:80px;border-radius:var(--radius);border:1px solid var(--border)}.color-picker[data-astro-cid-ojideimc]{width:50px;height:50px;border:none;cursor:pointer;border-radius:8px;background:none}.input-group[data-astro-cid-ojideimc]{display:flex;flex-direction:column;gap:.35rem}.field-label[data-astro-cid-ojideimc]{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.copy-row[data-astro-cid-ojideimc]{display:flex;gap:.5rem}.code-input[data-astro-cid-ojideimc]{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;font-family:Courier New,monospace;font-size:.95rem;background:var(--bg);color:var(--text)}.code-input[data-astro-cid-ojideimc]:focus{outline:none;border-color:var(--brand)}.rgb-row[data-astro-cid-ojideimc]{display:flex;gap:.5rem;align-items:flex-end}.rgb-field[data-astro-cid-ojideimc]{display:flex;flex-direction:column;gap:.2rem;flex:1}.rgb-field[data-astro-cid-ojideimc] label[data-astro-cid-ojideimc]{font-size:.7rem;color:var(--text-secondary);font-weight:600}.num-input[data-astro-cid-ojideimc]{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;text-align:center;background:var(--bg);color:var(--text)}.num-input[data-astro-cid-ojideimc]:focus{outline:none;border-color:var(--brand)}.copy-btn[data-astro-cid-ojideimc]{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.copy-btn[data-astro-cid-ojideimc]:hover{border-color:var(--brand)}.section-label[data-astro-cid-ojideimc]{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.palette-grid[data-astro-cid-ojideimc]{display:flex;flex-wrap:wrap;gap:.5rem}.palette-swatch[data-astro-cid-ojideimc]{width:36px;height:36px;border-radius:6px;border:1px solid var(--border);cursor:pointer;transition:transform .1s}.palette-swatch[data-astro-cid-ojideimc]:hover{transform:scale(1.15)}.related-tools[data-astro-cid-ojideimc]{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border)}.related-title[data-astro-cid-ojideimc]{font-size:1rem;font-weight:600;margin-bottom:.75rem}.related-grid[data-astro-cid-ojideimc]{display:grid;gap:.5rem}.related-card[data-astro-cid-ojideimc]{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.related-link[data-astro-cid-ojideimc]:hover{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.related-icon[data-astro-cid-ojideimc]{font-size:1.5rem;flex-shrink:0}.related-card[data-astro-cid-ojideimc] h3[data-astro-cid-ojideimc]{font-size:.9rem;font-weight:600}.related-card[data-astro-cid-ojideimc] p[data-astro-cid-ojideimc]{font-size:.8rem;color:var(--text-secondary)}.seo-content[data-astro-cid-ojideimc]{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border);line-height:1.8;font-size:.9rem;color:var(--text-secondary)}.seo-content[data-astro-cid-ojideimc] h2[data-astro-cid-ojideimc]{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.seo-content[data-astro-cid-ojideimc] h3[data-astro-cid-ojideimc]{font-size:.95rem;font-weight:600;color:var(--text);margin-top:1.25rem;margin-bottom:.5rem}.seo-content[data-astro-cid-ojideimc] p[data-astro-cid-ojideimc]{margin-bottom:.75rem}.seo-content[data-astro-cid-ojideimc] ul[data-astro-cid-ojideimc]{padding-left:1.25rem;margin-bottom:.75rem}.seo-content[data-astro-cid-ojideimc] li[data-astro-cid-ojideimc]{margin-bottom:.4rem}.seo-content[data-astro-cid-ojideimc] strong[data-astro-cid-ojideimc]{color:var(--text)}.seo-content[data-astro-cid-ojideimc] code[data-astro-cid-ojideimc]{padding:.15rem .4rem;background:var(--bg-secondary);border-radius:3px;font-family:Courier New,monospace;font-size:.85em}@media(max-width:640px){.page-title[data-astro-cid-ojideimc]{font-size:1.25rem}}