.workshop-subtabs{display:flex;gap:5px;border-bottom:1px solid #53617a;padding-bottom:10px;margin-bottom:18px}
.workshop-subtabs button{min-width:120px;min-height:42px;padding:9px 20px;border:1px solid #48576b;border-radius:3px;background:#222e3e;color:#bfccdc;font-size:15px;cursor:pointer}
.workshop-subtabs button[aria-pressed=true]{background:#3e4d60;border-color:#d6b468;color:#ffe7ab;box-shadow:inset 0 -2px #d6b468}
#workshop-equipment-content[hidden],#workshop-costume-content[hidden],#costume[hidden]{display:none!important}
#costume.workshop-costume{--costume-accent:#e3c279;--costume-line:#475970;padding:0;margin:0;color:#e3eaf2}
.workshop-costume .costume-heading,.workshop-costume .costume-stage,.workshop-costume #costume-gender{display:none}
.workshop-costume .costume-layout{display:flex;flex-direction:column;gap:18px}
#costume.workshop-costume .panel{width:100%;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}
.workshop-costume .costume-preview{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;overflow:visible}
.workshop-costume .costume-segment{border-radius:3px;background:#101923}
.workshop-costume .costume-segment button{color:#bac9d8;border-radius:2px;font-size:13px}
.workshop-costume .costume-segment button[aria-pressed=true]{background:#50617a;color:#fff0c5}
.workshop-costume .costume-toolbar,.workshop-costume .costume-options{margin:0}
.workshop-costume .costume-options{grid-column:1/-1}
.workshop-costume .costume-options label{flex-direction:row;align-items:center;color:#becbdc;gap:10px}
.workshop-costume .costume-options input,.workshop-costume .costume-options select{flex:1}
.workshop-costume #costume-status{grid-column:1/-1;margin:0!important;color:#b8c8d8!important}
.workshop-costume .costume-equipped{grid-column:1/-1;margin:0;padding:10px 0 0;border-top-color:#405167}
.workshop-costume .costume-equipped summary{color:#d4c39e}
.workshop-costume .costume-equipped-row{padding:7px 0;border-bottom-color:#334356}
.workshop-costume .costume-equipped-row small{color:#a6b7ca}
.workshop-costume .costume-muted{grid-column:1/-1;margin:0;color:#9eaec2;font-size:12px}
#costume.workshop-costume button.primary{background:#ffd33f;border:1px solid #b68e20;color:#362900;border-radius:3px;font-weight:700}
.workshop-costume .costume-tabs{gap:5px;padding-bottom:12px;border-bottom-color:#3c4d63}
.workshop-costume .costume-tabs button{border-radius:3px;background:#202d3d;border:1px solid #475c75;color:#bdcbdc;padding:8px 11px}
.workshop-costume .costume-tabs button[aria-pressed=true]{background:#47566a;border-color:#c4a762;color:#ffedbc}
.workshop-costume .costume-search{margin:13px 0}
.workshop-costume .costume-search input{background:#121d2b;border:1px solid #4c607a;border-radius:3px;color:#e6edf5}
.workshop-costume .costume-search>span,.workshop-costume .costume-pagination span,.workshop-costume .costume-empty{color:#b4c3d5}
.workshop-costume .costume-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:300px}
.workshop-costume .costume-card{background:#1b2839;border:1px solid #44566e;border-radius:3px;min-height:130px}
.workshop-costume .costume-card:hover{background:#283c53;border-color:#b0a16e}
.workshop-costume .costume-card[aria-pressed=true]{background:#364553;border-color:#e3c279;box-shadow:inset 0 0 0 1px #e3c279}
.workshop-costume .costume-pagination{margin-top:16px}
.workshop-costume .costume-pagination button{background:#28384b;border-color:#536c85;border-radius:3px;color:#dfebf7}
.workshop-costume-open .workshop-slots{display:none}
@media(max-width:1100px){.workshop-costume .costume-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#rates .workshop-costume-open .workshop-layout{flex-direction:column;gap:16px}#rates .workshop-costume-open .workshop-character{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:4px 8px;padding:9px;background:#1d2633;box-shadow:0 4px 12px #080e1880}#rates .workshop-costume-open .workshop-character canvas{grid-column:1;grid-row:1/3;width:100%;max-height:180px;object-fit:contain;align-self:center}#rates .workshop-costume-open .workshop-sex{grid-column:2;gap:2px}#rates .workshop-costume-open .workshop-sex button{padding:6px;font-size:12px}#rates .workshop-costume-open .workshop-phantom-slots{grid-column:2;margin:0;gap:4px}#rates .workshop-costume-open .workshop-phantom-slots>div{padding:5px 3px;font-size:10px;gap:3px}#rates .workshop-costume-open .workshop-phantom-slots img{height:42px;width:34px}#rates .workshop-costume-open .workshop-phantom-slots strong{font-size:10px;line-height:1.3}#rates .workshop-costume-open .workshop-character>.workshop-note{display:none}.workshop-subtabs{margin-bottom:14px}.workshop-subtabs button{flex:1;min-width:0}.workshop-costume .costume-grid{gap:6px}.workshop-costume .costume-card{min-height:118px}.workshop-costume .costume-preview{gap:9px}.workshop-costume .costume-options label{font-size:11px}.workshop-costume .costume-options{gap:10px}}

#rates .workshop-phantom-list article{grid-template-columns:54px minmax(0,1fr) auto}#rates .workshop-phantom-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}#rates .workshop-phantom-actions button{min-height:32px;padding:5px 9px}@media(max-width:600px){#rates .workshop-phantom-list article{grid-template-columns:44px minmax(0,1fr)}#rates .workshop-phantom-actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}