.kla-lab{--kl-blue:#1a73e8;--kl-ink:#202124;--kl-muted:#5f6368;--kl-line:#dadce0;color:var(--kl-ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Noto Sans TC',sans-serif;min-width:0}.kla-lab *{box-sizing:border-box}.kla-lab p{margin:10px 0;font-size:inherit;line-height:1.65}.kla-lab .kl-lead{font-size:17px;color:var(--kl-ink);margin:0 0 18px}.kla-lab .kl-note{font-size:13px;color:var(--kl-muted)}.kla-lab .kl-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.kla-lab button,.kla-lab select{font:inherit;font-size:14px;min-height:44px;border:1px solid var(--kl-line);border-radius:8px;background:white;color:var(--kl-ink);padding:8px 12px;cursor:pointer;box-shadow:none;white-space:normal}.kla-lab button:hover{background:#f1f3f4}.kla-lab button[aria-pressed=true],.kla-lab .kl-primary{background:var(--kl-blue);color:#fff;border-color:var(--kl-blue)}.kla-lab :focus-visible{outline:3px solid #1a73e8;outline-offset:3px}.kla-lab input[type=range]{display:block;width:100%;margin:8px 0;accent-color:var(--kl-blue);min-height:32px}.kla-lab .kl-range{display:block;margin:14px 0}.kla-lab .kl-range>span{display:flex;justify-content:space-between;gap:10px;font-weight:600}.kla-lab .kl-range output{white-space:nowrap;font-variant-numeric:tabular-nums}.kla-lab .kl-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kla-lab figure{margin:0;min-width:0}.kla-lab figcaption{font-size:13px;color:var(--kl-muted);margin:6px 0 0}.kla-lab canvas{display:block;max-width:100%;width:100%;height:auto;background:#f8f9fa;border-radius:5px}.kla-lab .kl-patch{image-rendering:pixelated}.kla-lab svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit;background:none;border:none;border-radius:0}.kla-lab svg text{fill:var(--kl-muted);font-size:12px}.kla-lab .kl-scene{background:#f8f9fa;border-radius:12px;padding:10px}.kla-lab .kl-scene-title{font-size:13px;font-weight:600;letter-spacing:.02em;margin:0 0 6px;color:var(--kl-muted)}.kla-lab .kl-result{border-top:1px solid var(--kl-line);margin-top:18px;padding-top:16px}.kla-lab .kl-result h3{font-size:17px;margin:0 0 12px}.kla-lab .kl-readout{font-size:16px;font-weight:600;margin:12px 0}.kla-lab .kl-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:14px 0}.kla-lab .kl-metrics>div{padding:10px 0;border-bottom:1px solid #e8eaed}.kla-lab .kl-metrics dt{font-size:13px;color:var(--kl-muted)}.kla-lab .kl-metrics dd{margin:0;font-size:24px;line-height:1.4;font-variant-numeric:tabular-nums}.kla-lab .kl-metrics dd small{font-size:13px}.kla-lab details{border-top:1px solid var(--kl-line);padding:13px 0;margin-top:16px;background:none;border-radius:0}.kla-lab summary{font-size:14px;font-weight:600;cursor:pointer;min-height:28px}.kla-lab details p,.kla-lab details li{font-size:14px}.kla-lab details img{display:block;max-width:100%;height:auto;margin:12px auto;background:white}.kla-lab details a{color:#185abc;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.kla-lab .kl-legend{font-size:12px;color:var(--kl-muted);display:flex;flex-wrap:wrap;gap:6px 15px;margin:8px 0}.kla-lab .kl-legend span{display:inline-flex;align-items:center;gap:5px}.kla-lab .kl-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#1a73e8}.kla-lab .kl-dot.gray{background:#bdc1c6}.kla-lab .kl-dot.missed{background:white;border:2px solid #b06000}.kla-lab .kl-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.kla-lab .kl-sample{padding:7px;text-align:left;min-width:0;line-height:1.4}.kla-lab .kl-sample[aria-pressed=true]{color:var(--kl-ink);background:#f8f9fa;border:2px solid var(--kl-blue);padding:6px}.kla-lab .kl-sample strong,.kla-lab .kl-sample small{display:block;font-size:12px;margin-top:5px}.kla-lab .kl-sample small{color:var(--kl-muted)}.kla-lab .kl-sample canvas{aspect-ratio:1.25}.kla-lab .kl-detail-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:16px;font-weight:600;margin:10px 0}.kla-lab .kl-detail-title span{font-size:13px;font-weight:400;color:var(--kl-muted)}.kla-lab .kl-detail-canvas{max-width:430px;margin:auto}.kla-lab .kl-tagline{font-size:12px;color:var(--kl-muted);letter-spacing:.04em;margin-bottom:8px}.kla-lab .kl-data{width:100%;border-collapse:collapse;font-size:13px}.kla-lab .kl-data td,.kla-lab .kl-data th{text-align:left;padding:6px;border-bottom:1px solid #e8eaed}.kla-lab .kl-presets button{flex:1;font-size:13px;padding:6px}.kla-lab .kl-mode button{font-size:13px;flex:1;padding:6px}.kla-lab .kl-warning{color:#965000}.kla-lab .kl-flow{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--kl-muted);gap:4px;margin:0 0 14px}.kla-lab .kl-flow b{font-weight:500;color:var(--kl-ink)}.kla-lab [hidden]{display:none!important}@media(min-width:760px){.kla-lab .kl-tdi-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}.kla-lab .kl-tdi-layout .kl-result{margin:0;padding:0;border:0}.kla-lab .kl-noise-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.kla-lab .kl-noise-layout .kl-samples{margin-top:0}.kla-lab .kl-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.kla-lab .kl-tdi-layout .kl-metrics,.kla-lab .kl-noise-layout .kl-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.kla-lab *{scroll-behavior:auto!important;transition:none!important}}

#tdi,#threshold-lab{scroll-margin-top:120px}