.wrap[data-astro-cid-qk45jvzv]{max-width:1100px;margin:0 auto;padding:0 40px}.page-grid[data-astro-cid-qk45jvzv]{display:grid;grid-template-columns:1fr 280px;gap:40px;padding-bottom:72px;align-items:start}.hero-band[data-astro-cid-qk45jvzv]{background:#f8f9fb;border-bottom:1px solid #E4E7EE;padding:40px 40px 32px;position:relative;overflow:hidden}.band-inner[data-astro-cid-qk45jvzv]{max-width:820px;margin:0 auto;position:relative;z-index:1}.tool-h1[data-astro-cid-qk45jvzv]{font-size:32px;font-weight:900;color:#0d1117;letter-spacing:-.04em;line-height:1;margin:0 0 10px}.tool-h1[data-astro-cid-qk45jvzv] em[data-astro-cid-qk45jvzv]{font-style:normal;color:#0d1117;background:linear-gradient(transparent 58%,#3DDA85 58%,#3DDA85 94%,transparent 94%);padding:0 .06em;border-radius:2px}.tool-tagline[data-astro-cid-qk45jvzv]{font-size:15px;color:#4b5563;margin:0}.calc-card[data-astro-cid-qk45jvzv]{background:#fff;border:1px solid #E4E7EE;border-radius:14px;padding:28px 32px;margin-bottom:28px}.lbl[data-astro-cid-qk45jvzv]{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#9ca3af;display:block;margin-bottom:8px}.fld[data-astro-cid-qk45jvzv]{display:flex;flex-direction:column}.color-top[data-astro-cid-qk45jvzv]{display:grid;grid-template-columns:1fr 120px;gap:20px;margin-bottom:20px}.color-inputs[data-astro-cid-qk45jvzv]{display:flex;flex-direction:column;gap:16px}.hex-wrap[data-astro-cid-qk45jvzv]{display:flex;align-items:center;gap:8px}.hex-wrap[data-astro-cid-qk45jvzv] input[data-astro-cid-qk45jvzv][type=text]{flex:1}.rgb-wrap[data-astro-cid-qk45jvzv]{display:flex;gap:8px}.rgb-inp[data-astro-cid-qk45jvzv]{flex:1;padding:10px 8px;font-size:15px;font-weight:700;color:#0d1117;border:2px solid #E4E7EE;border-radius:10px;background:#f8f9fb;text-align:center;-moz-appearance:textfield;appearance:textfield;min-width:0}.rgb-inp[data-astro-cid-qk45jvzv]::-webkit-inner-spin-button,.rgb-inp[data-astro-cid-qk45jvzv]::-webkit-outer-spin-button{-webkit-appearance:none}.rgb-inp[data-astro-cid-qk45jvzv]:focus{outline:none;border-color:#3dda85}.swatch-col[data-astro-cid-qk45jvzv]{display:flex;flex-direction:column;align-items:center;gap:8px}.swatch-main[data-astro-cid-qk45jvzv]{width:100%;flex:1;min-height:80px;border-radius:12px;background:#3dda85;border:2px solid #E4E7EE}.named-color[data-astro-cid-qk45jvzv]{font-size:11px;font-weight:700;color:#4b5563;text-align:center}.copy-row[data-astro-cid-qk45jvzv]{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.copy-fmt[data-astro-cid-qk45jvzv]{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border:1px solid #E4E7EE;border-radius:8px;background:#f8f9fb;cursor:pointer;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:#0d1117;transition:all .12s}.copy-fmt[data-astro-cid-qk45jvzv]:hover{border-color:#3dda85;background:#eafef0}.copy-icon[data-astro-cid-qk45jvzv]{font-size:11px;font-weight:700;color:#9ca3af;flex-shrink:0;font-family:inherit}.section-lbl[data-astro-cid-qk45jvzv]{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#9ca3af;margin-bottom:10px}.complement-row[data-astro-cid-qk45jvzv]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.swatch-sm[data-astro-cid-qk45jvzv]{width:48px;height:48px;border-radius:8px;border:2px solid #E4E7EE;flex-shrink:0}.comp-hex[data-astro-cid-qk45jvzv]{font-family:SF Mono,Fira Code,monospace;font-size:15px;font-weight:700;color:#0d1117}.comp-use-btn[data-astro-cid-qk45jvzv]{margin-left:auto;padding:8px 16px;font-size:12px;font-weight:600;border:1px solid #E4E7EE;border-radius:8px;cursor:pointer;background:transparent;color:#4b5563;transition:all .12s}.comp-use-btn[data-astro-cid-qk45jvzv]:hover{border-color:#3dda85;color:#3dda85}.shade-row[data-astro-cid-qk45jvzv]{display:flex;gap:6px;flex-wrap:wrap}.shade-chip[data-astro-cid-qk45jvzv]{width:40px;height:40px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:transform .12s,border-color .12s;flex-shrink:0}.shade-chip[data-astro-cid-qk45jvzv]:hover{transform:scale(1.15)}.shade-active[data-astro-cid-qk45jvzv]{border-color:#0d1117!important}.btn-primary[data-astro-cid-qk45jvzv]{background:#3dda85;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer}.content-block[data-astro-cid-qk45jvzv]{margin-bottom:36px;padding-top:36px;border-top:1px solid #E4E7EE}.content-block[data-astro-cid-qk45jvzv] h2[data-astro-cid-qk45jvzv]{font-size:18px;font-weight:700;color:#0d1117;letter-spacing:-.02em;margin:0 0 12px}.content-block[data-astro-cid-qk45jvzv]>p[data-astro-cid-qk45jvzv]{font-size:14px;color:#4b5563;line-height:1.7;margin:0 0 16px}.formula-grid[data-astro-cid-qk45jvzv]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formula-card[data-astro-cid-qk45jvzv]{border:1px solid #E4E7EE;border-radius:10px;padding:18px 20px;background:#f8f9fb}.formula-label[data-astro-cid-qk45jvzv]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;margin-bottom:10px}.formula-line[data-astro-cid-qk45jvzv]{font-size:14px;font-weight:600;color:#0d1117;font-family:SF Mono,Fira Code,monospace;margin-bottom:6px}.formula-eg[data-astro-cid-qk45jvzv]{font-size:12.5px;color:#4b5563;margin-top:10px;line-height:1.5}.faq[data-astro-cid-qk45jvzv]{border:1px solid #E4E7EE;border-radius:10px;overflow:hidden}.faq-item[data-astro-cid-qk45jvzv]{border-bottom:1px solid #EDF0F5}.faq-item[data-astro-cid-qk45jvzv]:last-child{border-bottom:none}.faq-item[data-astro-cid-qk45jvzv] summary[data-astro-cid-qk45jvzv]{padding:15px 20px;font-size:14px;font-weight:600;color:#0d1117;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:background .12s}.faq-item[data-astro-cid-qk45jvzv] summary[data-astro-cid-qk45jvzv]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-qk45jvzv] summary[data-astro-cid-qk45jvzv]:after{content:"+";font-size:18px;color:#9ca3af;font-weight:400;flex-shrink:0}.faq-item[data-astro-cid-qk45jvzv][open] summary[data-astro-cid-qk45jvzv]{background:#f8f9fb}.faq-item[data-astro-cid-qk45jvzv][open] summary[data-astro-cid-qk45jvzv]:after{content:"−"}.faq-item[data-astro-cid-qk45jvzv] p[data-astro-cid-qk45jvzv]{padding:0 20px 16px;font-size:13.5px;color:#4b5563;line-height:1.7;margin:0}.sidebar-sticky[data-astro-cid-qk45jvzv]{position:sticky;top:80px;display:flex;flex-direction:column;gap:22px}.sb-nav[data-astro-cid-qk45jvzv] h3[data-astro-cid-qk45jvzv]{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#9ca3af;margin:0 0 9px}.sb-nav[data-astro-cid-qk45jvzv] ul[data-astro-cid-qk45jvzv]{list-style:none;padding:0;margin:0;border:1px solid #E4E7EE;border-radius:8px;overflow:hidden}.sb-nav[data-astro-cid-qk45jvzv] li[data-astro-cid-qk45jvzv] a[data-astro-cid-qk45jvzv]{display:block;padding:10px 14px;font-size:13.5px;font-weight:500;color:#4b5563;border-bottom:1px solid #EDF0F5;transition:background .12s,color .12s}.sb-nav[data-astro-cid-qk45jvzv] li[data-astro-cid-qk45jvzv]:last-child a[data-astro-cid-qk45jvzv]{border-bottom:none}.sb-nav[data-astro-cid-qk45jvzv] li[data-astro-cid-qk45jvzv] a[data-astro-cid-qk45jvzv]:hover{background:#edf0f5;color:#3dda85}.sb-nav[data-astro-cid-qk45jvzv] li[data-astro-cid-qk45jvzv] a[data-astro-cid-qk45jvzv].active{background:#eafef0;color:#3dda85;font-weight:650}@media(max-width:900px){.page-grid[data-astro-cid-qk45jvzv]{grid-template-columns:1fr}.sidebar[data-astro-cid-qk45jvzv]{display:none}.formula-grid[data-astro-cid-qk45jvzv]{grid-template-columns:1fr}.wrap[data-astro-cid-qk45jvzv]{padding:0 20px}.hero-band[data-astro-cid-qk45jvzv]{background:#f8f9fb;border-bottom:1px solid #E4E7EE;padding:40px 40px 32px;position:relative;overflow:hidden}.color-top[data-astro-cid-qk45jvzv]{grid-template-columns:1fr}}