.checker-page{min-width:0}
.checker-page textarea{font:inherit}
.checker-page .skip-link{display:flex;min-height:44px;align-items:center}
.checker-page a:focus-visible,.checker-page textarea:focus-visible{outline:3px solid rgba(20,104,232,.24);outline-offset:3px}
.checker-main{position:relative;min-height:100vh;padding:28px;background:radial-gradient(circle at 50% 0,rgba(65,129,231,.13),transparent 34rem),var(--canvas)}
.checker-shell{width:min(100%,1040px);margin:0 auto;overflow:hidden;border:1px solid rgba(184,200,222,.88);border-radius:var(--radius-lg);background:rgba(255,255,255,.97);box-shadow:var(--shadow)}
.checker-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:24px 28px}
.checker-back{display:inline-flex;min-height:44px;align-items:center;border-radius:10px;padding:0 12px;color:var(--blue-dark);font-size:13px;font-weight:760;text-decoration:none}
.checker-intro{padding:38px 40px 26px}
.checker-intro h1{margin:15px 0 9px;font-size:clamp(34px,6vw,50px);line-height:1.08;letter-spacing:-.045em}
.checker-intro p{max-width:650px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.checker-form{margin:0 40px;border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--surface-soft)}
.checker-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:13px;font-weight:760}
.checker-label-row span{color:var(--muted);font-variant-numeric:tabular-nums}
.checker-label-row span.over-limit{color:var(--red)}
.checker-form textarea{display:block;width:100%;min-height:160px;resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:15px 16px;background:#fff;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.7;outline:none;text-transform:uppercase}
.checker-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,104,232,.08)}
.checker-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}
.checker-form-footer>span{color:var(--muted);font-size:12px;line-height:1.6}
.checker-form-footer .button{min-width:160px}
.checker-feedback{margin-inline:40px}
.checker-results{margin:28px 40px 34px;border-top:1px solid var(--line);padding-top:28px}
.checker-results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.checker-results-heading>div:first-child>span{color:var(--blue-dark);font-size:12px;font-weight:780}
.checker-results-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:-.025em}
.checker-results-heading h2:focus{outline:none}
.checker-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.checker-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 16px}
.checker-summary>div{min-width:0;border:1px solid var(--line);border-radius:12px;padding:15px 16px;background:#fff}
.checker-summary dt{color:var(--muted);font-size:12px;font-weight:700}
.checker-summary dd{margin:6px 0 0;font-size:25px;font-weight:800;font-variant-numeric:tabular-nums}
.checker-summary .summary-unused{border-color:#bce5d5;background:var(--green-soft)}.checker-summary .summary-unused dd{color:var(--green)}
.checker-summary .summary-used{border-color:#c6daf5;background:var(--blue-soft)}.checker-summary .summary-used dd{color:var(--blue-dark)}
.checker-summary .summary-disabled{border-color:#f2d7a4;background:var(--amber-soft)}.checker-summary .summary-disabled dd{color:var(--amber)}
.checker-summary .summary-invalid{border-color:#efc2bd;background:var(--red-soft)}.checker-summary .summary-invalid dd{color:var(--red)}
.checker-list-wrap{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.checker-list-head,.checker-list li{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:18px}
.checker-list-head{border-bottom:1px solid var(--line);padding:12px 16px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:760}
.checker-list{margin:0;padding:0;list-style:none}
.checker-list li{min-height:58px;border-bottom:1px solid var(--line);padding:10px 16px}
.checker-list li:last-child{border-bottom:0}
.checker-code{min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:680}
.checker-status{display:inline-flex;width:max-content;min-height:30px;align-items:center;border-radius:999px;padding:0 11px;font-size:12px;font-weight:780}
.checker-status.unused{background:var(--green-soft);color:var(--green)}
.checker-status.used{background:var(--blue-soft);color:var(--blue-dark)}
.checker-status.disabled{background:var(--amber-soft);color:var(--amber)}
.checker-status.invalid{background:var(--red-soft);color:var(--red)}
.checker-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:17px 28px;color:var(--muted);font-size:12px}
@media(hover:hover){.checker-back:hover{background:var(--blue-soft)}}
@media(max-width:680px){.checker-main{padding:12px}.checker-topbar{align-items:flex-start;padding:20px}.checker-topbar .entry-brand small{display:none}.checker-back{padding-inline:6px}.checker-intro{padding:30px 20px 20px}.checker-intro h1{font-size:36px}.checker-form{margin-inline:20px;padding:16px}.checker-form-footer{align-items:stretch;flex-direction:column}.checker-form-footer .button{width:100%;min-height:50px}.checker-feedback{margin-inline:20px}.checker-results{margin:24px 20px 28px;padding-top:23px}.checker-results-heading{align-items:flex-start;flex-direction:column}.checker-actions{display:grid;width:100%;grid-template-columns:1fr}.checker-actions .button{width:100%;min-height:46px}.checker-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.checker-list-head{display:none}.checker-list li{grid-template-columns:minmax(0,1fr) auto;gap:10px}.checker-footer{align-items:flex-start;flex-direction:column;padding:17px 20px}}
@media(max-width:360px){.checker-topbar{gap:10px}.checker-topbar .entry-brand>span:last-child{display:none}.checker-intro h1{font-size:33px}.checker-form,.checker-results,.checker-feedback{margin-inline:14px}.checker-summary>div{padding:13px}.checker-list li{align-items:flex-start;grid-template-columns:1fr}.checker-status{justify-self:start}}
@media(prefers-reduced-motion:reduce){.checker-page *{scroll-behavior:auto}}