.upload-section[data-astro-cid-rkzg2v7x]{margin-bottom:2rem}.dropzone[data-astro-cid-rkzg2v7x]{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:var(--bg-tool)}.dropzone[data-astro-cid-rkzg2v7x]:hover{border-color:var(--accent-primary);background-color:#e85d3a0d}.dropzone[data-astro-cid-rkzg2v7x].dragover{border-color:var(--accent-primary);background-color:var(--accent-primary-light);transform:scale(1.02)}.upload-icon[data-astro-cid-rkzg2v7x]{color:var(--accent-primary);margin-bottom:1rem}.dropzone[data-astro-cid-rkzg2v7x] p[data-astro-cid-rkzg2v7x]{color:var(--text-secondary);margin:0}.preview-container[data-astro-cid-rkzg2v7x]{margin:2rem 0;padding:1.5rem;background-color:var(--bg-tool);border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:center}.preview-img[data-astro-cid-rkzg2v7x]{max-width:100%;max-height:300px;border-radius:var(--radius-md);margin-top:1rem}.palette-grid[data-astro-cid-rkzg2v7x]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;margin:2rem 0}.color-item[data-astro-cid-rkzg2v7x]{background-color:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease}.color-item[data-astro-cid-rkzg2v7x]:hover{border-color:var(--accent-primary);box-shadow:0 0 12px #e85d3a33}.color-swatch[data-astro-cid-rkzg2v7x]{width:100%;height:120px;border-bottom:1px solid var(--border-color)}.color-info[data-astro-cid-rkzg2v7x]{padding:1rem}.color-hex[data-astro-cid-rkzg2v7x]{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .3rem}.color-rgb[data-astro-cid-rkzg2v7x]{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary);margin:0 0 .5rem}.btn-copy-color[data-astro-cid-rkzg2v7x]{background-color:var(--accent-secondary);color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s ease;width:100%}.btn-copy-color[data-astro-cid-rkzg2v7x]:hover{background-color:#0d8db8}.harmony-section[data-astro-cid-rkzg2v7x]{margin:3rem 0}.harmony-palette[data-astro-cid-rkzg2v7x]{margin-bottom:2.5rem;padding:1.5rem;background-color:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md)}.harmony-title[data-astro-cid-rkzg2v7x]{margin-bottom:1rem}.harmony-title[data-astro-cid-rkzg2v7x] h4[data-astro-cid-rkzg2v7x]{margin:0 0 .3rem;color:var(--text-primary);font-size:1rem}.harmony-title[data-astro-cid-rkzg2v7x] p[data-astro-cid-rkzg2v7x]{margin:0;color:var(--text-secondary);font-size:.875rem}.palette-grid-small[data-astro-cid-rkzg2v7x]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin:1rem 0}.color-item-small[data-astro-cid-rkzg2v7x]{text-align:center}.color-swatch-small[data-astro-cid-rkzg2v7x]{width:100%;height:80px;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:.5rem;cursor:pointer;transition:all .3s ease}.color-swatch-small[data-astro-cid-rkzg2v7x]:hover{transform:scale(1.05);box-shadow:0 0 8px #e85d3a4d}.color-hex-small[data-astro-cid-rkzg2v7x]{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;color:var(--text-primary);margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.btn-copy[data-astro-cid-rkzg2v7x]{background-color:var(--accent-secondary);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s ease;width:100%;margin-top:1rem}.btn-copy[data-astro-cid-rkzg2v7x]:hover{background-color:#0d8db8}.code-section[data-astro-cid-rkzg2v7x]{margin:2rem 0;padding:1.5rem;background-color:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md)}.code-header[data-astro-cid-rkzg2v7x]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.code-header[data-astro-cid-rkzg2v7x] h4[data-astro-cid-rkzg2v7x]{margin:0;font-size:1rem;color:var(--text-primary)}.copy-btn[data-astro-cid-rkzg2v7x]{background-color:var(--accent-secondary);color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .3s ease}.copy-btn[data-astro-cid-rkzg2v7x]:hover{background-color:#0d8db8}.code-block[data-astro-cid-rkzg2v7x]{background-color:var(--bg-primary);color:var(--text-primary);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.875rem;line-height:1.5;margin:0;font-family:JetBrains Mono,monospace}.code-block[data-astro-cid-rkzg2v7x] code[data-astro-cid-rkzg2v7x]{color:var(--text-primary)}.seo-content[data-astro-cid-rkzg2v7x] ul[data-astro-cid-rkzg2v7x]{list-style:disc;padding-left:2rem}.seo-content[data-astro-cid-rkzg2v7x] ul[data-astro-cid-rkzg2v7x] li[data-astro-cid-rkzg2v7x]{margin-bottom:.5rem;color:var(--text-primary)}.faq[data-astro-cid-rkzg2v7x]{margin-top:2rem}.faq-item[data-astro-cid-rkzg2v7x]{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.faq-item[data-astro-cid-rkzg2v7x]:last-child{border-bottom:none}.faq-item[data-astro-cid-rkzg2v7x] h4[data-astro-cid-rkzg2v7x]{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem}.faq-item[data-astro-cid-rkzg2v7x] p[data-astro-cid-rkzg2v7x]{color:var(--text-secondary);margin:0;line-height:1.6}@media(max-width:768px){.palette-grid[data-astro-cid-rkzg2v7x]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.palette-grid-small[data-astro-cid-rkzg2v7x]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.code-header[data-astro-cid-rkzg2v7x]{flex-direction:column;align-items:flex-start;gap:.5rem}.copy-btn[data-astro-cid-rkzg2v7x]{align-self:flex-start}}