.tool-header[data-astro-cid-wht276xq]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-wht276xq] h1[data-astro-cid-wht276xq]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-wht276xq] p[data-astro-cid-wht276xq]{color:var(--text-secondary)}.controls-card[data-astro-cid-wht276xq]{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.config-section[data-astro-cid-wht276xq]{margin-bottom:1.5rem}.config-section[data-astro-cid-wht276xq]:last-child{margin-bottom:0}.config-section-title[data-astro-cid-wht276xq]{font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.base-color-row[data-astro-cid-wht276xq]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.color-picker[data-astro-cid-wht276xq]{width:48px;height:48px;border:none;border-radius:8px;cursor:pointer;background:none;padding:0}.hex-input[data-astro-cid-wht276xq]{flex:1;min-width:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-family:monospace;font-size:1rem}.btn-secondary[data-astro-cid-wht276xq]{padding:.75rem 1.25rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s}.btn-secondary[data-astro-cid-wht276xq]:hover{background:var(--hover-bg)}.btn-primary[data-astro-cid-wht276xq]{padding:.75rem 1.25rem;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-primary[data-astro-cid-wht276xq]:hover{opacity:.9}.scheme-buttons[data-astro-cid-wht276xq]{display:flex;flex-wrap:wrap;gap:.5rem}.scheme-btn[data-astro-cid-wht276xq].active{background:var(--accent);color:#fff;border-color:var(--accent)}.export-section[data-astro-cid-wht276xq]{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.export-buttons[data-astro-cid-wht276xq]{display:flex;gap:.5rem;flex-wrap:wrap}.export-btn[data-astro-cid-wht276xq].active{background:var(--accent);color:#fff;border-color:var(--accent)}.copy-all-btn[data-astro-cid-wht276xq]{margin-left:auto}.palette-results[data-astro-cid-wht276xq]{margin-bottom:2rem}.palette-results[data-astro-cid-wht276xq] h2[data-astro-cid-wht276xq]{font-size:1.25rem;margin-bottom:.75rem}.palette-row[data-astro-cid-wht276xq]{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch[data-astro-cid-wht276xq]{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:transform .15s}.color-swatch[data-astro-cid-wht276xq]:hover{transform:translateY(-2px)}.color-block[data-astro-cid-wht276xq]{width:100%;height:100px}.color-label[data-astro-cid-wht276xq]{padding:.5rem;font-size:.75rem;font-family:monospace;background:var(--card-bg);width:100%;text-align:center}.color-hex[data-astro-cid-wht276xq]{padding:.25rem .5rem;font-size:.7rem;background:var(--card-bg);width:100%;text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary)}.color-hex[data-astro-cid-wht276xq].copied{color:var(--accent);font-weight:600}.preview-section[data-astro-cid-wht276xq]{margin-bottom:2rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.preview-section[data-astro-cid-wht276xq] h3[data-astro-cid-wht276xq]{font-size:1.25rem;margin-bottom:.75rem}.ui-preview[data-astro-cid-wht276xq]{padding:1rem;border-radius:8px;background:var(--bg-color)}.preview-card[data-astro-cid-wht276xq]{padding:1.5rem;border-radius:8px;background:#fff;color:#333}.preview-card[data-astro-cid-wht276xq] h4[data-astro-cid-wht276xq]{margin-bottom:.5rem}.preview-card[data-astro-cid-wht276xq] p[data-astro-cid-wht276xq]{margin-bottom:1rem;color:#666}.preview-btn[data-astro-cid-wht276xq]{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;color:#fff}.info-section[data-astro-cid-wht276xq]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.info-section[data-astro-cid-wht276xq] h2[data-astro-cid-wht276xq]{font-size:1.5rem;margin-bottom:1rem}.info-section[data-astro-cid-wht276xq] h3[data-astro-cid-wht276xq]{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.info-section[data-astro-cid-wht276xq] h4[data-astro-cid-wht276xq]{font-size:1rem;margin-top:1rem;margin-bottom:.5rem;color:var(--text-primary)}.info-section[data-astro-cid-wht276xq] p[data-astro-cid-wht276xq]{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.info-section[data-astro-cid-wht276xq] ul[data-astro-cid-wht276xq]{list-style:disc;padding-left:1.5rem;color:var(--text-secondary);line-height:1.8}@media(max-width:768px){.base-color-row[data-astro-cid-wht276xq]{flex-direction:column;align-items:stretch}.color-picker[data-astro-cid-wht276xq]{align-self:center}.copy-all-btn[data-astro-cid-wht276xq]{margin-left:0;width:100%}.export-section[data-astro-cid-wht276xq]{flex-direction:column;align-items:stretch}.scheme-buttons[data-astro-cid-wht276xq]{justify-content:center}.color-swatch[data-astro-cid-wht276xq]{min-width:60px}}