.kd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.25rem,3vw,2rem);align-items:start}.kd-form,.kd-result{padding:clamp(1.25rem,2.5vw,1.75rem);border:1px solid var(--hb-line);border-radius:18px;background:var(--hb-surface);box-shadow:var(--shadow-sm)}.kd-result{position:sticky;top:var(--hb-header-offset);background:linear-gradient(180deg,#fff,#fafafe)}.kd-field+.kd-field{margin-top:1.25rem}.kd-field label{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.45rem;font-size:.88rem;font-weight:600;color:var(--hb-ink)}.kd-field label span{font-size:.76rem;font-weight:500;color:var(--hb-ink-3)}.kd-field input{display:block;width:100%;padding:.78rem .9rem;border:1px solid var(--hb-line-strong);border-radius:12px;background:#fff;font-family:var(--hb-mono);font-size:.86rem;color:var(--hb-ink);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.kd-field input::placeholder{color:#9095b0}.kd-field input:hover{border-color:#bfc3d6}.kd-field input:focus{outline:none;border-color:var(--color-accent-dark);box-shadow:0 0 0 3px #00b4d82e}.kd-field input[aria-invalid=true]{border-color:var(--hb-sivt);box-shadow:0 0 0 3px #ef44441f}.kd-hint{margin:.45rem 0 0;font-size:.8rem;line-height:1.5;color:var(--hb-ink-3)}.kd-examples{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--hb-line)}.kd-examples__label{display:block;margin-bottom:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hb-ink-3)}.kd-examples__list{display:flex;flex-wrap:wrap;gap:.4rem}.kd-examples button{padding:.4rem .75rem;border:1px solid var(--hb-line);border-radius:999px;background:var(--hb-surface-2);font:inherit;font-size:.8rem;font-weight:600;color:var(--hb-ink-2);cursor:pointer;transition:all var(--transition-fast)}.kd-examples button:hover{border-color:var(--hb-line-strong);color:var(--hb-ink);background:#fff}.kd-examples button[aria-pressed=true]{border-color:var(--hb-ink);background:var(--hb-ink);color:#fff}.kd-examples button:focus-visible{outline:2px solid var(--color-accent-dark);outline-offset:2px}.kd-result__label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hb-ink-3)}.kd-channel{margin:.4rem 0 0;font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.15rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--hb-ink);overflow-wrap:anywhere}.kd-channel__source{color:var(--color-primary-dark)}.kd-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}.kd-reason{margin:1rem 0 0;font-size:.95rem;line-height:1.65;color:var(--hb-ink-2)}.kd-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:1.25rem 0 0;padding:0;list-style:none}.kd-path li{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.65rem .7rem;border:1px solid var(--hb-line);border-radius:12px;background:#fff}.kd-path__dot{width:8px;height:8px;border-radius:50%;background:#cbd0e0}.kd-path__label{font-size:.8rem;font-weight:600;color:var(--hb-ink)}.kd-path__state{font-size:.72rem;color:var(--hb-ink-3)}.kd-path li[data-state=absent]{background:transparent;border-style:dashed}.kd-path li[data-state=absent] .kd-path__label{color:var(--hb-ink-3);font-weight:500}.kd-path li[data-state=present] .kd-path__dot{background:#94a3b8}.kd-path li[data-state=decisive]{border-color:var(--hb-ink);box-shadow:0 0 0 1px var(--hb-ink)}.kd-path li[data-state=decisive] .kd-path__dot{background:var(--color-primary);box-shadow:0 0 0 3px #e945602e}.kd-path li[data-state=decisive] .kd-path__state{color:var(--color-primary-dark);font-weight:600}.kd-params{margin-top:1.25rem}.kd-params h3{margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hb-ink-3)}.kd-params ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.kd-params li{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr);gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--hb-line);font-size:.84rem}.kd-params li:last-child{border-bottom:0}.kd-params code{font-family:var(--hb-mono);font-size:.8rem;color:var(--hb-ink)}.kd-params li span{min-width:0;overflow-wrap:anywhere;font-family:var(--hb-mono);font-size:.8rem;color:var(--hb-ink-2)}.kd-empty{margin:0;font-size:.86rem;color:var(--hb-ink-3)}.kd-error{padding:.9rem 1rem;border:1px solid rgba(239,68,68,.3);border-radius:12px;background:#ef44440f;font-size:.92rem;line-height:1.55;color:#991b1b}.kd-explain{margin-top:clamp(3rem,6vw,4.5rem);padding-top:clamp(2.5rem,5vw,3.5rem);border-top:1px solid var(--hb-line)}.kd-explain h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:800;letter-spacing:-.03em;color:var(--hb-ink)}.kd [hidden]{display:none!important}@media(max-width:900px){.kd-grid{grid-template-columns:minmax(0,1fr)}.kd-result{position:static}}@media(max-width:480px){.kd-path{grid-template-columns:repeat(2,minmax(0,1fr))}}