:root{color-scheme:light;--ec-bg: #FFFFFF;--ec-ink: #1C1B19;--ec-ink-2: #555049;--ec-line: #D5D0C6;--ec-control: #767169;--ec-ring: #1D4ED8;--ec-pass: #17633A;--ec-fail: #B3261E;--ec-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ec-bg: #17181C;--ec-ink: #F3F1EC;--ec-ink-2: #BDB8AE;--ec-line: #3A3B40;--ec-control: #8D8A84;--ec-ring: #8AB4F8;--ec-pass: #7ED99A;--ec-fail: #FF8F85}}:root[data-theme=dark]{color-scheme:dark;--ec-bg: #17181C;--ec-ink: #F3F1EC;--ec-ink-2: #BDB8AE;--ec-line: #3A3B40;--ec-control: #8D8A84;--ec-ring: #8AB4F8;--ec-pass: #7ED99A;--ec-fail: #FF8F85}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--ec-bg);color:var(--ec-ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:focus-visible{outline:2px solid var(--ec-ring);outline-offset:2px}.ec{display:flex;flex-direction:column;gap:14px;padding:16px}.ec-title{margin:0;font-size:18px;font-weight:700;line-height:1.3}.ec-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media(min-width:400px){.ec-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start}.ec-swap{margin-top:27px}}.ec-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ec-label{font-size:14px;font-weight:600}.ec-input{display:flex;gap:8px;min-width:0}.ec-text,.ec-pick,.ec-swap,.ec-use{border:1px solid var(--ec-control);border-radius:8px;background:var(--ec-bg);color:var(--ec-ink);font:inherit}.ec-text{flex:1 1 auto;min-width:0;height:44px;padding:0 10px;font-family:var(--ec-mono);font-size:15px}.ec-text[aria-invalid=true]{border:2px solid var(--ec-fail)}.ec-pick{flex:none;width:44px;height:44px;padding:3px;cursor:pointer}.ec-pick::-webkit-color-swatch-wrapper{padding:0}.ec-pick::-webkit-color-swatch{border:0;border-radius:5px}.ec-pick::-moz-color-swatch{border:0;border-radius:5px}.ec-swap{display:inline-grid;place-items:center;width:44px;height:44px;justify-self:center;cursor:pointer}.ec-error{margin:0;color:var(--ec-fail);font-size:13.5px;font-weight:600}.ec-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ec-sample{display:block;width:100%;height:auto}.ec-sample rect{stroke:var(--ec-line)}.ec-sample text{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.ec-ratio{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0}.ec-ratio__n{font-size:32px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.ec-ratio__k{color:var(--ec-ink-2);font-size:14px}.ec-checks{margin:0;padding:0;list-style:none;border-top:1px solid var(--ec-line)}.ec-check{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--ec-line)}.ec-check__name{flex:1 1 auto;min-width:0}.ec-check__need{color:var(--ec-ink-2);font-size:13.5px;white-space:nowrap}.ec-check__verdict{flex:none;font-weight:700}.ec-check.is-pass .ec-icon--fail,.ec-check.is-fail .ec-icon--pass{display:none}.ec-check.is-pass :is(.ec-icon,.ec-check__verdict){color:var(--ec-pass)}.ec-check.is-fail :is(.ec-icon,.ec-check__verdict){color:var(--ec-fail)}.ec-fix{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0;font-size:14px}.ec-fix[hidden]{display:none}.ec-fix--none{color:var(--ec-ink-2)}.ec-fix__swatch{width:16px;height:16px;flex:none}.ec-fix__swatch rect{stroke:var(--ec-control)}.ec-fix code{font-family:var(--ec-mono);font-weight:600}.ec-fix__ratio{color:var(--ec-ink-2)}.ec-use{min-height:36px;padding:0 14px;font-weight:600;cursor:pointer}.ec-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ec-credit{margin:0;font-size:13px}.ec-credit a{color:var(--ec-ink-2);text-underline-offset:3px}.ec-credit a:hover{color:var(--ec-ink)}@media(forced-colors:active){.ec-check.is-pass :is(.ec-icon,.ec-check__verdict),.ec-check.is-fail :is(.ec-icon,.ec-check__verdict){color:CanvasText}.ec-sample rect,.ec-fix__swatch rect{forced-color-adjust:none}}