.palette-tool[data-astro-cid-sukmydjo]{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease-out}.page-title[data-astro-cid-sukmydjo]{font-size:1.5rem;font-weight:700}.page-desc[data-astro-cid-sukmydjo]{margin-top:.5rem;color:var(--text-secondary)}.section[data-astro-cid-sukmydjo]{display:flex;flex-direction:column;gap:.75rem}.section-title[data-astro-cid-sukmydjo]{font-size:1rem;font-weight:600}.section-desc[data-astro-cid-sukmydjo]{font-size:.85rem;color:var(--text-secondary);margin-top:-.25rem}.color-input-row[data-astro-cid-sukmydjo]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.color-picker-wrap[data-astro-cid-sukmydjo]{position:relative;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border);flex-shrink:0;transition:border-color var(--transition)}.color-picker-wrap[data-astro-cid-sukmydjo]:hover{border-color:var(--brand)}.color-picker[data-astro-cid-sukmydjo]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;cursor:pointer;background:none;padding:0}.color-picker[data-astro-cid-sukmydjo]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-astro-cid-sukmydjo]::-webkit-color-swatch{border:none;border-radius:0}.color-picker[data-astro-cid-sukmydjo]::-moz-color-swatch{border:none;border-radius:0}.hex-input-wrap[data-astro-cid-sukmydjo]{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:0 .75rem;height:44px;transition:border-color var(--transition)}.hex-input-wrap[data-astro-cid-sukmydjo]:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.hex-prefix[data-astro-cid-sukmydjo]{font-family:SF Mono,Fira Code,monospace;font-size:.95rem;color:var(--text-tertiary);user-select:none}.hex-input[data-astro-cid-sukmydjo]{border:none;background:none;font-family:SF Mono,Fira Code,monospace;font-size:.95rem;color:var(--text);width:7ch;outline:none;text-transform:uppercase}.btn[data-astro-cid-sukmydjo]{padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap}.btn[data-astro-cid-sukmydjo]:hover{opacity:.85;transform:translateY(-1px)}.btn-primary[data-astro-cid-sukmydjo]{background:var(--brand);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 25%,transparent)}.btn-secondary[data-astro-cid-sukmydjo]{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.mode-tabs[data-astro-cid-sukmydjo]{display:flex;gap:.5rem;flex-wrap:wrap}.mode-tab[data-astro-cid-sukmydjo]{padding:.5rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.mode-tab[data-astro-cid-sukmydjo]:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.mode-tab[data-astro-cid-sukmydjo].active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 30%,transparent)}.palette-cards[data-astro-cid-sukmydjo]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.color-card[data-astro-cid-sukmydjo]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.color-card[data-astro-cid-sukmydjo]:hover{box-shadow:var(--shadow-md)}.color-swatch[data-astro-cid-sukmydjo]{height:120px;display:flex;align-items:flex-end;padding:.75rem}.swatch-label[data-astro-cid-sukmydjo]{background:#ffffffe6;color:#000000b3;padding:.2rem .6rem;border-radius:6px;font-size:.72rem;font-weight:600;backdrop-filter:blur(4px);letter-spacing:.02em}.color-info[data-astro-cid-sukmydjo]{padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.color-value-row[data-astro-cid-sukmydjo]{display:flex;align-items:center;gap:.5rem}.color-format-label[data-astro-cid-sukmydjo]{font-size:.65rem;font-weight:700;color:var(--text-tertiary);width:2.2rem;flex-shrink:0;text-transform:uppercase}.color-value[data-astro-cid-sukmydjo]{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-mini[data-astro-cid-sukmydjo]{background:none;border:1px solid transparent;color:var(--text-tertiary);cursor:pointer;padding:3px;border-radius:5px;display:flex;align-items:center;transition:all var(--transition);flex-shrink:0}.copy-mini[data-astro-cid-sukmydjo]:hover{color:var(--brand);background:var(--brand-light);border-color:color-mix(in srgb,var(--brand) 20%,transparent)}.copy-mini[data-astro-cid-sukmydjo].copied{color:var(--brand)}.preview-area[data-astro-cid-sukmydjo]{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.preview-card[data-astro-cid-sukmydjo]{display:flex;flex-direction:column}.preview-header[data-astro-cid-sukmydjo]{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;transition:all .3s ease}.preview-logo[data-astro-cid-sukmydjo]{font-weight:700;font-size:.95rem}.preview-nav[data-astro-cid-sukmydjo]{display:flex;gap:1.25rem;font-size:.8rem;opacity:.85}.preview-body[data-astro-cid-sukmydjo]{padding:2rem 1.5rem;transition:all .3s ease}.preview-heading[data-astro-cid-sukmydjo]{font-size:1.2rem;font-weight:700;margin-bottom:.6rem;transition:color .3s ease}.preview-text[data-astro-cid-sukmydjo]{font-size:.85rem;line-height:1.7;margin-bottom:1.25rem;transition:color .3s ease}.preview-button[data-astro-cid-sukmydjo]{padding:.6rem 1.75rem;border:none;border-radius:999px;font-weight:600;font-size:.85rem;cursor:default;transition:all .3s ease}.vision-grid[data-astro-cid-sukmydjo]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.vision-col[data-astro-cid-sukmydjo]{display:flex;flex-direction:column;gap:.5rem}.vision-label[data-astro-cid-sukmydjo]{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.vision-swatches[data-astro-cid-sukmydjo]{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.vision-swatches[data-astro-cid-sukmydjo] .vision-swatch{padding:.6rem .75rem;font-family:SF Mono,Fira Code,monospace;font-size:.72rem;font-weight:500;text-align:center}.export-tabs[data-astro-cid-sukmydjo]{display:flex;gap:.35rem}.export-tab[data-astro-cid-sukmydjo]{padding:.4rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.export-tab[data-astro-cid-sukmydjo]:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.export-tab[data-astro-cid-sukmydjo].active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 30%,transparent)}.export-output-wrap[data-astro-cid-sukmydjo]{position:relative}.export-output[data-astro-cid-sukmydjo]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6;color:var(--text);overflow-x:auto;white-space:pre;margin:0}.export-copy-btn[data-astro-cid-sukmydjo]{position:absolute;top:.5rem;right:.5rem;padding:.35rem .85rem;font-size:.78rem}.seo-content[data-astro-cid-sukmydjo]{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-sukmydjo] h2[data-astro-cid-sukmydjo]{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.seo-content[data-astro-cid-sukmydjo] h3[data-astro-cid-sukmydjo]{font-size:.95rem;font-weight:600;color:var(--text);margin-top:1.25rem;margin-bottom:.5rem}.seo-content[data-astro-cid-sukmydjo] p[data-astro-cid-sukmydjo]{margin-bottom:.75rem}.seo-content[data-astro-cid-sukmydjo] ul[data-astro-cid-sukmydjo]{padding-left:1.25rem;margin-bottom:.75rem}.seo-content[data-astro-cid-sukmydjo] li[data-astro-cid-sukmydjo]{margin-bottom:.4rem}.seo-content[data-astro-cid-sukmydjo] strong[data-astro-cid-sukmydjo]{color:var(--text)}@media(max-width:640px){.page-title[data-astro-cid-sukmydjo]{font-size:1.25rem}.palette-cards[data-astro-cid-sukmydjo]{grid-template-columns:repeat(2,1fr);gap:.75rem}.color-swatch[data-astro-cid-sukmydjo]{height:90px}.vision-grid[data-astro-cid-sukmydjo]{grid-template-columns:1fr}.mode-tab[data-astro-cid-sukmydjo]{padding:.4rem .75rem;font-size:.78rem}.preview-nav[data-astro-cid-sukmydjo]{display:none}}