/* 조합 공방 압축판: 선택 영역을 얇게, 내 조합 편집을 작게, 900px 이하에서는 고정 요약 바를 쓴다. builder.css 뒤에 불러온다. */
#sxs-builder-preview .sb-step{display:none}

/* 전직·직업 선택: 칩 한 줄 */
#sxs-builder-preview .sb-class-picker{padding:8px 14px 0}
#sxs-builder-preview .sb-picker-top{gap:10px 14px}
#sxs-builder-preview .sb-picker-top>div:first-child strong{font-size:13px}
#sxs-builder-preview .sb-tiers button{min-height:32px;padding:3px 12px;font-size:14px}
#sxs-builder-preview .sb-tiers button small{display:none}
#sxs-builder-preview .sb-class-options{display:flex;flex-wrap:nowrap;gap:6px;margin:6px 0 4px;overflow-x:auto;padding-bottom:4px;cursor:grab}
#sxs-builder-preview .sb-class-option{flex:none;min-height:40px;padding:4px 14px 4px 8px;gap:8px;border-radius:999px}
#sxs-builder-preview .sb-class-option>img{width:28px;height:28px}
#sxs-builder-preview .sb-class-option strong{font-size:14px}
#sxs-builder-preview .sb-class-option small{display:none}
#sxs-builder-preview .sb-picker-bottom{min-height:0;padding:0 0 4px}
#sxs-builder-preview .sb-lineage{font-size:12px}
#sxs-builder-preview .sb-source summary{min-height:24px;font-size:13px}

/* 게임 내 기본 조합: 작은 칩을 옆으로 넘겨 고른다(마우스 드래그는 builder.js에 이미 있음) */
#sxs-builder-preview .sb-presets{margin:10px 0}
#sxs-builder-preview .sb-presets .sb-section-head{margin-bottom:6px}
#sxs-builder-preview .sb-presets .sb-section-head h2{font-size:19px}
#sxs-builder-preview .sb-presets .sb-section-head>span,#sxs-builder-preview .sb-preset-count{font-size:13px}
#sxs-builder-preview .sb-preset-list{grid-auto-columns:max-content;gap:8px;padding-bottom:6px}
#sxs-builder-preview .sb-preset{min-height:0;padding:12px 14px;gap:10px;border-radius:12px;min-width:0}
#sxs-builder-preview .sb-preset-title{font-size:16px;line-height:1.4;white-space:nowrap}
#sxs-builder-preview .sb-preset-icons{gap:4px;grid-template-columns:repeat(8,32px)}
#sxs-builder-preview .sb-preset-icons :is(img,.sb-icon-placeholder){width:32px;height:32px}
#sxs-builder-preview .sb-preset-desc{display:none}

/* 내 조합 편집: 어느 폭에서도 작게 */
#sxs-builder-preview .sb-workspace{gap:18px;grid-template-columns:300px minmax(0,1fr)}
#sxs-builder-preview .sb-loadout{padding:12px 14px}
#sxs-builder-preview .sb-loadout .sb-section-head{margin-bottom:6px}
#sxs-builder-preview .sb-loadout .sb-section-head h2{font-size:17px}
#sxs-builder-preview .sb-current-class{display:none}
#sxs-builder-preview .sb-name-label{margin-bottom:8px;font-size:12px}
#sxs-builder-preview .sb-name-label input{min-height:34px;padding:5px 10px;font-size:14px}
#sxs-builder-preview .sb-slot-title{margin:4px 0}
#sxs-builder-preview .sb-slot-title h3{font-size:13px}
#sxs-builder-preview .sb-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#sxs-builder-preview .sb-slot{min-height:99px;width:auto;height:auto;padding:7px 3px;gap:6px}
#sxs-builder-preview .sb-slot img,#sxs-builder-preview .sb-slot .sb-icon-placeholder{width:44px;height:44px;border-radius:6px;object-fit:contain}
#sxs-builder-preview .sb-slot-name{display:-webkit-box;font-size:12px;line-height:1.35;min-height:33px;-webkit-line-clamp:2;overflow-wrap:anywhere}
#sxs-builder-preview .sb-edit-bar{margin:6px 0;font-size:12px}
#sxs-builder-preview .sb-actions{gap:6px;margin-top:6px}
#sxs-builder-preview .sb-actions button{min-height:36px;padding:5px 8px;font-size:13px}
#sxs-builder-preview .sb-status{min-height:20px;font-size:13px}

/* 후보 카드 글자 */
#sxs-builder-preview .sb-candidate-tag{font-size:12px}
#sxs-builder-preview .sb-candidate-name{font-size:14px}
#sxs-builder-preview .sb-library-note{font-size:13px}

/* 900px 이하: 스킬 목록을 먼저, 고정 요약 바는 크게, 내 조합 편집은 목록 아래로 */
@media(max-width:900px){
 #sxs-builder-preview .sb-workspace{display:flex;flex-direction:column;align-items:stretch;gap:14px}
 #sxs-builder-preview .sb-library{order:1}
 #sxs-builder-preview .sb-loadout{order:2;position:static}
 #sxs-builder-preview .sb-loadout .sb-slot-title,#sxs-builder-preview .sb-loadout .sb-slots,#sxs-builder-preview .sb-loadout .sb-edit-bar{display:none}
 #sxs-builder-preview .sb-mobile-tray{top:0;margin:0 -1px 10px}
 #sxs-builder-preview .sb-tray-slot{min-height:46px}
 #sxs-builder-preview .sb-tray-slot :is(img,.sb-icon-placeholder){width:32px;height:32px}
 #sxs-builder-preview .sb-tray-number{font-size:10px}
 #sxs-builder-preview .sb-mobile-notice{font-size:12px;min-height:18px;line-height:1.5}
 #sxs-builder-preview .sb-library-controls{position:sticky;top:78px;z-index:7;background:var(--sb-bg,#f3f9fe);padding:6px 0}
 #sxs-builder-preview .sb-candidates{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
 #sxs-builder-preview .sb-candidate-name{font-size:14px}
 #sxs-builder-preview .sb-candidate-tag{font-size:12px}
}
@media(max-width:480px){
 #sxs-builder-preview .sb-intro p{display:none}
 #sxs-builder-preview .sb-preset{padding:10px 12px}
 #sxs-builder-preview .sb-presets .sb-section-head{flex-wrap:wrap;row-gap:4px}
 #sxs-builder-preview .sb-presets .sb-section-head>span{flex-basis:100%;max-width:none;text-align:left;font-size:12px}
}