.tool-main[data-astro-cid-gstcfp2j]{max-width:880px;margin:0 auto;padding:44px 24px 60px}.prose-wrap[data-astro-cid-gstcfp2j]{max-width:680px;margin:0 auto}.tool-h1[data-astro-cid-gstcfp2j]{letter-spacing:-.6px;color:var(--ink);margin:0 0 10px;font-size:clamp(24px,5vw,32px);font-weight:800;line-height:1.3}.tool-sub[data-astro-cid-gstcfp2j]{color:var(--ink-soft);margin:0 0 6px;font-size:15px;line-height:1.7}.tool-trust[data-astro-cid-gstcfp2j]{color:var(--faint);margin:0 0 28px;font-size:13px}.pick[data-astro-cid-gstcfp2j]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.pick[data-astro-cid-gstcfp2j] input[data-astro-cid-gstcfp2j][type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:54px;height:42px;padding:0}.pick[data-astro-cid-gstcfp2j] input[data-astro-cid-gstcfp2j][type=text]{border:1px solid var(--line);background:var(--bg-soft);width:130px;color:var(--ink);border-radius:8px;padding:11px 12px;font-family:ui-monospace,monospace;font-size:15px}.pick[data-astro-cid-gstcfp2j] input[data-astro-cid-gstcfp2j][type=text]:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.err[data-astro-cid-gstcfp2j]{color:#b33a2b;min-height:18px;margin:0 0 18px;font-size:13px}.presets[data-astro-cid-gstcfp2j]{flex-wrap:wrap;gap:7px;margin-bottom:6px;display:flex}.tbl[data-astro-cid-gstcfp2j]{border-collapse:collapse;width:100%;margin-top:10px;font-size:14px}.tbl[data-astro-cid-gstcfp2j] th[data-astro-cid-gstcfp2j],.tbl[data-astro-cid-gstcfp2j] td[data-astro-cid-gstcfp2j]{text-align:left;border-bottom:1px solid var(--line);padding:11px 10px}.tbl[data-astro-cid-gstcfp2j] th[data-astro-cid-gstcfp2j]{color:var(--faint);letter-spacing:.04em;font-size:12px;font-weight:500}.tbl[data-astro-cid-gstcfp2j] td[data-astro-cid-gstcfp2j]:last-child,.tbl[data-astro-cid-gstcfp2j] th[data-astro-cid-gstcfp2j]:last-child{text-align:right}.acts[data-astro-cid-gstcfp2j]{flex-wrap:wrap;gap:9px;margin:24px 0 0;display:flex}.acts[data-astro-cid-gstcfp2j] button[data-astro-cid-gstcfp2j]{border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.acts[data-astro-cid-gstcfp2j] button[data-astro-cid-gstcfp2j].primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.acts[data-astro-cid-gstcfp2j] button[data-astro-cid-gstcfp2j]:hover{border-color:var(--ink)}.sec-h[data-astro-cid-gstcfp2j]{letter-spacing:-.3px;margin:40px 0 6px;font-size:16px;font-weight:700}.sec-p[data-astro-cid-gstcfp2j]{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.75}.sec-p[data-astro-cid-gstcfp2j]+.sec-p[data-astro-cid-gstcfp2j]{margin-top:10px}.palette-page .presets button{cursor:pointer;border:1px solid #0000001f;border-radius:50%;width:26px;height:26px;padding:0}.palette-page .steps{grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 8px;display:grid}.palette-page .step{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;overflow:hidden}.palette-page .pal-chip{height:118px}.palette-page .pal-meta{padding:12px 13px 14px}.palette-page .pal-meta .k{color:var(--faint);letter-spacing:.06em;font-family:ui-monospace,monospace;font-size:11px}.palette-page .pal-meta .n{letter-spacing:-.2px;margin:3px 0 2px;font-size:14px;font-weight:700}.palette-page .pal-meta .r{color:var(--muted);font-size:12px;line-height:1.5}.palette-page .pal-meta .h{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:6px;width:100%;margin-top:9px;padding:5px 8px;font-family:ui-monospace,monospace;font-size:13px}.palette-page .pal-meta .h:hover{border-color:var(--ink)}.palette-page .swatch{border:1px solid #0000001a;border-radius:5px;justify-content:center;align-items:center;width:74px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.palette-page .ratio{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.palette-page .verdict{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.palette-page .verdict.ok{color:#2f6f62;background:#2f6f621f}.palette-page .verdict.no{color:#b33a2b;background:#b33a2b1a}@media (width<=560px){.palette-page .steps{grid-template-columns:repeat(2,1fr)}}