/* Geometry from preserved CharacterStudioForm.cs, not the game's FASHION window. */
.character-studio-layout #items article>button:first-child:has(canvas[data-precomposed=true]){padding:1px 1px 3px;background:none}
.character-studio-layout #items button canvas[data-precomposed=true]{width:64px;height:64px;background:none;border:0}
.character-studio-layout #items article>button.chosen:has(canvas[data-precomposed=true]){outline:2px solid #f0c56f;outline-offset:1px}
.cs-pagination{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.cs-pagination button{font-size:12px;margin:3px;padding:5px 8px}
.character-studio-layout main{max-width:none;width:100%;grid-template-columns:minmax(0,1fr) 540px;gap:0;padding:0 8px}
.character-studio-layout .browser,.character-studio-layout .preview{border:0;border-image:none;border-radius:0;background:#193747;padding:8px}
.character-studio-layout .preview{max-height:calc(100vh - 115px);top:8px;border-left:1px solid #526e7c}
.character-studio-layout .studio-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.character-studio-layout .studio-toolbar>h2{display:none}.character-studio-layout .studio-toolbar>label{margin:0;font-size:12px}.character-studio-layout .studio-toolbar select{width:100px;padding:5px;font-size:12px}.character-studio-layout .studio-toolbar>label:has(#query){flex:1;min-width:180px}.character-studio-layout #query{font-size:12px;padding:7px}.character-studio-layout .studio-toolbar>details{flex-basis:100%}
.character-studio-layout .studio-modes{margin:0}.character-studio-layout .studio-modes button[data-mode=fashion],.character-studio-layout .studio-modes button[data-mode=beauty]{width:118px;height:32px;min-height:32px;flex:0 0 118px}.character-studio-layout .studio-modes [data-mode=all]{flex-basis:64px;margin:0 4px;font-size:11px;padding:5px}
.character-studio-layout .studio-catalog{grid-template-columns:185px minmax(0,1fr);gap:0}.character-studio-layout .studio-categories{padding:8px;gap:4px}.character-studio-layout .studio-categories button{width:100%;font-size:12px;min-height:36px;padding:7px}.character-studio-layout .studio-categories [data-native-tab]{width:124px;height:44px;min-height:44px;align-self:center}
.character-studio-layout #items{grid-template-columns:repeat(auto-fill,82px);gap:0;min-height:470px;max-height:calc(100vh - 255px);background:#15323f;padding:4px}.character-studio-layout #items article{width:82px;height:78px;display:flex;justify-content:center;padding-top:4px}.character-studio-layout #count{font-size:12px;margin:5px 0}.character-studio-layout .cs-catalog-hint{font-size:11px;color:#bad4df;margin:5px 8px}
.character-studio-layout .studio-stage-title{font-size:13px;letter-spacing:0;text-shadow:none;margin:0 0 6px;color:#fff}.character-studio-layout .cs-motion-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0 8px}.cs-motion-bar>strong{flex-basis:100%;font-size:12px}.character-studio-layout .cs-motion-bar label{margin:0;font-size:11px}.character-studio-layout .cs-motion-bar select{max-width:260px;padding:4px;font-size:11px}.cs-motion-bar #frame{width:95px;padding:0}
.character-studio-layout #canvas{aspect-ratio:auto;width:100%;max-height:48vh;border:0;border-radius:0;object-fit:contain;background:#0f2834}.character-studio-layout .native-preview-actions{justify-content:flex-end}.character-studio-layout .cs-scene-bar{min-height:37px}.character-studio-layout .cs-scene-bar label{margin:3px 0;font-size:11px}.character-studio-layout .cs-scene-bar select{padding:4px;font-size:11px;width:200px}.character-studio-layout .cs-beauty-colors{display:flex;flex-wrap:wrap;gap:2px;padding:4px 0;min-height:43px}.character-studio-layout .cs-beauty-colors h3{font-size:11px;width:100%;margin:2px 0}.character-studio-layout .cs-beauty-colors button{margin:0;padding:1px;min-height:31px;font-size:10px}.character-studio-layout #equipped{min-height:75px;align-content:start;gap:4px}.character-studio-layout header{max-width:none;padding:8px 16px}.character-studio-layout header h1{font-size:20px}.character-studio-layout header p{margin:2px 0}.character-studio-layout .studio-jump{margin:3px 0}.character-studio-layout .studio-jump a{padding:3px 8px}
@media(max-width:1200px){.character-studio-layout main{grid-template-columns:minmax(0,1fr) 420px}.character-studio-layout .studio-catalog{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:750px){.character-studio-layout main{grid-template-columns:minmax(0,1fr)}.character-studio-layout .preview{position:static;max-height:none;border:0}.character-studio-layout .studio-catalog{display:block}.character-studio-layout .studio-categories{padding:4px;flex-direction:row}.character-studio-layout .studio-categories button{width:auto;flex-shrink:0}.character-studio-layout #items{max-height:480px;min-height:280px;grid-template-columns:repeat(auto-fill,82px)}.character-studio-layout .studio-toolbar>label{flex:1}.character-studio-layout .studio-toolbar select{width:100%}.character-studio-layout #canvas{max-height:45vh}.character-studio-layout .cs-motion-bar select{max-width:230px}}