.kd-shot:where(.astro-aatdr2li){width:var(--kd-w,100%);margin:1.25rem 0 1.5rem}.kd-shot:where(.astro-aatdr2li).kd-phone{--kd-w:46%;margin-inline:auto}.kd-shot-scroll:where(.astro-aatdr2li),.kd-stage:where(.astro-aatdr2li){position:relative}.kd-shot-img:where(.astro-aatdr2li){border-radius:14px;display:block}.kd-shot-img:where(.astro-aatdr2li) img:where(.astro-aatdr2li){width:100%;height:auto;display:block}.kd-shot-missing:where(.astro-aatdr2li){aspect-ratio:16/10;border:1.5px dashed var(--kd-line);color:var(--kd-text-2);background:var(--kd-surface);border-radius:14px;place-items:center;gap:.25rem;font-size:.85rem;display:grid}.kd-phone:where(.astro-aatdr2li) .kd-shot-missing:where(.astro-aatdr2li){aspect-ratio:9/19}.kd-mk:where(.astro-aatdr2li){pointer-events:none;box-sizing:border-box;left:calc(var(--x) * 1% - 2px);top:calc(var(--y) * 1% - 2px);width:calc(var(--w) * 1% + 4px);height:calc(var(--h) * 1% + 4px);border:2px solid var(--kd-mark);box-shadow:0 0 0 3px var(--kd-mark-ring);border-radius:7px;transition:opacity .15s,box-shadow .15s;position:absolute}.kd-mk-area:where(.astro-aatdr2li){box-shadow:none;border-style:dashed;border-radius:10px}.kd-badge:where(.astro-aatdr2li){--s:22px;--g:8px;z-index:1;width:var(--s);height:var(--s);pointer-events:none;background:var(--kd-badge);color:#fff;font:600 12px/1 var(--sl-font);box-shadow:0 0 0 2px var(--kd-bg), 0 2px 6px #00000040;border-radius:999px;place-items:center;transition:opacity .15s,transform .15s;display:grid;position:absolute}.kd-badge:where(.astro-aatdr2li)[data-place=left]{left:calc(var(--x) * 1% - var(--s) - var(--g));top:calc((var(--y) + var(--h) / 2) * 1% - var(--s) / 2)}.kd-badge:where(.astro-aatdr2li)[data-place=right]{left:calc((var(--x) + var(--w)) * 1% + var(--g));top:calc((var(--y) + var(--h) / 2) * 1% - var(--s) / 2)}.kd-badge:where(.astro-aatdr2li)[data-place=above]{left:calc(var(--x) * 1%);top:calc(var(--y) * 1% - var(--s) - var(--g))}.kd-badge:where(.astro-aatdr2li)[data-place=below]{left:calc(var(--x) * 1%);top:calc((var(--y) + var(--h)) * 1% + var(--g))}.kd-badge:where(.astro-aatdr2li)[data-place=inside]{left:calc(var(--x) * 1% + 4px);top:calc(var(--y) * 1% + 4px)}.kd-badge:where(.astro-aatdr2li)[style*=--dx]{translate:calc(var(--dx) * 1px) calc(var(--dy,0) * 1px)}.kd-shot:where(.astro-aatdr2li)[data-active] .kd-mk:where(.astro-aatdr2li):not(.is-on),.kd-shot:where(.astro-aatdr2li)[data-active] .kd-badge:where(.astro-aatdr2li):not(.is-on){opacity:.22}.kd-shot:where(.astro-aatdr2li)[data-active] .kd-mk:where(.astro-aatdr2li).is-on{box-shadow:0 0 0 4px var(--kd-mark-ring-on)}.kd-shot:where(.astro-aatdr2li)[data-active] .kd-badge:where(.astro-aatdr2li).is-on{transform:scale(1.12)}.kd-legend:where(.astro-aatdr2li){grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:8px;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.kd-legend:where(.astro-aatdr2li) li:where(.astro-aatdr2li){margin:0!important}.kd-legend-btn:where(.astro-aatdr2li){all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--kd-line);background:var(--kd-surface);width:100%;height:100%;color:var(--kd-ink);border-radius:10px;align-items:flex-start;gap:10px;padding:9px 12px;font-size:14px;line-height:1.45;display:flex}.kd-legend-btn:where(.astro-aatdr2li) .n:where(.astro-aatdr2li){flex:none;margin:0}.kd-legend-btn:where(.astro-aatdr2li):hover{border-color:var(--kd-line-strong)}.kd-legend-btn:where(.astro-aatdr2li):focus-visible{outline:2px solid var(--kd-link);outline-offset:2px}.kd-legend-btn:where(.astro-aatdr2li)[aria-pressed=true],.kd-legend-btn:where(.astro-aatdr2li).is-on{border-color:var(--kd-btn);background:var(--kd-accent-soft)}figcaption:where(.astro-aatdr2li),.kd-cap:where(.astro-aatdr2li){color:var(--kd-text-2);flex-wrap:wrap;align-items:baseline;gap:0 .25rem;margin-top:.6rem;font-size:13px;display:flex}.kd-cap:where(.astro-aatdr2li){margin:.6rem 0 0}.kd-cap:where(.astro-aatdr2li)+.kd-cap:where(.astro-aatdr2li),figcaption:where(.astro-aatdr2li){margin-top:.35rem}.kd-cap-switch:where(.astro-aatdr2li){all:unset;cursor:pointer;color:var(--kd-link);border:1px solid var(--kd-line);border-radius:999px;margin-left:.5rem;padding:0 8px;font-size:12px;font-weight:500;line-height:20px}.kd-cap-switch:where(.astro-aatdr2li):hover{border-color:var(--kd-link)}.kd-cap-switch:where(.astro-aatdr2li):focus-visible{outline:2px solid var(--kd-link);outline-offset:2px}.kd-swipe:where(.astro-aatdr2li){display:none}@media (width<=40rem){.kd-shot:where(.astro-aatdr2li){width:100%}.kd-shot:where(.astro-aatdr2li).kd-phone{width:70%}.kd-shot-scroll:where(.astro-aatdr2li):has(.kd-stage[data-full]){overscroll-behavior-x:contain;border-radius:12px;overflow-x:auto}.kd-stage:where(.astro-aatdr2li)[data-full]{width:640px}.kd-badge:where(.astro-aatdr2li){--s:20px;--g:6px;font-size:11px}.kd-shot:where(.astro-aatdr2li):has(.kd-stage[data-full]) .kd-swipe:where(.astro-aatdr2li){color:var(--kd-text-2);margin:.4rem 0 0;font-size:12px;display:block}}