.dossier-loadout{order:0}.dossier-loadout-visuals{display:block}.dossier-loadout-visuals .dossier-paper{padding:22px 12px;overflow:visible}.character-preview{min-width:0;text-align:center}.character-preview .paper-box{right:0;transform:none;margin:0 auto;background:radial-gradient(ellipse at center,#223b4b,#0c1923);border:1px solid #365163}.character-preview .preview-stage{width:175px;height:324px;left:4px;top:0;overflow:hidden}.preview-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.preview-stage canvas[hidden],.preview-fallback[hidden]{display:none}.preview-fallback{width:100%;height:100%;display:grid;place-items:center;color:#527082;font-size:32px;letter-spacing:.15em}.character-preview .paper-slot{z-index:2}.character-preview p{min-height:20px;font-size:10px;color:var(--ds-muted);margin:10px 0 6px}.preview-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.preview-controls button{border:1px solid var(--ds-line);background:#111f2b;color:var(--ds-text);padding:7px 10px;font-size:10px;border-radius:4px}.preview-controls button:hover{border-color:var(--ds-cyan)}.preview-controls [hidden]{display:none}.dossier-loadout-visuals>.dossier-equip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ds-line)}.dossier-loadout-visuals .dossier-equip-row{min-width:0;grid-template-columns:38px 26px minmax(0,1fr);column-gap:5px;padding:7px 8px}.dossier-loadout-visuals .dossier-equip-row img{width:26px;height:26px}@media(max-width:700px){.character-preview .paper-box{transform:none;margin-bottom:0}}@media(max-width:1050px){.dossier-loadout{order:0}}

/* In-game equipment layout. Preview generation is unchanged. */
.character-preview .paper-box{width:380px;max-width:100%;height:440px;--slot-size:60px;--slot-gap:10px;--slot-inset:15px;--slot-step:calc(var(--slot-size) + var(--slot-gap))}
.character-preview .preview-stage{width:200px;height:370px;left:50%;top:0;transform:translateX(-50%)}
.character-preview .paper-slot{box-sizing:border-box;width:var(--slot-size);height:var(--slot-size);left:auto;right:var(--slot-inset);bottom:auto}
.character-preview .paper-slot img{width:42px;height:42px;object-fit:contain}
.character-preview [data-slot="Head"]{top:var(--slot-inset)}
.character-preview [data-slot="Neck"]{top:calc(var(--slot-inset) + var(--slot-step))}
.character-preview [data-slot="Ring"]{top:calc(var(--slot-inset) + 2 * var(--slot-step))}
.character-preview [data-slot="Right"]{top:calc(var(--slot-inset) + 3 * var(--slot-step))}
.character-preview [data-slot="Right Accessory"]{top:calc(var(--slot-inset) + 4 * var(--slot-step))}
.character-preview [data-slot="Armor"]{top:calc(var(--slot-inset) + 5 * var(--slot-step))}
.character-preview [data-slot="Boots"]{left:var(--slot-inset);right:auto;top:calc(var(--slot-inset) + 5 * var(--slot-step))}
.character-preview [data-slot="Left"]{left:calc(var(--slot-inset) + (100% - 2 * var(--slot-inset) - var(--slot-size)) / 3);right:auto;top:calc(var(--slot-inset) + 5 * var(--slot-step))}
.character-preview [data-slot="Left Accessory"]{left:calc(var(--slot-inset) + 2 * (100% - 2 * var(--slot-inset) - var(--slot-size)) / 3);right:auto;top:calc(var(--slot-inset) + 5 * var(--slot-step))}
.character-preview [data-slot="Garment"]{left:var(--slot-inset);right:auto;top:calc(var(--slot-inset) + 4 * var(--slot-step))}
@media(max-width:430px){
 .dossier-loadout-visuals .dossier-paper{padding:12px 4px}
 .character-preview .paper-box{--slot-size:48px;--slot-gap:10px;--slot-inset:8px;height:360px}
 .character-preview .preview-stage{width:180px;height:324px}
 .character-preview .paper-slot img{width:36px;height:36px}
}

.dossier-loadout-visuals .dossier-equip-row:not(:has(img)) b{grid-column:2/-1}