.tool-header[data-astro-cid-24ankuzg] h1[data-astro-cid-24ankuzg]{font-size:1.75rem;margin-bottom:.75rem}.tool-desc[data-astro-cid-24ankuzg]{color:var(--color-text-secondary);line-height:1.8;margin-bottom:2rem}.picker-section[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}#color-preview[data-astro-cid-24ankuzg]{width:120px;height:120px;border-radius:12px;border:1px solid var(--color-border);flex-shrink:0}#color-picker[data-astro-cid-24ankuzg]{width:60px;height:60px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none}#color-picker[data-astro-cid-24ankuzg]::-webkit-color-swatch-wrapper{padding:0}#color-picker[data-astro-cid-24ankuzg]::-webkit-color-swatch{border:1px solid var(--color-border);border-radius:8px}.input-section[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;gap:1.5rem}.color-field[data-astro-cid-24ankuzg]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1rem 1.25rem}.color-field[data-astro-cid-24ankuzg] label[data-astro-cid-24ankuzg]{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.field-row[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:.5rem}#hex-input[data-astro-cid-24ankuzg]{flex:1;max-width:200px;padding:.6rem .75rem;font-size:1rem;font-family:monospace;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;outline:none}#hex-input[data-astro-cid-24ankuzg]:focus{border-color:var(--color-primary)}.rgb-row[data-astro-cid-24ankuzg],.hsl-row[data-astro-cid-24ankuzg]{flex-wrap:wrap}.rgb-input-group[data-astro-cid-24ankuzg],.hsl-input-group[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:.25rem}.rgb-label[data-astro-cid-24ankuzg],.hsl-label[data-astro-cid-24ankuzg]{font-size:.8rem;font-weight:600;color:var(--color-text-muted);min-width:1rem}.rgb-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg],.hsl-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg]{width:70px;padding:.6rem .5rem;font-size:.95rem;font-family:monospace;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;outline:none;text-align:center}.rgb-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg]:focus,.hsl-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg]:focus{border-color:var(--color-primary)}.unit[data-astro-cid-24ankuzg]{font-size:.8rem;color:var(--color-text-muted)}.css-value[data-astro-cid-24ankuzg]{margin:.5rem 0 0;font-size:.85rem;font-family:monospace;color:var(--color-text-muted)}.copy-btn[data-astro-cid-24ankuzg]{padding:.5rem 1rem;font-size:.8rem;font-weight:600;color:#fff;background-color:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.copy-btn[data-astro-cid-24ankuzg]:hover{background-color:var(--color-primary-light)}.about-tool[data-astro-cid-24ankuzg]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.about-tool[data-astro-cid-24ankuzg] h2[data-astro-cid-24ankuzg]{font-size:1.125rem;margin-bottom:1rem}.about-tool[data-astro-cid-24ankuzg] h3[data-astro-cid-24ankuzg]{font-size:1rem;margin:1.5rem 0 .75rem}.about-tool[data-astro-cid-24ankuzg] p[data-astro-cid-24ankuzg]{color:var(--color-text-secondary);line-height:1.8;margin-bottom:1rem}.about-tool[data-astro-cid-24ankuzg] ul[data-astro-cid-24ankuzg]{padding-left:1.5rem;margin-bottom:1rem}.about-tool[data-astro-cid-24ankuzg] li[data-astro-cid-24ankuzg]{color:var(--color-text-secondary);line-height:1.8;margin-bottom:.25rem}@media(max-width:480px){.picker-section[data-astro-cid-24ankuzg]{flex-direction:column;align-items:flex-start}#color-preview[data-astro-cid-24ankuzg]{width:100%;height:80px}.field-row[data-astro-cid-24ankuzg]{flex-wrap:wrap}.rgb-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg],.hsl-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg]{width:60px}}@media(prefers-color-scheme:light){.tool-desc[data-astro-cid-24ankuzg],.about-tool[data-astro-cid-24ankuzg] p[data-astro-cid-24ankuzg],.about-tool[data-astro-cid-24ankuzg] li[data-astro-cid-24ankuzg]{color:var(--color-text-secondary-light)}.color-field[data-astro-cid-24ankuzg]{background-color:var(--color-surface-light);border-color:var(--color-border-light)}#hex-input[data-astro-cid-24ankuzg],.rgb-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg],.hsl-input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg]{background-color:var(--color-surface-light);border-color:var(--color-border-light);color:var(--color-text-light)}#color-preview[data-astro-cid-24ankuzg]{border-color:var(--color-border-light)}.copy-btn[data-astro-cid-24ankuzg]{background-color:var(--color-primary-light-mode)}.about-tool[data-astro-cid-24ankuzg]{border-top-color:var(--color-border-light)}}