#sxs-builder-preview{--sb-bg:#f6f5ee;--sb-paper:#fffef9;--sb-ink:#293c30;--sb-muted:#687368;--sb-line:#d9dfd2;--sb-accent:#365d43;--sb-on:#fffef7;--sb-soft:#eaf0e2;--sb-warm:#f2eddf;--sb-active:#9b713f;--sb-passive:#56735e;--sb-error:#9a4733;color-scheme:light;position:relative;isolation:isolate;color:var(--sb-ink);font:14px/1.5 'Malgun Gothic','Noto Sans KR',system-ui,sans-serif;padding:0 0 12px;overflow:visible}
#sxs-builder-preview *,#sxs-builder-preview *::before,#sxs-builder-preview *::after{box-sizing:border-box;min-width:0}
#sxs-builder-preview [hidden],#sxs-builder-preview dialog:not([open]){display:none!important}
#sxs-builder-preview h1,#sxs-builder-preview h2,#sxs-builder-preview h3,#sxs-builder-preview p{margin:0}
#sxs-builder-preview h1{font:800 29px/1.3 'Malgun Gothic','Noto Sans KR',system-ui,sans-serif;letter-spacing:-1.1px;word-break:keep-all}
#sxs-builder-preview h2{font-size:17px;line-height:1.4;font-weight:800;letter-spacing:-.45px}
#sxs-builder-preview h3{font-size:13px;line-height:1.4;font-weight:750}
#sxs-builder-preview a{color:var(--sb-accent);text-underline-offset:3px}
#sxs-builder-preview img{display:block;max-width:100%;object-fit:contain}
#sxs-builder-preview button,#sxs-builder-preview input,#sxs-builder-preview select,#sxs-builder-preview textarea{font:inherit;color:inherit}
#sxs-builder-preview button{cursor:pointer;min-height:40px;padding:8px 12px;background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:6px;line-height:1.4;transition:background-color .15s,border-color .15s}
#sxs-builder-preview button:hover:not(:disabled){background:var(--sb-soft);border-color:#a1b39a}
#sxs-builder-preview button:disabled{opacity:.4;cursor:default}
#sxs-builder-preview :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #a6bb83;outline-offset:3px}
#sxs-builder-preview .sb-primary{color:var(--sb-on);background:var(--sb-accent);border-color:var(--sb-accent);font-weight:750}
#sxs-builder-preview .sb-primary:hover:not(:disabled){color:var(--sb-on);background:#294c35;border-color:#294c35}
#sxs-builder-preview .sb-quiet{background:transparent;border-color:transparent;color:var(--sb-muted);padding-inline:6px}
#sxs-builder-preview input,#sxs-builder-preview select,#sxs-builder-preview textarea{width:100%;min-height:42px;padding:9px 11px;background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:5px}
#sxs-builder-preview label{display:grid;gap:5px;font-size:11px;font-weight:650;color:var(--sb-muted)}
#sxs-builder-preview label :is(input,select,textarea){color:var(--sb-ink);font-size:13px;font-weight:400}
#sxs-builder-preview summary{cursor:pointer;min-height:36px;align-content:center;font-weight:650}
#sxs-builder-preview .sb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Keep the actual class choice in the first screen. */
#sxs-builder-preview .sb-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:116px;padding:24px 0 20px}
#sxs-builder-preview .sb-intro h1{margin:5px 0 7px}
#sxs-builder-preview .sb-intro p{color:var(--sb-muted);font-size:12px}
#sxs-builder-preview .sb-intro .sb-eyebrow{color:var(--sb-accent);font-size:10px;font-weight:750;letter-spacing:.7px}
#sxs-builder-preview .sb-intro-side{display:grid;grid-template-columns:auto 85px;align-items:center;column-gap:18px;row-gap:6px;flex:none;font-size:11px;color:var(--sb-muted)}
#sxs-builder-preview .sb-intro-side>span{align-self:end;font-size:10px;font-weight:700;letter-spacing:.2px}
#sxs-builder-preview .sb-intro-side>a{align-self:start;grid-column:1;text-decoration:none}
#sxs-builder-preview .sb-building{grid-column:2;grid-row:1/3;width:85px;height:75px}
#sxs-builder-preview .sb-class-picker{padding:17px 20px 0;background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:9px}
#sxs-builder-preview .sb-picker-top{display:flex;align-items:center;flex-wrap:wrap;gap:13px 20px}
#sxs-builder-preview .sb-picker-top>div:first-child{display:flex;align-items:center;gap:8px;white-space:nowrap}
#sxs-builder-preview .sb-picker-top strong{font-size:13px}
#sxs-builder-preview .sb-step{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex:none;border:1px solid #c9d4be;border-radius:5px;background:var(--sb-soft);color:var(--sb-accent);font-size:10px;font-weight:800;letter-spacing:.2px}
#sxs-builder-preview .sb-tiers{display:flex;gap:4px}
#sxs-builder-preview .sb-tiers button{min-width:43px;min-height:35px;padding:6px 10px;border-color:transparent;background:#f2f2e9;font-size:12px;font-weight:700}
#sxs-builder-preview .sb-tiers button[aria-pressed=true]{color:var(--sb-on);background:var(--sb-accent);border-color:var(--sb-accent)}
#sxs-builder-preview .sb-native-class{grid-template-columns:auto 1fr;align-items:center;gap:7px;margin-left:auto;font-size:10px}
#sxs-builder-preview .sb-native-class select{width:170px;min-height:35px;padding:5px 26px 5px 9px;font-size:11px}
#sxs-builder-preview .sb-class-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0 10px}
#sxs-builder-preview .sb-class-option{display:flex;align-items:center;gap:11px;min-height:75px;padding:11px 13px;text-align:left;background:#f8f8f1}
#sxs-builder-preview .sb-class-option>img{width:44px;height:44px;flex:none}
#sxs-builder-preview .sb-class-option>span{display:grid;gap:3px}
#sxs-builder-preview .sb-class-option strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
#sxs-builder-preview .sb-class-option small{font-size:10px;line-height:1.35;color:var(--sb-muted)}
#sxs-builder-preview .sb-class-option[aria-pressed=true]{border-color:#6d8a59;background:var(--sb-soft);box-shadow:inset 3px 0 0 var(--sb-accent)}
#sxs-builder-preview .sb-picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;border-top:1px solid #e8eadf}
#sxs-builder-preview .sb-lineage{font-size:11px;line-height:1.6;color:var(--sb-muted)}
#sxs-builder-preview .sb-source{flex:none;max-width:350px;position:relative;font-size:10px;color:var(--sb-muted)}
#sxs-builder-preview .sb-source summary{min-height:34px;font-size:10px;text-align:right}
#sxs-builder-preview .sb-source[open]{align-self:start}
#sxs-builder-preview .sb-source p{padding:0 0 12px;font-size:11px;line-height:1.7}

/* Preview the eight skills before loading a default build. */
#sxs-builder-preview .sb-presets{margin:24px 0}
#sxs-builder-preview .sb-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
#sxs-builder-preview .sb-section-head>div{display:flex;align-items:center;gap:8px}
#sxs-builder-preview .sb-section-head>span,#sxs-builder-preview .sb-preset-count{font-size:10px;color:var(--sb-muted);white-space:nowrap}
#sxs-builder-preview .sb-preset-list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/4);gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:1px 1px 7px;scrollbar-width:thin;scrollbar-color:#c2ccb8 transparent}
#sxs-builder-preview .sb-preset{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;min-height:119px;padding:12px;text-align:left;scroll-snap-align:start}
#sxs-builder-preview .sb-preset:hover:not(:disabled){border-color:#789469;background:#f4f6eb}
#sxs-builder-preview .sb-preset[aria-pressed=true]{border-color:#67825c;background:var(--sb-soft)}
#sxs-builder-preview .sb-preset-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:12px;font-weight:750;line-height:1.35}
#sxs-builder-preview .sb-preset-title small{font-size:10px;font-weight:400;color:var(--sb-muted)}
#sxs-builder-preview .sb-preset-icons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:4px}
#sxs-builder-preview .sb-preset-icons :is(img,.sb-icon-placeholder){width:25px;height:25px;border-radius:4px}
#sxs-builder-preview .sb-preset-icons>:nth-child(5){border-left:1px solid #bac7ae;padding-left:3px}
#sxs-builder-preview .sb-preset-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:10px;font-weight:400;color:var(--sb-muted);line-height:1.5}
#sxs-builder-preview .sb-preset-list>.sb-empty{grid-column:1/-1}

/* Loadout and library remain separate working areas. */
#sxs-builder-preview .sb-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px}
#sxs-builder-preview .sb-loadout{position:sticky;top:20px;padding:18px;background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:9px}
#sxs-builder-preview .sb-loadout .sb-section-head{margin-bottom:16px}
#sxs-builder-preview .sb-count{color:var(--sb-accent)!important;font-weight:750;font-size:12px!important}
#sxs-builder-preview .sb-name-label{margin-bottom:15px}
#sxs-builder-preview .sb-name-label input{min-height:39px;background:#f9f9f2;font-size:13px}
#sxs-builder-preview .sb-slot-title{display:flex;align-items:center;justify-content:space-between;margin:13px 0 6px}
#sxs-builder-preview .sb-slot-title span{color:var(--sb-muted);font-size:9px;font-weight:650;letter-spacing:.4px}
#sxs-builder-preview .sb-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
#sxs-builder-preview .sb-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:103px;padding:9px 3px 7px;text-align:center;border-top:2px solid #baa172}
#sxs-builder-preview .sb-slots[data-slot-group=passive] .sb-slot{border-top-color:#8ca68b}
#sxs-builder-preview .sb-slot[aria-pressed=true]{border-color:var(--sb-accent);box-shadow:0 0 0 1px var(--sb-accent);background:var(--sb-soft)}
#sxs-builder-preview .sb-slot img{width:44px;height:44px;border-radius:5px}
#sxs-builder-preview .sb-icon-placeholder{display:inline-grid;align-items:center;justify-content:center;width:44px;height:44px;border:1px dashed #bfccaf;border-radius:5px;color:#8a9a7a;background:#f6f7ed;font-size:23px;font-weight:400}
#sxs-builder-preview .sb-slot-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:10px;line-height:1.3;min-height:26px;overflow-wrap:anywhere}
#sxs-builder-preview .sb-slot-number{position:absolute;top:4px;left:4px;display:grid;place-items:center;width:14px;height:14px;border-radius:3px;background:#fffef5e8;color:var(--sb-muted);font-size:9px;font-weight:750}
#sxs-builder-preview .sb-slot[aria-pressed=true] .sb-slot-number{color:var(--sb-on);background:var(--sb-accent)}
#sxs-builder-preview .sb-edit-bar{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:8px 0 10px;color:var(--sb-muted);font-size:10px}
#sxs-builder-preview .sb-edit-bar button{min-height:32px;padding-block:4px;font-size:10px}
#sxs-builder-preview .sb-selected-slot{color:var(--sb-accent);font-weight:700}
#sxs-builder-preview .sb-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#sxs-builder-preview .sb-actions button{min-height:38px;padding:8px 6px;font-size:11px}
#sxs-builder-preview .sb-status{min-height:38px;padding:10px 0;color:var(--sb-accent);font-size:10px;line-height:1.6;overflow-wrap:anywhere}
#sxs-builder-preview .sb-saved{border-top:1px solid var(--sb-line);margin-top:3px}
#sxs-builder-preview .sb-saved summary{font-size:11px}
#sxs-builder-preview .sb-save-mode{color:var(--sb-muted);font-weight:400;font-size:9px;margin-left:4px}
#sxs-builder-preview .sb-saved-row{display:flex;align-items:center;gap:4px;margin:5px 0}
#sxs-builder-preview .sb-saved-row>button:first-child{flex:1;text-align:left;font-size:11px;overflow-wrap:anywhere}
#sxs-builder-preview .sb-saved-row small{display:block;margin-top:3px;color:var(--sb-muted);font-size:9px}
#sxs-builder-preview .sb-saved-row>button:last-child{min-width:38px;font-size:10px}
#sxs-builder-preview .sb-empty{grid-column:1/-1;padding:20px 12px;color:var(--sb-muted);font-size:12px;text-align:center}
#sxs-builder-preview .sb-library{padding:18px 0 0}
#sxs-builder-preview .sb-library .sb-section-head{padding-bottom:12px;border-bottom:1px solid var(--sb-line)}
#sxs-builder-preview .sb-library-controls{display:flex;align-items:center;gap:10px}
#sxs-builder-preview .sb-search-label{flex:1}
#sxs-builder-preview .sb-search-label input{padding-left:12px;font-size:12px}
#sxs-builder-preview .sb-library-tabs{display:flex;align-items:stretch;gap:3px;padding:3px;border:1px solid var(--sb-line);border-radius:6px;background:#eeeee3}
#sxs-builder-preview .sb-library-tabs button{min-height:33px;min-width:58px;padding:5px 10px;background:transparent;border-color:transparent;font-size:12px;font-weight:750}
#sxs-builder-preview .sb-library-tabs button[aria-pressed=true]{color:var(--sb-on);background:var(--sb-accent);border-color:var(--sb-accent);box-shadow:0 1px 2px #293c3012}
#sxs-builder-preview .sb-target{padding:10px 0;color:var(--sb-accent);font-size:10px;line-height:1.6}
#sxs-builder-preview .sb-candidates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#sxs-builder-preview .sb-candidate{position:relative;display:flex;background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:7px;transition:border-color .15s}
#sxs-builder-preview .sb-candidate:hover{border-color:#a6b99b}
#sxs-builder-preview .sb-candidate.sb-equipped{background:#edf2e5;border-color:#b4c5a6}
#sxs-builder-preview .sb-candidate-main{display:flex;align-items:flex-start;gap:8px;width:100%;flex:1;min-height:111px;border:0;border-radius:6px;padding:20px 9px 30px;background:transparent;text-align:left}
#sxs-builder-preview .sb-candidate-main:hover:not(:disabled){background:#eaf0e266}
#sxs-builder-preview .sb-candidate-main>:is(img,.sb-icon-placeholder){width:40px;height:40px;flex:none;border-radius:5px}
#sxs-builder-preview .sb-candidate-copy{display:flex;flex-direction:column;justify-content:center;gap:4px;align-self:center}
#sxs-builder-preview .sb-candidate-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
#sxs-builder-preview .sb-candidate-tag{display:block;color:var(--sb-muted);font-size:9px;line-height:1.35;overflow-wrap:anywhere}
#sxs-builder-preview .sb-candidate .sb-info{position:absolute;bottom:3px;right:3px;display:grid;place-items:center;width:30px;height:28px;min-height:28px;padding:0;border:0;border-radius:4px;color:var(--sb-muted);background:transparent;font-size:16px}
#sxs-builder-preview .sb-candidate .sb-info:hover:not(:disabled){color:var(--sb-accent);background:#dfe8d3}
#sxs-builder-preview .sb-equipped-mark{position:absolute;top:4px;left:7px;color:var(--sb-accent);font-size:8px;font-weight:750;pointer-events:none}
#sxs-builder-preview .sb-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:15px 0 8px}
#sxs-builder-preview .sb-pagination button{min-height:34px;min-width:57px;padding:5px 10px;font-size:11px}
#sxs-builder-preview .sb-page{font-size:10px;color:var(--sb-muted);font-variant-numeric:tabular-nums}
#sxs-builder-preview .sb-library-note{text-align:center;font-size:10px;color:var(--sb-muted)}
#sxs-builder-preview .sb-mobile-tray{display:none}
#sxs-builder-preview .sb-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 15px;margin:27px 0 0;padding:13px 0;border-top:1px solid var(--sb-line);color:var(--sb-muted);font-size:10px}

/* Native dialogs keep detail and sharing out of the working area. */
#sxs-builder-preview dialog{position:fixed;inset:0;margin:auto;max-height:min(82vh,780px);padding:26px;border:1px solid #c6d1bb;border-radius:12px;background:var(--sb-paper);color:var(--sb-ink);box-shadow:0 20px 80px #17271a30;overflow:auto;overscroll-behavior:contain}
#sxs-builder-preview dialog[open]{display:block}
#sxs-builder-preview dialog::backdrop{background:#1e302766;backdrop-filter:blur(2px)}
#sxs-builder-preview .sb-detail{width:min(520px,calc(100% - 32px))}
#sxs-builder-preview .sb-detail :is([data-action=close-detail],.sb-detail-close){position:absolute;top:12px;right:12px;min-height:34px;min-width:34px;padding:5px 8px;background:transparent;border-color:transparent;font-size:12px}
#sxs-builder-preview .sb-detail-head{display:flex;gap:14px;align-items:center;margin-bottom:20px;padding-right:25px}
#sxs-builder-preview .sb-detail-head>:is(img,.sb-icon-placeholder),#sxs-builder-preview .sb-detail-icon{width:64px;height:64px;flex:none;border-radius:8px}
#sxs-builder-preview .sb-detail-head :is(h2,h3){font-size:21px;line-height:1.3;letter-spacing:-.4px;overflow-wrap:anywhere}
#sxs-builder-preview .sb-detail-owner,#sxs-builder-preview .sb-detail-tag{display:block;margin-top:5px;color:var(--sb-muted);font-size:11px;line-height:1.55}
#sxs-builder-preview .sb-detail-desc{padding:16px;border:1px solid #e2e6d8;border-radius:7px;background:#f5f5eb;font-size:13px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-line}
#sxs-builder-preview .sb-detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}
#sxs-builder-preview .sb-detail-tags>*{padding:3px 7px;border:1px solid #dbe3cf;border-radius:4px;color:var(--sb-accent);background:#f1f5e9;font-size:10px}
#sxs-builder-preview .sb-detail-compare{display:flex;align-items:center;gap:10px;margin-top:16px;padding:11px 12px;border-left:3px solid #91a777;background:var(--sb-soft);color:var(--sb-muted);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
#sxs-builder-preview .sb-detail-compare img{width:32px;height:32px;flex:none;border-radius:4px}
#sxs-builder-preview .sb-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
#sxs-builder-preview .sb-detail-actions>button{flex:1;min-height:44px;font-size:12px}
#sxs-builder-preview .sb-detail-actions>small{flex-basis:100%;color:var(--sb-muted);font-size:10px;text-align:center}
#sxs-builder-preview .sb-code-panel{width:min(500px,calc(100% - 32px))}
#sxs-builder-preview .sb-code-panel .sb-section-head{margin-bottom:9px}
#sxs-builder-preview .sb-code-panel .sb-section-head>button{min-height:32px;padding:5px 8px;border-color:transparent;font-size:11px}
#sxs-builder-preview .sb-code-panel>p{margin:0 0 18px;color:var(--sb-muted);font-size:12px;line-height:1.7}
#sxs-builder-preview .sb-code-panel>.sb-primary{width:100%;margin-top:8px}
#sxs-builder-preview .sb-code-panel details{margin-top:21px;padding-top:9px;border-top:1px solid var(--sb-line)}
#sxs-builder-preview .sb-code-panel details summary{margin-bottom:8px;font-size:12px}
#sxs-builder-preview .sb-code-panel textarea{resize:vertical;min-height:91px;margin-bottom:9px;font:11px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
#sxs-builder-preview .sb-code-panel #sb-share-url{font-size:12px}
#sxs-builder-preview .sb-code-panel .sb-code-status{margin:12px 0 0;font-size:11px;color:var(--sb-accent)}

@media(max-width:1100px){
 #sxs-builder-preview .sb-native-class{grid-template-columns:1fr;gap:2px}
 #sxs-builder-preview .sb-native-class select{width:146px}
 #sxs-builder-preview .sb-picker-top{gap:10px 13px}
 #sxs-builder-preview .sb-tiers button{min-width:38px;padding-inline:8px}
 #sxs-builder-preview .sb-workspace{grid-template-columns:320px minmax(0,1fr);gap:18px}
 #sxs-builder-preview .sb-loadout{padding:16px}
 #sxs-builder-preview .sb-candidates{grid-template-columns:repeat(3,minmax(0,1fr))}
 #sxs-builder-preview .sb-preset-icons{gap:3px}
 #sxs-builder-preview .sb-preset-icons :is(img,.sb-icon-placeholder){width:22px;height:22px}
}
@media(max-width:820px){
 #sxs-builder-preview .sb-intro{padding-top:22px}
 #sxs-builder-preview .sb-intro-side{grid-template-columns:1fr;row-gap:6px;text-align:right}
 #sxs-builder-preview .sb-building{display:none}
 #sxs-builder-preview .sb-picker-top{align-items:flex-start}
 #sxs-builder-preview .sb-native-class{display:none}
 #sxs-builder-preview .sb-tiers{flex:1;justify-content:flex-end}
 #sxs-builder-preview .sb-tiers button{min-width:34px;padding-inline:5px}
 #sxs-builder-preview .sb-class-option{padding:10px;gap:7px}
 #sxs-builder-preview .sb-class-option>img{width:36px;height:36px}
 #sxs-builder-preview .sb-class-option strong{font-size:12px}
 #sxs-builder-preview .sb-class-option small{font-size:9px}
 #sxs-builder-preview .sb-preset-list{grid-auto-columns:calc((100% - 20px)/3)}
 #sxs-builder-preview .sb-workspace{grid-template-columns:290px minmax(0,1fr);gap:16px}
 #sxs-builder-preview .sb-loadout{padding:14px}
 #sxs-builder-preview .sb-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sxs-builder-preview .sb-library-controls{align-items:stretch;flex-direction:column;gap:7px}
 #sxs-builder-preview .sb-library-tabs{align-self:flex-start}
}
@media(max-width:760px){
 #sxs-builder-preview .sb-intro{min-height:105px;gap:10px}
 #sxs-builder-preview h1{font-size:26px}
 #sxs-builder-preview .sb-class-picker{padding:14px 15px 0}
 #sxs-builder-preview .sb-class-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
 #sxs-builder-preview .sb-class-option{min-height:67px;padding:10px 12px;gap:10px}
 #sxs-builder-preview .sb-class-option>img{width:40px;height:40px}
 #sxs-builder-preview .sb-class-option strong{font-size:13px}
 #sxs-builder-preview .sb-class-option small{font-size:10px}
 #sxs-builder-preview .sb-picker-top{gap:10px}
 #sxs-builder-preview .sb-picker-top>div:first-child{flex-basis:100%}
 #sxs-builder-preview .sb-tiers{justify-content:stretch;gap:4px}
 #sxs-builder-preview .sb-tiers button{flex:1;min-height:38px;min-width:0;padding-inline:3px}
 #sxs-builder-preview .sb-picker-bottom{flex-wrap:wrap;gap:0;padding-top:7px}
 #sxs-builder-preview .sb-lineage{flex:1 1 100%;font-size:10px}
 #sxs-builder-preview .sb-source{max-width:100%;flex:1 1 100%}
 #sxs-builder-preview .sb-source summary{min-height:30px;text-align:left;font-weight:400}
 #sxs-builder-preview .sb-presets{margin:21px 0}
 #sxs-builder-preview .sb-section-head{margin-bottom:10px}
 #sxs-builder-preview .sb-section-head>span{font-size:9px}
 #sxs-builder-preview .sb-preset-list{grid-auto-columns:minmax(235px,43%);gap:8px;margin-right:-1px;padding-bottom:7px}
 #sxs-builder-preview .sb-preset{min-height:112px;gap:9px;padding:11px}
 #sxs-builder-preview .sb-preset-icons{gap:4px}
 #sxs-builder-preview .sb-preset-icons :is(img,.sb-icon-placeholder){width:25px;height:25px}
 #sxs-builder-preview .sb-workspace{grid-template-columns:minmax(0,1fr);gap:24px}
 #sxs-builder-preview .sb-loadout{position:static;padding:17px}
 #sxs-builder-preview .sb-slots{gap:7px}
 #sxs-builder-preview .sb-slot{min-height:101px}
 #sxs-builder-preview .sb-slot-name{font-size:11px;min-height:29px}
 #sxs-builder-preview .sb-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
 #sxs-builder-preview .sb-status{min-height:33px}
 #sxs-builder-preview .sb-library{padding:0}
 #sxs-builder-preview .sb-mobile-tray{position:sticky;top:0;z-index:8;display:block;margin:0 -1px 16px;padding:8px 9px 6px;background:#fffef9f5;border:1px solid #bdcbb0;border-bottom:2px solid var(--sb-accent);border-radius:7px;box-shadow:0 5px 14px #293c3010;backdrop-filter:blur(7px)}
 #sxs-builder-preview .sb-tray-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
 #sxs-builder-preview .sb-tray-slot{position:relative;display:grid;place-items:center;min-width:0;min-height:44px;padding:5px 2px;border-color:#e0e4d7;border-radius:4px;background:#f5f5eb}
 #sxs-builder-preview .sb-tray-slot:nth-child(5)::before{content:'';position:absolute;top:2px;bottom:2px;left:-3px;width:1px;background:#a8b79b}
 #sxs-builder-preview .sb-tray-slot[aria-pressed=true]{border-color:var(--sb-accent);box-shadow:inset 0 0 0 1px var(--sb-accent);background:var(--sb-soft)}
 #sxs-builder-preview .sb-tray-slot :is(img,.sb-icon-placeholder){width:29px;height:29px;border-radius:4px;font-size:20px}
 #sxs-builder-preview .sb-tray-number{position:absolute;top:1px;left:2px;min-width:11px;border-radius:2px;color:#596950;background:#fffef5e8;font-size:8px;font-weight:750;line-height:1.3}
 #sxs-builder-preview .sb-tray-slot[aria-pressed=true] .sb-tray-number{color:var(--sb-on);background:var(--sb-accent)}
 #sxs-builder-preview .sb-mobile-notice{min-height:18px;margin-top:5px;color:var(--sb-accent);font-size:9px;line-height:1.5}
 #sxs-builder-preview .sb-library-controls{flex-direction:row;gap:8px}
 #sxs-builder-preview .sb-library-tabs{align-self:auto}
 #sxs-builder-preview .sb-candidates{grid-template-columns:repeat(4,minmax(0,1fr))}
 #sxs-builder-preview .sb-library .sb-section-head{padding-bottom:10px}
 #sxs-builder-preview .sb-candidate-main{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:129px;padding:18px 6px 28px;text-align:center}
 #sxs-builder-preview .sb-candidate-copy{align-items:center;gap:3px}
 #sxs-builder-preview .sb-candidate-name{font-size:11px;min-height:30px}
 #sxs-builder-preview .sb-candidate-tag{font-size:9px}
 #sxs-builder-preview .sb-equipped-mark{top:3px;left:5px;font-size:8px}
 #sxs-builder-preview .sb-pagination button{min-height:40px}
 #sxs-builder-preview .sb-footer{margin-top:23px;font-size:9px}
}
@media(max-width:480px){
 #sxs-builder-preview .sb-intro{align-items:flex-start;min-height:0;padding:22px 0 17px}
 #sxs-builder-preview h1{font-size:24px;letter-spacing:-.9px}
 #sxs-builder-preview h2{font-size:16px}
 #sxs-builder-preview .sb-intro>div:first-child{flex:1}
 #sxs-builder-preview .sb-intro p{font-size:11px}
 #sxs-builder-preview .sb-intro-side{display:none}
 #sxs-builder-preview .sb-class-picker{padding-inline:12px}
 #sxs-builder-preview .sb-class-option{gap:8px;padding:9px}
 #sxs-builder-preview .sb-class-option>img{width:38px;height:38px}
 #sxs-builder-preview .sb-class-option strong{font-size:12px}
 #sxs-builder-preview .sb-class-option small{font-size:9px}
 #sxs-builder-preview .sb-step{width:21px;height:21px;font-size:9px}
 #sxs-builder-preview .sb-section-head>div{gap:6px;flex-wrap:wrap}
 #sxs-builder-preview .sb-section-head>span{max-width:100px;white-space:normal;text-align:right}
 #sxs-builder-preview .sb-preset-count{font-size:9px}
 #sxs-builder-preview .sb-preset-list{grid-auto-columns:minmax(244px,80%)}
 #sxs-builder-preview .sb-loadout{padding:14px 12px}
 #sxs-builder-preview .sb-name-label input{min-height:42px}
 #sxs-builder-preview .sb-slots{gap:5px}
 #sxs-builder-preview .sb-slot{min-height:101px;padding-inline:3px}
 #sxs-builder-preview .sb-slot-name{font-size:10px;min-height:27px}
 #sxs-builder-preview .sb-edit-bar{font-size:10px}
 #sxs-builder-preview .sb-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sxs-builder-preview .sb-actions button{min-height:40px}
 #sxs-builder-preview .sb-candidates{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #sxs-builder-preview .sb-candidate-main{min-height:132px}
 #sxs-builder-preview .sb-library-controls{flex-direction:column}
 #sxs-builder-preview .sb-library-tabs{align-self:flex-start}
 #sxs-builder-preview .sb-library-tabs button{min-height:36px;min-width:72px}
 #sxs-builder-preview .sb-mobile-tray{padding:7px 6px 5px}
 #sxs-builder-preview .sb-tray-slots{gap:3px}
 #sxs-builder-preview .sb-tray-slot{min-height:43px;padding-inline:1px}
 #sxs-builder-preview .sb-tray-slot :is(img,.sb-icon-placeholder){width:28px;height:28px}
 #sxs-builder-preview .sb-library-note{font-size:9px;line-height:1.6}
 #sxs-builder-preview dialog{inset:auto 0 0;margin:0;width:100%;max-height:88dvh;padding:22px 18px max(22px,env(safe-area-inset-bottom));border:1px solid #c6d1bb;border-bottom:0;border-radius:14px 14px 0 0}
 #sxs-builder-preview .sb-detail-head{gap:12px;margin-bottom:17px}
 #sxs-builder-preview .sb-detail-head :is(h2,h3){font-size:20px}
 #sxs-builder-preview .sb-detail-desc{padding:13px;font-size:13px;line-height:1.75}
 #sxs-builder-preview .sb-detail-actions{position:sticky;bottom:-1px;margin-inline:-3px;padding:9px 3px 0;background:var(--sb-paper)}
 #sxs-builder-preview label :is(input,select,textarea){font-size:16px}
 #sxs-builder-preview .sb-code-panel #sb-share-url{font-size:14px}
}
@media(pointer:coarse){
 #sxs-builder-preview .sb-candidate .sb-info{width:36px;height:36px;min-height:36px;right:0;bottom:0}
 #sxs-builder-preview .sb-candidate-main{padding-bottom:35px}
 #sxs-builder-preview .sb-tiers button{min-height:40px}
}
@media(prefers-reduced-motion:reduce){#sxs-builder-preview button,#sxs-builder-preview .sb-candidate{transition:none}#sxs-builder-preview .sb-preset-list{scroll-behavior:auto}}

/* A link from the finder lands on the actual editor, with its class still visible. */
#sxs-builder-preview .sb-current-class{display:flex;align-items:center;gap:7px;padding:0 0 12px;font-size:12px}
#sxs-builder-preview .sb-current-class img{width:27px;height:27px}
#sxs-builder-preview .sb-current-class small{color:var(--sb-muted)}
#sxs-builder-preview .sb-current-class a{margin-left:auto;font-size:11px;text-decoration:none}
#sxs-builder-preview #edit{scroll-margin-top:18px}
@media(min-width:761px){
 #sxs-builder-preview .sb-intro{min-height:86px;padding:14px 0 12px}
 #sxs-builder-preview .sb-intro h1{font-size:26px;margin:3px 0 5px}
 #sxs-builder-preview .sb-building{height:58px;width:70px}
 #sxs-builder-preview .sb-class-picker{padding:12px 16px 0}
 #sxs-builder-preview .sb-class-options{margin:8px 0 6px}
 #sxs-builder-preview .sb-class-option{min-height:55px;padding:7px 12px}
 #sxs-builder-preview .sb-class-option>img{width:36px;height:36px}
 #sxs-builder-preview .sb-picker-bottom{min-height:29px}
 #sxs-builder-preview .sb-source summary{min-height:28px}
 #sxs-builder-preview .sb-presets{margin:17px 0}
 #sxs-builder-preview .sb-section-head{margin-bottom:9px}
 #sxs-builder-preview .sb-preset{min-height:87px;padding:9px 11px;gap:6px}
 #sxs-builder-preview .sb-preset-icons :is(img,.sb-icon-placeholder){width:23px;height:23px}
 #sxs-builder-preview .sb-slot{min-height:91px;padding-top:7px}
 #sxs-builder-preview .sb-slot img{width:38px;height:38px}
 #sxs-builder-preview .sb-loadout .sb-section-head{margin-bottom:9px}
 #sxs-builder-preview .sb-name-label{margin-bottom:10px}
}