.sc-asc{border:1px solid #dcdcde;padding:18px;margin:18px 0;border-radius:6px}.sc-asc h3{margin-top:0}.sc-asc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.sc-asc label{display:flex;flex-direction:column;font-weight:600;gap:6px}.sc-asc input{width:100%;box-sizing:border-box}.sc-asc-result{margin-top:14px;font-weight:600}.sc-asc-custom{margin-top:12px}.sc-asc-notice{padding:12px;background:#fff8e5;border-left:4px solid #dba617}.sc-asc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sc-asc-reset{margin-left:0}.sc-asc-recommend-actions{margin-top:12px}.sc-asc-custom[hidden],.sc-asc-use-size[hidden]{display:none!important}

.sc-asc-measure-help{margin:14px 0 16px;border:1px solid #dcdcde;border-radius:5px;background:rgba(255,255,255,.35);container-type:inline-size}
.sc-asc-measure-help summary{cursor:pointer;font-weight:700;padding:11px 13px;line-height:1.35}
.sc-asc-measure-help summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.sc-asc-measure-help-body{padding:0 13px 13px}
.sc-asc-measure-intro{margin:2px 0 14px;line-height:1.55}
.sc-asc-measure-list{margin:0;display:grid;gap:10px}
.sc-asc-measure-list>div{display:grid;grid-template-columns:minmax(90px,120px) minmax(0,1fr);gap:10px;border-top:1px solid rgba(0,0,0,.08);padding-top:10px}
.sc-asc-measure-list dt{font-weight:700}
.sc-asc-measure-list dd{margin:0}
@media (max-width:520px){.sc-asc-measure-list>div{grid-template-columns:1fr;gap:3px}}

/* v1.5.2 Visual Measurement Guide: full-width cards in narrow product columns. */
.sc-asc-visual-guide{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 4px}
.sc-asc-visual-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:rgba(255,255,255,.62)}
.sc-asc-visual-title{font-weight:700;font-size:1.08em;line-height:1.3;text-align:center;margin:0 0 8px}
.sc-asc-visual-art{display:flex;justify-content:center;align-items:center;min-width:0;margin:0 0 11px}
.sc-asc-measure-visual{display:block;width:100%;height:auto;max-width:150px;margin:0 auto}
.sc-asc-visual-body{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.72}
.sc-asc-visual-measure{fill:none;stroke:#2271b1;stroke-width:4;stroke-linecap:round}
.sc-asc-visual-wrap{fill:none;stroke:#2271b1;stroke-width:2.5;stroke-dasharray:5 4;opacity:.9}
.sc-asc-visual-label{font-size:9px;font-weight:700;letter-spacing:.7px;fill:currentColor;opacity:.72}
.sc-asc-visual-copy{min-width:0;text-align:left}
.sc-asc-visual-copy p{margin:0;line-height:1.58}

/* Container queries respond to the checker/help width rather than the whole browser. */
@container (min-width:700px){
  .sc-asc-visual-guide{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
  .sc-asc-visual-card{padding:16px}
  .sc-asc-measure-visual{max-width:142px}
}
@media (max-width:520px){
  .sc-asc-visual-guide{grid-template-columns:1fr;gap:12px}
  .sc-asc-visual-card{padding:15px}
  .sc-asc-measure-visual{max-width:140px}
}

/* Admin preview is intentionally wide and may show multiple cards. */
.sc-asc-visual-guide-admin{max-width:1000px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}

/* v1.6.0 smarter validation */
.sc-asc input.sc-asc-input-error{border-color:#b32d2e!important;box-shadow:0 0 0 1px #b32d2e!important;background:#fff7f7}
.sc-asc label.sc-asc-label-error{color:#8a2424}
.sc-asc-error-list{margin:7px 0 0 20px;padding:0;font-weight:400}
.sc-asc-error-list li{margin:4px 0}