.contrast-tool{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:1.5rem}.contrast-tool__inputs{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contrast-tool__inputs label{margin-bottom:.4rem;font-weight:600;display:block}.contrast-tool__entry{align-items:center;gap:.6rem;display:flex}.contrast-tool__entry .input{width:100%;min-width:0;font-family:var(--font-mono)}.contrast-tool__entry input[type=color]{border:1px solid var(--border-input);border-radius:var(--r-sm);background:var(--bg);cursor:pointer;flex-shrink:0;width:44px;height:44px;padding:3px}.contrast-tool__entry input[type=color]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.contrast-tool__error{color:var(--danger);margin:.35rem 0 0;font-size:.875rem}.contrast-tool__error:empty{display:none}.contrast-tool__actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.contrast-tool__status{color:var(--text-muted);margin-block:1rem;font-size:.875rem}.contrast-tool__summary{align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.contrast-tool__summary>div{flex-shrink:0}.contrast-tool__summary span{color:var(--text-muted);font-size:.875rem;display:block}.contrast-tool__summary strong{font-size:clamp(1.7rem,4vw,2.5rem);font-family:var(--font-mono);display:block}.contrast-tool__summary>p{max-width:42ch;color:var(--text-muted);font-size:.875rem}.contrast-tool__preview{color:var(--contrast-text);background:var(--contrast-background);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:1rem;padding:1.5rem}.contrast-tool__preview p{color:inherit;margin:0 0 .5rem;line-height:1.5}.contrast-tool__preview p:last-child{margin-bottom:0}.contrast-tool__normal{font-size:16px;font-weight:400}.contrast-tool__large{font-size:24px;font-weight:400}.contrast-tool__bold{font-size:19px;font-weight:700}.contrast-tool table{min-width:0}.contrast-tool th{white-space:normal}.contrast-tool>[data-contrast-result]>.small{margin-block:1rem}.tm-contrast-text{fill:var(--text);font-size:34px;font-weight:600}.tm-contrast-ratio{fill:var(--text);font-family:var(--font-mono);font-size:26px;font-weight:600}.tm-contrast-arrow{stroke:var(--text-muted);stroke-width:2px}.tm-contrast-check{stroke:var(--success);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:no-preference){.tm-contrast-input{animation:7s infinite tm-contrast-input}.tm-contrast-arrow{animation:7s infinite tm-contrast-arrow}.tm-contrast-result{animation:7s infinite tm-contrast-result}}@keyframes tm-contrast-input{0%,8%{opacity:.25;transform:translateY(8px)}18%,92%{opacity:1;transform:translateY(0)}to{opacity:.25;transform:translateY(8px)}}@keyframes tm-contrast-arrow{0%,22%{opacity:0}34%,90%{opacity:1}to{opacity:0}}@keyframes tm-contrast-result{0%,38%{opacity:0;transform:translate(8px)}55%,92%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px)}}@media (width<=600px){.contrast-tool{padding:1rem}.contrast-tool__inputs{grid-template-columns:1fr}.contrast-tool__summary{flex-direction:column;align-items:flex-start;gap:.5rem}.contrast-tool th,.contrast-tool td{padding:10px 8px}}