.contrast{--accent:#5fd0b8}.ct-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}.ct-color{display:flex;flex-direction:column;gap:6px;min-width:0}.ct-color>label{font:600 11.5px/1.2 Inter,Segoe UI,system-ui,sans-serif;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.ct-crow{display:flex;gap:9px;align-items:center}.ct-pick{width:46px;height:46px;flex:0 0 auto;padding:0;border:1px solid rgba(140,160,235,.3);border-radius:12px;background:none;cursor:pointer}.ct-pick::-webkit-color-swatch-wrapper{padding:3px}.ct-pick::-webkit-color-swatch{border:none;border-radius:8px}.ct-crow .t-input{text-transform:uppercase}.ct-swap{align-self:center;margin-bottom:6px;width:40px;height:40px;flex:0 0 auto;cursor:pointer;border:1px solid rgba(140,160,235,.3);background:rgba(255,255,255,.04);color:var(--ink);border-radius:50%;font-size:18px;transition:background .15s,transform .2s}.ct-swap:hover{background:rgba(95,208,184,.16);transform:rotate(180deg)}.ct-lums{font:600 11.5px/1.4 JetBrains Mono,monospace;color:var(--faint)}@media (max-width:560px){.ct-inputs{grid-template-columns:1fr;gap:10px}.ct-swap{transform:rotate(90deg)}.ct-swap:hover{transform:rotate(270deg)}}.ct-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media (max-width:720px){.ct-main{grid-template-columns:1fr}}.ct-score{display:flex;flex-direction:column;gap:14px}.ct-ratio{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.ct-ratio b{font:800 clamp(38px,7vw,58px)/1 "JetBrains Mono",monospace;color:var(--accent);text-shadow:0 0 26px color-mix(in srgb,var(--accent) 45%,transparent)}.ct-ratio span{font:600 13px/1.2 Inter,Segoe UI,system-ui,sans-serif;color:var(--dim)}.ct-grade{font:800 15px/1.3 Inter,Segoe UI,system-ui,sans-serif}.ct-grade.good{color:#5fd07a}.ct-grade.mid{color:#ffcf5a}.ct-grade.bad{color:#ff8f8f}.ct-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ct-badge{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;padding:9px 12px;font:700 12px/1.2 Inter,Segoe UI,system-ui,sans-serif;border:1px solid transparent}.ct-badge .ct-b-th{font:600 10.5px/1 JetBrains Mono,monospace;opacity:.85}.ct-badge.pass{background:rgba(95,208,122,.12);border-color:#5fd07a66;color:#8fe0ac}.ct-badge.fail{background:rgba(255,143,143,.1);border-color:#ff8f8f57;color:#ff9f9f}.ct-badge .ct-mark{font-size:14px}.ct-preview{display:flex;flex-direction:column;gap:14px;justify-content:center;transition:background .12s}.ct-pv-lg{font:800 27px/1.2 Inter,Segoe UI,system-ui,sans-serif}.ct-pv-sm{font:500 15px/1.5 Inter,Segoe UI,system-ui,sans-serif}.ct-pv-ui{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ct-pv-btn{padding:8px 16px;border-radius:10px;border:2px solid currentColor;font:700 13px/1 Inter,Segoe UI,system-ui,sans-serif}.ct-pv-link{font:600 14px/1 Inter,Segoe UI,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px}