.wpd-contrast-checker{max-width:1200px;margin:2rem auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:grid;grid-template-columns:minmax(300px,1fr) minmax(500px,2fr);gap:2rem}.wpd-left-column{display:flex;flex-direction:column;gap:1rem}.wpd-right-column{display:flex;flex-direction:column;gap:1rem}.wpd-color-inputs{display:flex;flex-direction:column;gap:1rem}.wpd-color-input{border:1px solid #ddd;padding:1rem;border-radius:4px}.wpd-color-input label{display:block;margin-bottom:.5rem;font-weight:500}.wpd-color-input-group{display:flex;gap:1rem;align-items:center}.wpd-color-swatch{width:50px;height:50px;border-radius:4px;border:1px solid #ddd;position:relative;overflow:hidden}.wpd-color-swatch input[type="color"]{position:absolute;top:0;left:0;width:100%;height:100%;border:none;padding:0;margin:0;opacity:0;cursor:pointer}.wpd-color-input input[type="text"]{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-family:monospace}.wpd-vision-type{border:1px solid #ddd;padding:1rem;border-radius:4px}.wpd-vision-type label{display:block;margin-bottom:.5rem;font-weight:500}.wpd-vision-type select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#fff}.wpd-swap-colors{width:95%;padding:.5rem;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#000;font-weight:500;transition:all 0.2s ease}.wpd-swap-colors:hover{background:#eee}.wpd-preview{border:1px solid #ddd;padding:2rem;border-radius:4px}.wpd-preview h1{font-size:2rem;margin-bottom:1rem}.wpd-preview h2{font-size:1.5rem;margin-bottom:1rem}.wpd-preview p{margin-bottom:1rem;line-height:1.5}.wpd-preview button{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;margin-right:1rem}.wpd-preview a{text-decoration:underline;color:inherit}.wpd-contrast-ratio{text-align:center;padding:1rem;background:#f5f5f5;border-radius:4px}.wpd-contrast-ratio-value{font-size:2rem;font-weight:700}.wpd-contrast-ratio-label{color:#666}.wpd-wcag-guidelines{border:1px solid #ddd;padding:1rem;border-radius:4px}.wpd-wcag-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wpd-wcag-header h3{font-weight:500;margin:0}.wpd-wcag-toggle{background:none;border:none;cursor:pointer;padding:.25rem;color:#666}.wpd-wcag-item{padding:.75rem;border-radius:4px;margin-bottom:.5rem}.wpd-wcag-item.pass{background-color:#f0fdf4}.wpd-wcag-item.fail{background-color:#fef2f2}.wpd-wcag-item-header{display:flex;align-items:flex-start;gap:.5rem}.wpd-wcag-item-status{width:20px;height:20px;flex-shrink:0}.wpd-wcag-item.pass .wpd-wcag-item-status{color:#16a34a}.wpd-wcag-item.fail .wpd-wcag-item-status{color:#dc2626}.wpd-wcag-item-title{font-weight:500;margin-bottom:.25rem}.wpd-wcag-item-requirement{font-size:.875rem;color:#666}@media (max-width:768px){.wpd-contrast-checker{grid-template-columns:1fr;gap:1rem}}