.contrast-container[data-astro-cid-f3hg4ukd]{background:#f8fafc;border-radius:1rem;padding:2rem;margin:2rem 0}.color-inputs[data-astro-cid-f3hg4ukd]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.color-group[data-astro-cid-f3hg4ukd]{display:flex;flex-direction:column;gap:.5rem}.color-group[data-astro-cid-f3hg4ukd] label[data-astro-cid-f3hg4ukd]{font-weight:600;color:#374151}.color-picker-wrapper[data-astro-cid-f3hg4ukd]{display:flex;gap:.5rem;align-items:center}.color-picker-wrapper[data-astro-cid-f3hg4ukd] input[data-astro-cid-f3hg4ukd][type=color]{width:3rem;height:3rem;border:none;cursor:pointer;border-radius:.5rem}.hex-input[data-astro-cid-f3hg4ukd]{flex:1;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-family:JetBrains Mono,monospace;font-size:1rem;text-transform:uppercase}.hex-input[data-astro-cid-f3hg4ukd]:focus{outline:none;border-color:var(--color-primary)}.preview-box[data-astro-cid-f3hg4ukd]{border-radius:1rem;padding:2rem;margin-bottom:2rem;transition:all .3s ease}.preview-content[data-astro-cid-f3hg4ukd] h2[data-astro-cid-f3hg4ukd]{margin:0 0 1rem;font-size:1.5rem}.preview-content[data-astro-cid-f3hg4ukd] p[data-astro-cid-f3hg4ukd]{margin:0 0 1rem;line-height:1.6}.preview-button[data-astro-cid-f3hg4ukd]{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:opacity .2s}.preview-button[data-astro-cid-f3hg4ukd]:hover{opacity:.9}.results[data-astro-cid-f3hg4ukd]{background:#fff;border-radius:1rem;padding:2rem}.contrast-ratio[data-astro-cid-f3hg4ukd]{text-align:center;margin-bottom:2rem}.ratio-label[data-astro-cid-f3hg4ukd]{display:block;font-size:.875rem;color:#64748b;margin-bottom:.5rem}.ratio-value[data-astro-cid-f3hg4ukd]{font-size:3rem;font-weight:700;color:var(--color-primary)}.wcag-grades[data-astro-cid-f3hg4ukd]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.grade-item[data-astro-cid-f3hg4ukd]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:.5rem}.grade-label[data-astro-cid-f3hg4ukd]{font-weight:500}.grade-value[data-astro-cid-f3hg4ukd]{font-weight:700;padding:.25rem .75rem;border-radius:.25rem}.grade-value[data-astro-cid-f3hg4ukd].pass{background:#dcfce7;color:#166534}.grade-value[data-astro-cid-f3hg4ukd].fail{background:#fee2e2;color:#991b1b}.recommendation[data-astro-cid-f3hg4ukd]{padding:1rem;background:#f0f9ff;border-radius:.5rem;border-left:4px solid #0284c7}.recommendation[data-astro-cid-f3hg4ukd] h4[data-astro-cid-f3hg4ukd]{margin:0 0 .5rem;color:#0369a1}.recommendation[data-astro-cid-f3hg4ukd] p[data-astro-cid-f3hg4ukd]{margin:0;color:#0c4a6e;font-size:.875rem}@media(max-width:768px){.color-inputs[data-astro-cid-f3hg4ukd],.wcag-grades[data-astro-cid-f3hg4ukd]{grid-template-columns:1fr}}