.wcc-layout{display:flex;flex-direction:column;gap:var(--tb-space-6)}.wcc-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:var(--tb-space-4)}.wcc-color-input{display:flex;flex-direction:column;gap:var(--tb-space-3)}.wcc-input-header{display:flex;align-items:center;justify-content:space-between;gap:var(--tb-space-2)}.wcc-format-select{width:auto;min-width:5rem;padding:var(--tb-space-1) var(--tb-space-2);font-size:var(--tb-font-size-sm);font-weight:600}.wcc-hex-row{display:flex;align-items:center;gap:var(--tb-space-2)}.wcc-native-picker{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:2.5rem;height:2.5rem;border:2px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-md);padding:2px;cursor:pointer;background:none;flex-shrink:0}.wcc-native-picker::-webkit-color-swatch-wrapper{padding:0}.wcc-native-picker::-webkit-color-swatch{border:none;border-radius:calc(var(--tb-radius-md) - 3px)}.wcc-native-picker::-moz-color-swatch{border:none;border-radius:calc(var(--tb-radius-md) - 3px)}.wcc-swap-btn{align-self:center;border-radius:var(--tb-radius-full);padding:var(--tb-space-2);background:var(--tb-color-white);border:2px solid var(--tb-color-gray-200);line-height:1;cursor:pointer;margin-top:var(--tb-space-6)}.wcc-swap-btn:hover{border-color:var(--tb-color-gray-400)}.wcc-color-info{display:flex;gap:var(--tb-space-3);align-items:center}.wcc-color-swatch{width:3rem;height:3rem;border-radius:var(--tb-radius-md);border:1px solid var(--tb-color-gray-200);flex-shrink:0;transition:background-color var(--tb-transition-fast)}.wcc-color-values{display:flex;flex-direction:column;gap:var(--tb-space-1)}.wcc-value-row{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-500)}.wcc-ratio-display{text-align:center}.wcc-ratio-stat{background:var(--tb-color-bg);padding:var(--tb-space-5) var(--tb-space-6);border-radius:var(--tb-radius-lg)}.wcc-ratio-stat .tb-stat-value{font-size:3rem}.wcc-section-title{font-size:var(--tb-font-size-base);font-weight:600;color:var(--tb-color-gray-600);margin:0 0 var(--tb-space-3) 0}.wcc-wcag-grid{gap:var(--tb-space-3)}.wcc-wcag-card{display:flex;flex-direction:column;align-items:center;gap:var(--tb-space-2);padding:var(--tb-space-4);background:var(--tb-color-bg);border-radius:var(--tb-radius-md)}.wcc-wcag-card__label{font-size:var(--tb-font-size-sm);font-weight:600;color:var(--tb-color-gray-600)}.wcc-wcag-card__threshold{font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-400);font-family:var(--tb-font-mono)}.wcc-wcag-card__badges{display:flex;gap:var(--tb-space-2)}.wcc-badge{display:inline-flex;align-items:center;gap:var(--tb-space-1);font-size:var(--tb-font-size-xs);font-weight:700;padding:var(--tb-space-1) var(--tb-space-2);border-radius:var(--tb-radius-full);text-transform:uppercase;letter-spacing:.05em;color:var(--tb-color-white);transition:background-color var(--tb-transition-fast)}.wcc-badge.badge-aaa{background:var(--tb-color-success)}.wcc-badge.badge-aa{background:var(--tb-color-warning)}.wcc-badge.badge-fail{background:var(--tb-color-danger)}.wcc-apca-header{margin-bottom:var(--tb-space-4)}.wcc-apca-stat .tb-stat-value{font-size:var(--tb-font-size-3xl)}.wcc-apca-polarity{font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-500);margin-top:var(--tb-space-1)}.wcc-apca-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.wcc-apca-table{width:100%;border-collapse:collapse;font-size:var(--tb-font-size-xs);font-family:var(--tb-font-mono)}.wcc-apca-table th,.wcc-apca-table td{padding:var(--tb-space-1) var(--tb-space-2);text-align:center;border:1px solid var(--tb-color-gray-200);white-space:nowrap}.wcc-apca-table th{background:var(--tb-color-bg);font-weight:600;color:var(--tb-color-gray-600);font-family:var(--tb-font-body);font-size:var(--tb-font-size-xs)}.wcc-apca-table .wcc-apca-size-header{text-align:left;font-weight:600;background:var(--tb-color-bg);color:var(--tb-color-gray-600);font-family:var(--tb-font-body)}.wcc-apca-cell--pass{background:color-mix(in srgb,var(--tb-color-success) 15%,transparent);color:var(--tb-color-success)}.wcc-apca-cell--fail{background:var(--tb-color-bg);color:var(--tb-color-gray-300)}.wcc-apca-cell--nontext{background:color-mix(in srgb,var(--tb-color-warning) 10%,transparent);color:var(--tb-color-warning)}.wcc-preview{padding:var(--tb-space-6);border-radius:var(--tb-radius-lg);border:1px solid var(--tb-color-gray-200);transition:background-color var(--tb-transition-fast),color var(--tb-transition-fast)}#contrast-checker .wcc-preview__heading{font-size:2rem;font-weight:700;margin:0 0 var(--tb-space-3) 0;line-height:1.2;color:inherit}#contrast-checker .wcc-preview__body{font-size:1rem;line-height:1.6;margin:0 0 var(--tb-space-4) 0;color:inherit}#contrast-checker .wcc-preview__small{font-size:.75rem;line-height:1.5;margin:0 0 var(--tb-space-4) 0;opacity:.85;color:inherit}#contrast-checker .wcc-preview__button{display:inline-block;padding:var(--tb-space-2) var(--tb-space-5);border:2px solid currentColor;background:transparent;color:inherit;border-radius:var(--tb-radius-md);font-size:var(--tb-font-size-base);font-weight:500;cursor:default}.wcc-cvd-grid{gap:var(--tb-space-3)}.wcc-cvd-card{display:flex;flex-direction:column;align-items:center;gap:var(--tb-space-2);padding:var(--tb-space-3);background:var(--tb-color-bg);border-radius:var(--tb-radius-md)}.wcc-cvd-card__label{font-size:var(--tb-font-size-xs);font-weight:500;color:var(--tb-color-gray-400);text-transform:uppercase;letter-spacing:.05em}.wcc-cvd-preview{width:100%;aspect-ratio:3 / 2;display:flex;align-items:center;justify-content:center;border-radius:var(--tb-radius-sm);transition:background-color var(--tb-transition-fast),color var(--tb-transition-fast)}.wcc-cvd-preview__text{font-size:var(--tb-font-size-2xl);font-weight:700}.wcc-cvd-card__ratio{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-500)}.wcc-suggestions-grid{gap:var(--tb-space-3)}.wcc-suggestion-card{display:flex;flex-direction:column;align-items:center;gap:var(--tb-space-3);padding:var(--tb-space-4);background:var(--tb-color-bg);border-radius:var(--tb-radius-md)}.wcc-suggestion-card__label{font-size:var(--tb-font-size-sm);color:var(--tb-color-gray-500)}.wcc-suggestion-card__preview{display:flex;align-items:center;gap:var(--tb-space-3)}.wcc-suggestion-swatch{width:var(--tb-space-8);height:var(--tb-space-8);border-radius:var(--tb-radius-md);border:1px solid var(--tb-color-gray-200);flex-shrink:0}.wcc-suggestion-hex{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-base);font-weight:600;color:var(--tb-color-text)}.wcc-suggestion-ratio{font-family:var(--tb-font-mono);font-size:var(--tb-font-size-xs);color:var(--tb-color-gray-500)}.wcc-css-output{display:flex;align-items:start;gap:var(--tb-space-3)}.wcc-css-code{flex:1;padding:var(--tb-space-3) var(--tb-space-4);background:var(--tb-color-bg);border:1px solid var(--tb-color-gray-200);border-radius:var(--tb-radius-md);font-family:var(--tb-font-mono);font-size:var(--tb-font-size-sm);line-height:1.7;margin:0;white-space:pre;overflow-x:auto;color:var(--tb-color-text)}.wcc-css-copy-btn{flex-shrink:0;align-self:center}@media(max-width:639px){.wcc-inputs{grid-template-columns:1fr}.wcc-swap-btn{margin-top:0}.wcc-wcag-grid,.wcc-cvd-grid,.wcc-suggestions-grid{grid-template-columns:1fr}.wcc-css-output{flex-direction:column}.wcc-ratio-stat .tb-stat-value{font-size:2rem}.wcc-preview__heading{font-size:1.5rem}}