.creator-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.creator-tabs button{min-width:0;padding-inline:5px;gap:5px}
.clothing-studio{color:var(--ink,#263c35);font-size:12px;line-height:1.5}
.clothing-studio button,.clothing-studio input,.clothing-studio select{font:inherit}
.clothing-studio button{cursor:pointer}.clothing-studio button:disabled{cursor:wait;opacity:.55}
.clothing-studio svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.clothing-heading{margin-bottom:20px}.clothing-heading>span{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#8a937d}
.clothing-heading h3{font-size:25px;line-height:1.15;letter-spacing:-.8px;font-weight:450;margin:8px 0 10px}.clothing-heading p{font-size:11px;color:#7c8873;max-width:430px;margin:0}
.clothing-import-form{padding:18px;border:1px solid #d6ddcb;border-radius:16px;background:#f5f7ee}
.clothing-import-fields{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:12px}.clothing-import-fields label{display:grid;gap:6px;font-size:10px;font-weight:600;color:#60705b}
.clothing-import-fields input,.clothing-import-fields select{width:100%;min-width:0;background:#fffef9;border:1px solid #d9dfce;border-radius:8px;padding:10px;color:#324b3c}
.clothing-source-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin-top:15px}.clothing-source-buttons button{display:flex;gap:10px;align-items:center;text-align:left;background:#fffef9;border:1px dashed #aebca1;border-radius:10px;padding:14px 10px;color:#425b3a}.clothing-source-buttons button:hover{border-color:#5d7850;background:#edf2e2}.clothing-source-buttons small{display:block;font-size:9px;color:#8b957d;margin-top:3px}
.clothing-selection{margin-top:13px}.clothing-selection-empty{font-size:10px;color:#8b957e;margin:0}.clothing-selection-total{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px}.clothing-selection-total strong{font-weight:600}.clothing-selection-total span{color:#859176}.clothing-selection-total button{margin-left:auto;color:#816b50;font-size:10px;text-decoration:underline;padding:3px}
.clothing-selection details{margin-top:8px;font-size:10px;color:#758365}.clothing-selection summary,.clothing-import-report summary{cursor:pointer}.clothing-selection ul{max-height:135px;overflow:auto;list-style:none;margin:8px 0 0;padding:0;background:#fff9;border-radius:8px}.clothing-selection li{display:flex;justify-content:space-between;gap:12px;padding:5px 8px;border-bottom:1px solid #e8ecdf}.clothing-selection li span{overflow-wrap:anywhere}.clothing-selection li small{white-space:nowrap;color:#899780}
.clothing-limit-note{font-size:9px;line-height:1.6;color:#8e987f;margin:12px 0}.clothing-import-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:#3c5743;border:1px solid #3c5743;color:#fff8e9;border-radius:10px;padding:12px 14px;font-size:11px!important}.clothing-import-button:hover{background:#304a37}.clothing-import-button>span{font-size:18px}
.clothing-studio progress{width:100%;height:5px;margin-top:15px;accent-color:#6c8957}.clothing-status{font-size:10px;color:#6d815e;margin:10px 0 0}.clothing-status:empty{display:none}.clothing-error{font-size:11px;line-height:1.5;color:#994c37;background:#fbede4;border-radius:8px;padding:10px;margin:12px 0 0}
.clothing-import-report{padding:15px;margin-top:16px;background:#e8efda;border:1px solid #c7d7b3;border-radius:12px}.clothing-report-heading{display:flex;gap:10px;align-items:center}.clothing-report-heading>svg{border-radius:50%;padding:4px;width:29px;height:29px;background:#d8e6c8;color:#50743d}.clothing-report-heading strong{font-size:12px;display:block}.clothing-report-heading span{font-size:10px;color:#7b8b6a;display:block;margin-top:3px}.clothing-import-report p,.clothing-import-report details{font-size:10px;color:#71825d;line-height:1.6;margin:10px 0 0}.clothing-import-report ul{padding-left:17px;margin:8px 0 0}.clothing-import-report li+li{margin-top:5px}
.clothing-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 5px}.clothing-library-heading h4{font-size:15px;font-weight:500;letter-spacing:-.2px;margin:0}.clothing-library-heading span{font-size:9px;color:#8a967d}.clothing-library-heading button{display:flex;align-items:center;gap:5px;color:#70855e;font-size:10px}.clothing-library-heading svg{width:14px;height:14px}.clothing-preview-note{font-size:10px;line-height:1.6;color:#8c977e;margin:6px 0 15px}
.clothing-pack{border:1px solid #dce2d0;border-radius:13px;overflow:hidden;background:#fffdf6;margin-top:13px}.clothing-pack>header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef2e5;padding:14px}.clothing-pack>header span{font-size:7px;letter-spacing:1.2px;color:#8b987d}.clothing-pack>header h4{font-size:14px;font-weight:500;margin:3px 0 0;overflow-wrap:anywhere}.clothing-pack>header small{font-size:9px;color:#869479;white-space:nowrap}
.clothing-outfits{padding:11px 12px 0;display:grid;gap:7px}.clothing-outfits button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid #d7dfc9;border-radius:9px;background:#f4f7ed;padding:10px;color:#4d6740}.clothing-outfits button:hover{background:#e9efdd}.clothing-outfits strong{display:block;font-size:11px;font-weight:600}.clothing-outfits small{display:block;font-size:9px;color:#869978;margin-top:2px}.clothing-outfits b{margin-left:auto;font-weight:400;font-size:18px}
.clothing-garments{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.clothing-garment{display:flex;gap:10px;align-items:center;min-width:0}.clothing-map-preview{display:grid;place-items:center;width:64px;height:78px;flex-shrink:0;border-radius:8px;border:1px solid #e2e6d9;overflow:hidden;background:repeating-conic-gradient(#eef0e8 0% 25%,#fafaf5 0% 50%) 50% / 12px 12px}.clothing-map-preview img{max-width:100%;max-height:100%;object-fit:contain}.clothing-map-preview span{color:#9fa992}.clothing-garment>div:last-child{min-width:0}.clothing-garment small{font-size:7px;letter-spacing:1px;color:#94a086}.clothing-garment strong{display:block;font-size:10px;line-height:1.4;font-weight:550;overflow-wrap:anywhere}.clothing-garment button{color:#6b8258;font-size:9px;padding:6px 0 0;text-align:left}.clothing-garment button span{margin-left:3px}.clothing-garment button:hover{text-decoration:underline}
.clothing-library-empty{display:flex;align-items:center;flex-direction:column;text-align:center;border:1px dashed #cdd7bc;border-radius:12px;padding:27px 19px;background:#f4f6ec}.clothing-library-empty>svg{width:34px;height:34px;color:#96a982;margin-bottom:10px}.clothing-library-empty strong{font-size:12px;font-weight:500}.clothing-library-empty p{font-size:10px;max-width:270px;color:#8c997d;margin:7px 0 0}
@media(max-width:700px){.creator-tabs button svg{display:none}.clothing-heading h3{font-size:21px}.clothing-import-form{padding:13px}.clothing-source-buttons{gap:7px}.clothing-source-buttons button{padding:11px 8px;gap:7px;font-size:10px}.clothing-source-buttons small{font-size:8px}.clothing-garments{grid-template-columns:1fr}.clothing-map-preview{width:58px;height:68px}.clothing-import-fields{grid-template-columns:minmax(0,1fr) 90px;gap:8px}}