.checker{margin-top:var(--space-32);gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;display:grid}.checker__input{gap:var(--space-16);display:grid}.drop{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:var(--space-32) var(--space-24);gap:var(--space-12);text-align:center;justify-items:center;display:grid}.drop__title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--ink);margin:0;line-height:normal}.drop__note{max-width:none;font-size:var(--text-body-sm);color:var(--ink-muted);margin:0;line-height:1.5}.samples{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-20);gap:var(--space-12);display:grid}.samples__label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--ink);line-height:normal}.samples__code{padding:var(--space-12) 0;justify-content:center;display:flex}.samples__code>*{width:160px;height:160px}.samples__note{font-size:var(--text-caption);color:var(--ink-muted);margin:0;line-height:1.5}.checker__report{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.report__head{padding:var(--space-20) var(--space-20) var(--space-16);gap:var(--space-8);background:var(--fail-wash);display:grid}.report__label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--ink-secondary);line-height:normal}.report__unscored{font-size:var(--text-h3);font-weight:var(--weight-medium);color:var(--ink-muted);line-height:1.3}.report__why{font-size:var(--text-caption);color:var(--ink-muted);max-width:52ch;margin:0;line-height:1.5}.report__body{font-size:var(--text-body-sm);color:var(--ink-secondary);margin:0;line-height:1.5}.report__section{padding:var(--space-16) var(--space-20);border-top:1px solid var(--border);gap:var(--space-12);display:grid}.report__section-label{font-family:var(--font-ui);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:.08em;color:var(--ink-muted);line-height:normal}.checks{gap:var(--space-12);margin:0;padding:0;list-style:none;display:grid}.check{gap:var(--space-4);display:grid}.check__row{justify-content:space-between;gap:var(--space-12);align-items:baseline;display:flex}.check__label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--ink);line-height:normal}.check__value{gap:var(--space-8);flex-shrink:0;align-items:baseline;display:flex}.check__number{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--ink-secondary);line-height:normal}.check__icon{text-align:center;width:14px;font-size:var(--text-body);line-height:normal}.check[data-state=pass] .check__icon{color:var(--pass)}.check[data-state=warn] .check__icon{color:var(--warn)}.check[data-state=fail] .check__icon{color:var(--fail)}.check__remedy{max-width:none;padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);font-size:var(--text-caption);margin:0;line-height:1.5}.check[data-state=fail] .check__remedy{background:var(--fail-wash);color:var(--fail-ink)}.check[data-state=warn] .check__remedy{background:var(--warn-wash);color:var(--warn-ink)}.check[data-state=pass] .check__remedy{background:var(--pass-wash);color:var(--pass-ink)}.check__explain{max-width:none;font-size:var(--text-caption);color:var(--ink-secondary);margin:0;line-height:1.5;display:none}.check[data-state=fail] .check__explain,.check[data-state=warn] .check__explain{display:block}.calibration{margin:var(--space-32) 0 0;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.calibration__stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--canvas);padding:var(--space-20);gap:var(--space-6);align-content:start;display:grid}.calibration__stat dt{font-size:var(--text-caption);color:var(--ink-secondary);order:2;line-height:1.5}.calibration__stat dd{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--ink-muted);order:1;margin:0}@media (width<=640px){.report__facts>div{gap:var(--space-2);grid-template-columns:1fr}}.report__actions .more{margin-top:0}.matrix-cells{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,78px),1fr));display:grid}.matrix-cell{font-family:var(--font-mono);font-size:var(--text-mono-sm);padding:5px var(--space-8);border-radius:var(--radius-sm);text-align:center;line-height:normal;display:block}.matrix-cell[data-state=pass]{background:var(--pass-wash);color:var(--pass-ink)}.matrix-cell[data-state=warn]{background:var(--warn-wash);color:var(--warn-ink)}.matrix-cell[data-state=fail]{background:var(--fail-wash);color:var(--fail-ink)}.report__facts{padding:var(--space-16) var(--space-20);border-top:1px solid var(--border);gap:var(--space-10);margin:0;display:grid}.report__facts>div{justify-content:space-between;gap:var(--space-12);font-size:var(--text-body-sm);display:flex}.report__facts dt{color:var(--ink-secondary);line-height:normal}.report__facts dd{font-family:var(--font-mono);font-size:var(--text-body-sm);color:var(--ink);word-break:break-all;margin:0;line-height:normal}.report__facts .fact--result{font-weight:var(--weight-medium)}.report__facts .fact--meta{color:var(--ink-muted)}.report__actions{padding:var(--space-16) var(--space-20);border-top:1px solid var(--border);gap:var(--space-8);flex-wrap:wrap;display:flex}.report__action{padding-inline:var(--space-16);text-align:start}.report__version{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--ink-muted);line-height:normal}.calibration__head{margin-bottom:var(--space-24)}.calibration__head .h2{font-size:clamp(24px,3.5vw,32px);line-height:1.15}.calibration__head .section__lede{line-height:1.7}.calibration__note{margin-top:var(--space-24);max-width:640px;line-height:1.6}.drop[data-over]{border-color:var(--accent-strong);background:var(--accent-wash)}.drop__error{font-size:var(--text-caption);color:var(--fail-ink);max-width:320px;line-height:1.5}.ck-page{--ck-drop-border:#b9c4f5;--ck-drop-wash:#f5f7ff;--ck-pass:var(--pass);--ck-pass-wash:var(--pass-wash);--ck-pass-ink:var(--pass-ink);--ck-warn:var(--warn);--ck-warn-wash:var(--warn-wash);--ck-warn-ink:var(--warn-ink);--ck-fail:var(--fail);--ck-fail-wash:var(--fail-wash);--ck-fail-ink:var(--fail-ink);--tint-0:#e8efff;--tint-0-ink:#2448c9;--tint-1:#f1ebff;--tint-1-ink:#6d3fd6;--tint-2:#e3f6f5;--tint-2-ink:#0f766e;--tint-3:#fde8f3;--tint-3-ink:#b8297a}.ck-page .checker{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--canvas);gap:0;overflow:hidden}.ck-page .checker__input,.ck-page .checker__out{padding:var(--space-20) var(--space-24) var(--space-24);align-content:start;align-self:stretch}.ck-page .checker__input{gap:var(--space-14);background:var(--surface)}.ck-page .checker__out{gap:var(--space-12);display:grid}.ck-page .drop{border-color:var(--ck-drop-border);border-radius:var(--radius-lg);background:var(--ck-drop-wash);gap:var(--space-8)}.ck-page .drop__icon{border:1px solid var(--ck-drop-border);border-radius:var(--radius);background:var(--canvas);block-size:48px;inline-size:48px;color:var(--accent-strong);place-items:center;display:grid;rotate:180deg}.ck-page .drop__title{font-weight:var(--weight-semibold)}.ck-page .samples{border-radius:var(--radius-lg);background:var(--canvas)}.ck-page.ck-page .samples .generator__chips{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ck-page.ck-page .samples .chip{box-sizing:border-box;block-size:auto;justify-items:center;gap:var(--space-6);min-width:0;padding:var(--space-10) var(--space-6);border-radius:var(--radius);font-weight:var(--weight-semibold);white-space:normal;text-align:center;display:grid}.ck-page.ck-page .samples .chip[data-active]{border-color:var(--accent-fill);background:var(--accent-wash);color:var(--accent-ink)}.ck-page .sample-chip__code{block-size:48px;inline-size:48px;display:block}.ck-page .sample-chip__code>*,.ck-page .sample-chip__code svg{block-size:100%;inline-size:100%;display:block}.ck-page .samples__code{padding:0}.ck-page .checker__report{border-radius:var(--radius-lg)}.ck-page .report__head{border-bottom:1px solid var(--border);background:var(--ck-pass-wash)}.ck-page .checker__report:has(.check[data-state=warn]) .report__head{background:var(--ck-warn-wash)}.ck-page .checker__report:has(.check[data-state=fail]) .report__head{background:var(--ck-fail-wash)}.ck-page .checker__report:not(:has(.check[data-state=fail])) .report__body{display:none}.ck-page .report__section:has(.check-group){gap:var(--space-8)}.ck-page .check-group{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ck-page .check-group[hidden]{display:none}.ck-page .check-group__head{box-sizing:border-box;inline-size:100%;min-block-size:var(--control-md);align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-14);background:var(--tp-surface-soft);color:var(--ink);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);text-align:start;cursor:pointer;border:0;display:flex}.ck-page .check-group__head:after{content:"";border-inline-end:2px solid var(--ink-secondary);border-block-end:2px solid var(--ink-secondary);block-size:8px;inline-size:8px;transition:transform var(--dur) var(--ease);flex:none;margin-inline-start:auto;transform:translateY(-2px)rotate(45deg)}.ck-page .check-group__head[aria-expanded=true]:after{transform:translateY(2px)rotate(-135deg)}.ck-page .check-group__mark{border-radius:var(--radius-full);background:var(--surface);block-size:22px;inline-size:22px;color:var(--ink-muted);place-items:center;display:grid}.ck-page [data-group=pass] .check-group__mark{background:var(--ck-pass-wash);color:var(--ck-pass-ink)}.ck-page [data-group=warn] .check-group__mark{background:var(--ck-warn-wash);color:var(--ck-warn-ink)}.ck-page [data-group=fail] .check-group__mark{background:var(--ck-fail-wash);color:var(--ck-fail-ink)}.ck-page .check-group__n{padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--ink-secondary)}.ck-page .check-group>.checks{gap:0}.ck-page .check-group .check{padding:var(--space-10) var(--space-14);border-top:1px solid var(--border)}.ck-page .calibration{counter-reset:method}.ck-page .calibration__stat{border-radius:var(--radius-lg)}.ck-page .calibration__stat:before{counter-increment:method;content:"0" counter(method);block-size:40px;inline-size:40px;margin-bottom:var(--space-8);border-radius:var(--radius);background:var(--tint-0);color:var(--tint-0-ink);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:var(--weight-semibold);order:0;place-items:center;display:grid}.ck-page .calibration__stat:nth-child(4n+2):before{background:var(--tint-1);color:var(--tint-1-ink)}.ck-page .calibration__stat:nth-child(4n+3):before{background:var(--tint-2);color:var(--tint-2-ink)}.ck-page .calibration__stat:nth-child(4n+4):before{background:var(--tint-3);color:var(--tint-3-ink)}@media (prefers-reduced-motion:reduce){.ck-page .check-group__head:after{transition:none}}