/* 커마: 미리보기와 파츠 선택을 한 화면에. 폭이 좁으면 미리보기를 작게 위에 고정하고 그 아래 탭·검색도 고정한다. */
.sxs-customizer .sxc-stage{aspect-ratio:auto;height:min(460px,60vh)}
.sxs-customizer .sxc-workspace{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px}
.sxs-customizer .sxc-preview-column{top:12px}
.sxs-customizer .sxc-preview-actions button{font-size:13px}
.sxs-customizer .sxc-part strong{font-size:14px}
.sxs-customizer .sxc-part small{font-size:12px}

@media(max-width:900px){
 .sxs-customizer .sxc-workspace{grid-template-columns:minmax(0,1fr);gap:8px}
 .sxs-customizer .sxc-preview-column{position:sticky;top:0;z-index:20;background:#f5faff;padding:6px 0 4px;margin:0 -2px;box-shadow:0 6px 12px #214b6820}
 .sxs-customizer .sxc-stage{aspect-ratio:auto;height:180px;width:100%}
 .sxs-customizer .sxc-stage-caption,.sxs-customizer .sxc-preview-note{display:none}
 .sxs-customizer .sxc-preview-actions{margin-top:4px}
 .sxs-customizer .sxc-preview-actions button{min-height:34px;padding:4px 10px}
 .sxs-customizer .sxc-controls{min-width:0}
 .sxs-customizer .sxc-character-controls{position:static;gap:8px;margin-bottom:4px}
 .sxs-customizer .sxc-category-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b7d8e6 transparent;padding:4px 2px;position:sticky;top:var(--sxc-prev-h,236px);z-index:15;background:#f5faff}
 .sxs-customizer .sxc-category-tabs button{flex:none;white-space:nowrap;font-size:14px;padding:5px 12px}
 .sxs-customizer .sxc-searchbar{margin:4px 0}
 .sxs-customizer .sxc-parts{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
}