.palette-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:32px 0}.palette-hero h1{letter-spacing:-.048em;margin-bottom:20px;font-size:clamp(40px,4.65vw,66px);font-weight:800;line-height:1.02}.palette-hero h1 span{color:var(--silver-violet)}.palette-hero p{color:var(--silver-muted);font-size:18px}.palette-body{padding-top:32px;padding-bottom:44px}.palette-workspace{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.palette-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.palette-panel h2{margin-bottom:12px;font-size:22px}.palette-help{color:var(--silver-muted);overflow-wrap:anywhere;margin:8px 0 16px;font-size:14px}.palette-label{margin:18px 0 8px;font-size:15px;font-weight:650;display:block}.palette-panel input,.palette-panel select,.palette-panel textarea{width:100%;min-height:44px;font:inherit;color:var(--silver-ink)}.palette-panel input[type=number],.palette-panel select,.palette-panel textarea{background:#fff;border:1px solid #858ba3;border-radius:5px;padding:10px 12px}.palette-panel textarea{resize:vertical;font-family:monospace}.palette-panel fieldset{border:0;margin:0;padding:0}.palette-panel input.sr-only{width:1px;min-height:0}.palette-choose,.palette-quiet,.palette-primary{min-height:44px;color:var(--silver-violet-text);font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.palette-choose{padding-inline:24px}.palette-choose,.palette-primary{background:var(--silver-violet);color:#fff;border-color:var(--silver-violet)}.palette-choose:hover{background:var(--silver-violet-hover)}[data-loaded]>.palette-choose{color:var(--silver-violet-text);background:#fff;border-color:#858ba3}[data-loaded]>.palette-choose:hover{background:var(--silver-panel)}#palette-file:focus-visible+.palette-choose{outline:3px solid var(--silver-violet-text);outline-offset:5px}#palette-file:disabled+.palette-choose,.palette-primary:disabled,.palette-quiet:disabled{background:var(--silver-line);border-color:var(--silver-line);color:var(--silver-muted);cursor:not-allowed;opacity:1}.palette-primary:hover:enabled{background:var(--silver-violet-hover)}.palette-quiet:hover:enabled{background:var(--silver-panel)}.palette-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.palette-preview{border:1px solid var(--silver-line);background:repeating-conic-gradient(#e5e7ee 0% 25%,#f8f8fc 0% 50%) 50%/20px 20px;border-radius:8px;place-items:center;min-height:240px;padding:12px;display:grid}.palette-preview p{color:var(--silver-muted);text-align:center;background:#fff;padding:12px}.palette-preview img{object-fit:contain;max-width:100%;max-height:340px;display:block}.palette-panel [hidden]{display:none}#palette-status{color:var(--silver-muted);margin-top:20px}#palette-error{color:var(--silver-error);margin-top:12px}.palette-results{margin-top:24px}.palette-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.palette-result-heading .palette-actions{margin-top:0}.palette-swatches{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.palette-swatches li{border:1px solid var(--silver-line);border-radius:5px;padding:10px}.palette-color{border:1px solid #00000018;border-radius:4px;height:100px;margin-bottom:8px}.palette-swatches strong,.palette-swatches span{display:block}.palette-swatches span{color:var(--silver-muted);margin-top:4px;font-size:14px}.palette-note{background:var(--silver-canvas);border:1px solid var(--silver-line);border-radius:8px;margin-top:20px;padding:20px}.palette-note h3{margin-bottom:8px}.palette-note p{color:var(--silver-muted);font-size:14px}.palette-guidance{grid-template-columns:1fr 1fr;gap:36px;padding:40px 0;display:grid}.palette-guidance h2,.palette-faq h2{margin-bottom:16px;font-size:27px}.palette-guidance p,.palette-guidance li{color:var(--silver-muted)}.palette-guidance ol{padding-left:24px}.palette-guidance li{margin-bottom:8px}.palette-faq details{border:1px solid var(--silver-line);border-radius:5px;margin-top:12px;padding:0 16px}.palette-faq summary{cursor:pointer;min-height:44px;padding:12px 0}.palette-faq details p{color:var(--silver-muted);padding-bottom:16px}@media (width<=800px){.palette-workspace,.palette-guidance{grid-template-columns:1fr}.palette-panel{padding:23px}}.palette-guidance[data-astro-cid-d773ztcq] p[data-astro-cid-d773ztcq]+[data-astro-cid-d773ztcq]:is(p,ol){margin-top:12px}.palette-related[data-astro-cid-d773ztcq]{padding-top:32px}.palette-related[data-astro-cid-d773ztcq] h2[data-astro-cid-d773ztcq]{margin-bottom:16px;font-size:27px}.palette-related[data-astro-cid-d773ztcq] ul[data-astro-cid-d773ztcq]{color:var(--silver-muted);padding-left:24px}.palette-related[data-astro-cid-d773ztcq] li[data-astro-cid-d773ztcq]+li[data-astro-cid-d773ztcq]{margin-top:8px}.palette-related[data-astro-cid-d773ztcq] a[data-astro-cid-d773ztcq]{color:var(--silver-violet-text);text-decoration:underline}