.hd-picker{font-family:Pretendard,system-ui,sans-serif;font-size:var(--type-body-size,1rem);width:min(64rem,94vw);max-height:90vh;border:0;border-radius:1rem;padding:1.5rem;color:#1f2937;background:white}.hd-picker::backdrop{background:#182b5099}.hd-picker header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hd-picker button,.hd-selection button{font:inherit;min-height:48px;padding:.75rem 1rem;border:1px solid #aab7c8;border-radius:.5rem;background:#fff;color:#1f2937;cursor:pointer}.hd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem}.hd-grid button{display:grid;gap:.5rem;text-align:left}.hd-grid img{width:100%;aspect-ratio:5/3;object-fit:contain}.hd-grid button[aria-pressed=true]{outline:3px solid #145bb1}.hd-picker button:focus-visible,.hd-selection button:focus-visible{outline:3px solid #145bb1;outline-offset:2px}.hd-selection{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1rem 0}.hd-picker p{line-height:1.6}@media(max-width:36rem){.hd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-picker{padding:1rem}.hd-grid button{padding:.5rem}}