.hn-family-media-gallery{width:100%;min-width:0;margin:0}.hn-family-media-grid{border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid;overflow:hidden}.hn-family-media-thumb{aspect-ratio:1;cursor:pointer;background:#20352b;border:0;width:100%;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.hn-family-media-thumb img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hn-family-media-thumb:focus-visible{outline-offset:-3px;z-index:1;outline:3px solid #adcbb5}.hn-family-media-thumb:hover img{transform:scale(1.025)}.hn-family-media-video-fallback{color:#e0e8e0;place-items:center;width:100%;height:100%;font-size:24px;display:grid}.hn-family-media-play-marker{color:#fff;text-align:right;background:#000a;border-radius:4px;max-width:calc(100% - 8px);padding:3px 5px;font-size:10px;font-weight:700;position:absolute;bottom:4px;right:4px}.hn-family-media-dialog{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#fff;background:#0b100e;border:0;margin:auto;position:fixed;inset:0;overflow:hidden}.hn-family-media-dialog::backdrop{background:#000e}.hn-family-media-dialog-bar{justify-content:space-between;align-items:center;gap:12px;height:56px;padding:8px clamp(15px,3vw,30px);font-size:13px;display:flex}.hn-family-media-dialog-tools{flex-wrap:nowrap;align-items:center;gap:7px;display:flex}.hn-family-media-dialog .hn-family-media-action{min-width:0;min-height:38px;padding:8px 11px;font-size:12px;font-weight:700}.hn-family-media-dialog button{color:#fff;cursor:pointer;background:#ffffff15;border:1px solid #ffffff38;border-radius:999px;min-width:42px;min-height:42px;font-size:20px}.hn-family-media-dialog button:focus-visible{outline-offset:3px;outline:2px solid #fff}.hn-family-media-stage{height:calc(100dvh - 127px - env(safe-area-inset-top) - env(safe-area-inset-bottom));place-items:center;display:grid;overflow:hidden}.hn-family-media-stage img,.hn-family-media-stage video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.hn-family-media-dialog-nav{justify-content:space-between;align-items:center;gap:14px;height:71px;padding:8px clamp(12px,3vw,26px);display:flex}.hn-family-media-dialog-nav span{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.hn-family-media-thumb:hover img{transform:none}}