/* Creative studio preview. Activated by ?preview=workbench; not the public default. */
.workbench-preview{font-family:Inter,"Pretendard","Apple SD Gothic Neo",system-ui,sans-serif}
/* Studio stage: board first on desktop, selection first on narrow screens. */
.workbench-preview a{color:#5937ca}.workbench-preview header a{color:#e8e1ff}
.workbench-preview .gamenav{display:flex;max-width:none;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0}
.workbench-preview .wrap{max-width:1600px}.workbench-preview .wb-heading h2{margin:0;line-height:1.18;letter-spacing:-.045em}.workbench-preview .wb-eyebrow{margin:0 0 10px;font-weight:850}.workbench-preview .wb-lede{margin:12px 0 0;line-height:1.6}
.workbench-preview .wb-jump{display:flex}.workbench-preview .wb-jump a{text-decoration:none;font-weight:750}
.workbench-preview .wb-heading>.hint{grid-column:1/-1;text-align:left;margin:0}
.workbench-preview:not(.editorial-preview) .wb-heading>.hint a{color:#e8e1ff}
.workbench-preview .wb-editor-head{display:flex}.workbench-preview .wb-editor-head h3{margin:0}.workbench-preview .wb-editor-head .workspace-status{margin:0 0 0 auto}
.workbench-preview .wb-actions{display:flex;justify-content:space-between;gap:16px}.workbench-preview .wb-action-primary{display:flex;gap:8px;order:2}.workbench-preview .wb-more-actions{order:1;min-width:0}.workbench-preview button{font-weight:700}
.workbench-preview .wb-edit-columns{display:grid;align-items:stretch}.workbench-preview .wb-roster,.workbench-preview .wb-board{min-width:0}.workbench-preview .wb-step{margin:0 0 7px;font-weight:850}.workbench-preview .wb-roster h4,.workbench-preview .wb-board h4{margin:0 0 16px;line-height:1.35}
.workbench-preview .wb-placement{display:flex;align-items:center;flex-wrap:wrap;font-size:13px}.workbench-preview .character-search{display:block;margin:0 0 12px;padding:0;background:none;border:0}.workbench-preview .character-search label{display:block;margin-bottom:7px}.workbench-preview .character-search input{width:100%;margin-bottom:7px}.workbench-preview .character-search span{display:block}
.workbench-preview .pool{margin:0;padding:0;border:0;background:none;overflow:auto;border-radius:0}.workbench-preview .pool h3{margin:0 0 12px;line-height:1.5}.workbench-preview #pool{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.workbench-preview .item{width:100%;height:auto;aspect-ratio:1}.workbench-preview .item[aria-pressed=true]{outline:4px solid #6b4de6;outline-offset:-4px}.workbench-preview .item .cap{font-size:10px;white-space:normal}
.workbench-preview .content-mode,.workbench-preview #contentModeButtons{justify-content:flex-start}.workbench-preview .row,.workbench-preview .items{min-height:100px}.workbench-preview .rowtools button{background:transparent;border-color:transparent}
.workbench-preview{--bg:#151429;--panel:#fffdfa;--panel2:#f0edf7;--surface:#fffdfa;--line:#d7d3e4;--text:#252239;--muted:#625c76;--accent:#6b4de6;--s:#ffaaa8;--a:#ffce92;--b:#f5e49b;--c:#bde5ab;--d:#a9dce9;--e:#d5bfea;background:#151429;color:#f7f5ff}
.workbench-preview header{display:flex;align-items:center;gap:24px;padding:18px 32px;background:#151429;border-bottom:1px solid #36334f;color:#fff}
.workbench-preview header h1{font-size:18px;letter-spacing:-.02em}.workbench-preview header p{margin:0;font-size:12px;color:#b9b3cf}.workbench-preview header p:last-child{margin-left:auto}
.workbench-preview .gamenav{padding:10px 28px;background:#1e1c35;border-bottom:1px solid #36334f}.workbench-preview .gamenav a{flex-shrink:0;border:0;background:transparent;border-radius:7px;color:#c9c2df}.workbench-preview .gamenav a.active{background:#6b4de6;color:#fff;box-shadow:none}
.workbench-preview .wrap{padding:28px 32px 80px}.workbench-preview .wb-heading{max-width:none;margin-bottom:24px}.workbench-preview .wb-eyebrow{color:#38d9b3;font-size:11px;letter-spacing:.16em}.workbench-preview .wb-heading h2{color:#fff;font-size:clamp(30px,3vw,44px)}.workbench-preview .wb-lede{color:#c0bad2}
.workbench-preview .wb-jump{gap:0;margin-top:22px;max-width:750px;border:1px solid #48415e;border-radius:12px;overflow:hidden}.workbench-preview .wb-jump a{flex:1;display:flex;align-items:center;min-height:48px;padding:12px 16px;border:0;border-right:1px solid #48415e;background:#25213d;color:#e4dff3;font-size:13px}.workbench-preview .wb-jump a:first-child{background:#38d9b3;color:#142e29}.workbench-preview .wb-jump a:last-child{border:0}
.workbench-preview .wb-layout{display:block}.workbench-preview .wb-editor{border-radius:18px;overflow:hidden;background:#fffdfa;color:var(--text);box-shadow:0 24px 80px #08071566}
.workbench-preview .wb-editor-head{align-items:center;padding:20px 24px;border-bottom:1px solid #e6e1ee;gap:16px}.workbench-preview .wb-editor-head h3{font-size:22px}.workbench-preview .wb-editor-head .workspace-status{font-size:12px;justify-content:flex-end}
.workbench-preview .wb-actions{align-items:flex-start;padding:12px 24px;background:#f4f1fa;border-bottom:1px solid #e6e1ee}.workbench-preview button{border-radius:8px;min-height:44px}.workbench-preview button.primary{background:#6b4de6;border-color:#6b4de6;color:#fff}
.workbench-preview .wb-action-primary{align-items:center;flex-wrap:wrap}.workbench-preview .wb-action-primary #feedback{background:#fff;border-color:#c9bfdc;color:#493968}.workbench-preview .wb-save-label{color:#625c76;font-size:10px;font-weight:850;letter-spacing:.08em;margin-right:4px}.workbench-preview .wb-action-primary #share{background:#e0faf2;border-color:#9cddca;color:#164738}
.workbench-preview summary{cursor:pointer;min-height:44px;padding:10px 0;color:#39324f;font-weight:750;font-size:13px}.workbench-preview .wb-more-actions summary{color:#39324f}.workbench-preview .wb-more-actions .toolbar{max-width:580px;border-radius:10px}
.workbench-preview .wb-edit-columns{grid-template-columns:minmax(0,1fr) 292px;gap:0}.workbench-preview .wb-roster{grid-column:2;grid-row:1;background:#f4f1fa;border:0;border-left:1px solid #e3deec;padding:22px 18px}.workbench-preview .wb-board{grid-column:1;grid-row:1;border:0;padding:22px 24px}
.workbench-preview .wb-step{color:#6b4de6;font-size:10px;letter-spacing:.12em}.workbench-preview .wb-roster h4,.workbench-preview .wb-board h4{font-size:19px}.workbench-preview .wb-board>h4{display:none}
.workbench-preview .wb-layout>.scenario-guide{background:#fffdfa;color:#252239;border:1px solid #d7d3e4;border-radius:12px;margin:18px 0 0;padding:24px}
.workbench-preview .wb-placement{min-height:64px;padding:12px 14px;margin-bottom:16px;border:1px solid #c9bdf2;border-radius:10px;background:#f3eeff;color:#53486d;gap:7px}.workbench-preview .wb-placement strong{width:100%;color:#3e286e}.workbench-preview .wb-placement button{min-height:44px;min-width:44px;padding:8px 14px;background:#fff;border-color:#b8a9e5;color:#432f83}.workbench-preview .wb-placement button:hover,.workbench-preview .wb-placement button:focus-visible{background:#6b4de6;color:#fff}
.workbench-preview .character-search label{font-size:12px}.workbench-preview .character-search input{min-height:44px;background:white;border-color:#bcb3cf;border-radius:8px;color:#252239}.workbench-preview .character-search span{font-size:11px}
.workbench-preview .pool{max-height:620px}.workbench-preview .pool h3{font-size:11px;color:#655b7b}.workbench-preview #pool{gap:7px}.workbench-preview .item{border-radius:8px;background:#29243c;border:0;box-shadow:0 2px 4px #251c3a22}.workbench-preview .item[aria-pressed=true]{outline-color:#6b4de6}.workbench-preview .item .cap{padding:3px 2px;line-height:1.1;background:#171327d9;color:#fff}
.workbench-preview .content-mode{padding:0 0 16px;margin:0;border:0}.workbench-preview .content-mode>span{width:100%;font-size:12px;color:#625c76}.workbench-preview #contentModeButtons{gap:6px}.workbench-preview #contentModeButtons button{background:#f0edf7;border-color:#ded7eb;color:#4e4365;font-size:12px}.workbench-preview #contentModeButtons button[aria-pressed=true]{background:#6b4de6;border-color:#6b4de6;color:#fff}
.workbench-preview #board{border-radius:12px;background:#fcfbfe;border:1px solid #d7d0e3;box-shadow:0 4px 18px #32204e09}.workbench-preview .row{border-color:#ded8e9}.workbench-preview .label{width:74px;flex-basis:74px;font-size:26px;font-weight:850;color:#352839;border:0}.workbench-preview .items{min-width:0;gap:7px;padding:11px}.workbench-preview .items .item{width:76px;height:76px;flex-basis:76px}.workbench-preview .rowtools{background:#f3f0f8}.workbench-preview .rowtools button{color:#6b607b;min-height:26px}
.workbench-preview .wb-board>.hint{font-size:11px;line-height:1.7;color:#716780}.workbench-preview .wb-compare{margin:0;padding:8px 24px;border-top:1px solid #e6e1ee;background:#faf8fd}.workbench-preview .wb-compare>summary{font-size:14px}.workbench-preview .decision-brief,.workbench-preview .mode-compare{background:white;border-radius:10px}
.workbench-preview .wb-decision{position:static;max-height:none;overflow:visible;margin-top:18px;border:1px solid #49405f;border-radius:12px;background:#242037;padding:6px 20px;color:#252239}.workbench-preview .wb-decision>summary{color:#e9e1ff;font-size:14px;min-height:48px}.workbench-preview .wb-decision>.scenario-guide,.workbench-preview .genshin-tools{background:#fffdfa;border:0;border-radius:12px;padding:24px;margin:12px 0}.workbench-preview .genshin-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workbench-preview .genshin-tool{background:#f8f5fd;border:1px solid #ded6eb;border-radius:10px;padding:18px}.workbench-preview .genshin-result{background:#eee8ff;border-color:#6b4de6}
.workbench-preview #tierPicker{background:#fffdfa;color:#252239;border-color:#b9a8e6;border-radius:14px}.workbench-preview #tierPicker::backdrop{background:#100b25b3}.workbench-preview :focus-visible{outline:3px solid #8a62ff;outline-offset:3px}.workbench-preview .wb-jump a:focus-visible{outline-offset:-4px}
.workbench-preview footer{background:#100f22;color:#bdb5d0}.workbench-preview footer a{color:#d9caff}.workbench-preview .editorial,.workbench-preview .coupang{color:#252239}
@media(max-width:1000px){.workbench-preview .wb-edit-columns{grid-template-columns:minmax(0,1fr) 242px}.workbench-preview .wb-board{padding:18px}.workbench-preview .wb-save-label{display:none}.workbench-preview .wb-editor-head .workspace-status{max-width:280px}}
@media(min-width:701px){.workbench-preview .wb-actions{flex-wrap:wrap;align-items:center}.workbench-preview .wb-more-actions{flex:1}.workbench-preview .wb-more-actions[open]>summary{display:none}.workbench-preview .wb-more-actions .toolbar{margin:0;padding:0;border:0;background:transparent;max-width:none;gap:6px}.workbench-preview .wb-more-actions .toolbar button{font-size:12px;padding:8px 10px}}
@media(min-width:1100px){.workbench-preview .wb-heading{display:grid;grid-template-columns:minmax(0,1fr) 490px;column-gap:30px;align-items:center}.workbench-preview .wb-heading h2{font-size:36px}.workbench-preview .wb-heading .wb-eyebrow,.workbench-preview .wb-heading h2,.workbench-preview .wb-heading .wb-lede{grid-column:1}.workbench-preview .wb-heading .wb-jump{grid-column:2;grid-row:1 / 4;margin:0}.workbench-preview .wb-jump a{font-size:12px;padding:14px 12px}}
@media(max-width:700px){
 .workbench-preview header{padding:14px 16px;gap:10px}.workbench-preview header h1{font-size:15px}.workbench-preview header p:first-of-type{display:none}.workbench-preview .gamenav{padding:8px 10px}.workbench-preview .wrap{padding:22px 10px 50px}.workbench-preview .wb-heading{padding:0 6px;margin-bottom:18px}.workbench-preview .wb-heading h2{font-size:29px}.workbench-preview .wb-lede{font-size:12px}.workbench-preview .wb-jump{margin-top:16px;flex-wrap:nowrap}.workbench-preview .wb-jump a{font-size:11px;line-height:1.45;padding:9px;min-height:48px}
 .workbench-preview .wb-editor{border-radius:14px}.workbench-preview .wb-editor-head{padding:16px;gap:8px;flex-wrap:wrap}.workbench-preview .wb-editor-head h3{font-size:20px}.workbench-preview .wb-editor-head .workspace-status{max-width:none;margin:0;justify-content:flex-start;width:100%;font-size:10px;gap:8px}.workbench-preview .workspace-status span+span:before{margin-right:8px}
 .workbench-preview .wb-actions{padding:8px 12px;gap:8px;flex-wrap:wrap}.workbench-preview .wb-action-primary{gap:6px;margin-left:auto}.workbench-preview .wb-action-primary button{padding:8px 10px;font-size:12px}.workbench-preview .wb-more-actions summary{font-size:12px}.workbench-preview .wb-more-actions[open]{width:100%;order:3}
 .workbench-preview .wb-edit-columns{display:flex;flex-direction:column}.workbench-preview .wb-roster{border-left:0;border-bottom:1px solid #e3deec;padding:16px}.workbench-preview .wb-roster h4{margin-bottom:10px;font-size:17px}.workbench-preview .character-search{margin-bottom:7px}.workbench-preview .pool{max-height:154px}.workbench-preview .pool h3{margin-bottom:8px}.workbench-preview #pool{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 .workbench-preview .wb-board{padding:16px 10px}.workbench-preview .wb-board h4{margin-bottom:10px;font-size:17px}.workbench-preview .wb-placement{padding:10px;margin-bottom:12px;min-height:56px;font-size:12px}.workbench-preview .row{min-height:90px}.workbench-preview .label{width:46px;flex-basis:46px;font-size:20px}.workbench-preview .items{min-height:90px;padding:8px 5px;gap:5px}.workbench-preview .items .item{width:59px;height:59px;flex-basis:59px}.workbench-preview .rowtools{padding:3px;gap:2px}.workbench-preview .rowtools button{min-width:44px;min-height:44px;padding:2px}.workbench-preview .item .cap{font-size:9px}
 .workbench-preview .wb-compare{padding:8px 14px}.workbench-preview .wb-decision{padding:6px 12px}.workbench-preview .wb-decision>summary{font-size:12px}.workbench-preview .wb-decision>.scenario-guide,.workbench-preview .genshin-tools{padding:16px}.workbench-preview .genshin-tools-grid{grid-template-columns:1fr}
}

/* Editorial game workspace: the selected title and art lead, tools stay intact. */
.editorial-preview.workbench-preview{--bg:#f6f4ef;--panel:#fff;--panel2:#ecefe8;--surface:#fff;--line:#cdd0c9;--text:#171916;--muted:#51574f;--accent:#275d43;background:#f6f4ef;color:#171916;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.editorial-preview.workbench-preview header{background:#171916;border-bottom:4px solid #cfdf68}
.editorial-preview.workbench-preview .gamenav{background:#fff;border-bottom:1px solid #cbd0c7}
.editorial-preview.workbench-preview .gamenav a{color:#3a4339}.editorial-preview.workbench-preview .gamenav a.active{background:#171916;color:#fff}
.editorial-preview.workbench-preview .wrap{max-width:1440px;padding-top:35px}
.editorial-preview.workbench-preview .wb-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:22px 35px;align-items:center;margin:0 0 35px}
.editorial-preview .wb-game-identity{grid-column:1;grid-row:1;align-self:center}.editorial-preview .wb-game-identity .wb-eyebrow{color:#345743;font-size:12px;letter-spacing:.08em}
.editorial-preview.workbench-preview .wb-game-identity h2{font-size:clamp(46px,5.5vw,82px);letter-spacing:-.07em;line-height:1.05;color:#171916}
.editorial-preview.workbench-preview .wb-lede{max-width:600px;color:#444b42;font-size:16px;line-height:1.6}
.editorial-preview .wb-game-art{grid-column:2;grid-row:1;display:grid;place-items:center;height:290px;overflow:hidden;background:#dce1d9}
.editorial-preview .wb-game-art img{display:block;max-width:65%;max-height:95%;width:auto;height:auto;object-fit:contain;object-position:center bottom}
.editorial-preview .wb-art-fallback{display:none;padding:24px;font-size:28px;font-weight:800;text-align:center}.editorial-preview .wb-game-art.is-missing img{display:none}.editorial-preview .wb-game-art.is-missing .wb-art-fallback{display:block}
.editorial-preview.workbench-preview .wb-heading .wb-jump{grid-column:1/-1;grid-row:2;max-width:none;margin:0;border:0;border-top:2px solid #171916;border-radius:0}
.editorial-preview.workbench-preview .wb-jump a{background:transparent;color:#171916;border:0;border-bottom:1px solid #9fa79d;border-radius:0;font-size:13px}
.editorial-preview.workbench-preview .wb-jump a:first-child{background:transparent;color:#171916}.editorial-preview.workbench-preview .wb-jump a:hover{text-decoration:underline}
.editorial-preview.workbench-preview .wb-editor{border:1px solid #bfc5bb;border-radius:0;box-shadow:none;background:#fff;color:#171916}
.editorial-preview.workbench-preview .wb-editor-head{border-bottom-color:#cdd0c9}.editorial-preview.workbench-preview .wb-actions{background:#f1f2ec;border-bottom-color:#cdd0c9}
.editorial-preview.workbench-preview button{border-radius:2px}.editorial-preview.workbench-preview button.primary{background:#275d43;border-color:#275d43}
.editorial-preview.workbench-preview .wb-action-primary #share{background:#171916;border-color:#171916;color:#fff}
.editorial-preview.workbench-preview .wb-roster{background:#f0f1eb;border-color:#cdd0c9}.editorial-preview.workbench-preview .wb-board{background:#fff}
.editorial-preview.workbench-preview .wb-step{color:#275d43}.editorial-preview.workbench-preview .wb-placement{border-radius:0;background:#eaf0e9;border-color:#b4c7b7;color:#2c4937}
.editorial-preview.workbench-preview .wb-placement button:hover,.editorial-preview.workbench-preview .wb-placement button:focus-visible{background:#275d43;color:#fff}
.editorial-preview.workbench-preview #contentModeButtons button[aria-pressed=true]{background:#275d43;border-color:#275d43}
.editorial-preview.workbench-preview .item[aria-pressed=true]{outline-color:#275d43}
.editorial-preview.workbench-preview #board{border-radius:0;background:#fff}.editorial-preview.workbench-preview .wb-decision{background:#171916;border-radius:0;border-color:#171916}.editorial-preview.workbench-preview footer{background:#171916}
.editorial-preview.workbench-preview .editorial-content{color:#414740;background:#fff;border-radius:0}.editorial-preview.workbench-preview .scenario-source a{color:#1b5778}
.editorial-preview.workbench-preview .decision-brief>p,.editorial-preview.workbench-preview .comparison-reason{color:#414740!important}
@media(max-width:700px){.editorial-preview.workbench-preview .wrap{padding:22px 12px 50px}.editorial-preview.workbench-preview .wb-heading{grid-template-columns:minmax(0,1fr) 116px;gap:16px;margin-bottom:24px;padding:0 3px}.editorial-preview.workbench-preview .wb-game-identity h2{font-size:clamp(30px,8vw,44px)}.editorial-preview.workbench-preview .wb-lede{font-size:12px}.editorial-preview .wb-game-art{height:148px}.editorial-preview .wb-game-art img{max-width:87%}.editorial-preview.workbench-preview .wb-heading .wb-jump{grid-column:1/-1}.editorial-preview.workbench-preview .wb-jump a{font-size:11px;padding:9px 4px}.editorial-preview.workbench-preview .wb-editor{border-radius:0}}