.jxbc-size-preview { box-sizing: border-box; width: 100%; min-width: 0; margin: 1.25rem 0 0; }
.jxbc-size-preview h2 { margin: 0 0 .65rem; font-size: 1.05rem; line-height: 1.4; }
.jxbc-size-preview label { display: block; margin-bottom: .35rem; font-size: .875rem; }
.jxbc-size-preview select { box-sizing: border-box; display: block; width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: .6rem .75rem; font: inherit; border: 1px solid #cbd5d1; border-radius: 6px; background: #fff; color: #183c32; }
.jxbc-size-preview select:focus-visible { outline: 2px solid #267a60; outline-offset: 2px; }
.jxbc-size-preview-status { margin: .6rem 0 0; font-size: .875rem; line-height: 1.5; color: #596b64; }
.jxbc-size-preview-image { width: 100%; max-width: 20rem; margin: .75rem 0 0; }
.jxbc-size-preview-image img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
.jxbc-size-preview [hidden] { display: none !important; }
@media (max-width: 63.99rem) { .jxbc-size-preview-image { max-width: 100%; } }