.wardrobe-filter{display:flex;gap:4px;background:#e7efdf;padding:4px;border-radius:12px;margin-bottom:12px}.wardrobe-filter button{flex:1;min-height:44px;border:0;border-radius:9px;background:transparent;color:#496354;font-size:15px}.wardrobe-filter button[aria-pressed=true]{background:#fffef7;color:#28483b;box-shadow:0 1px 5px #28483b12;font-weight:700}
.wardrobe-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid #dbe2d0;border-radius:16px;background:#fffef7;margin-bottom:14px}.wardrobe-hero .studio-preview{height:176px;border:0;border-radius:12px}.wardrobe-hero .studio-preview img{object-fit:contain}.wardrobe-summary{min-width:0}.wardrobe-summary h3{font-size:18px;line-height:1.35;margin:8px 0}.wardrobe-summary p{color:#5e6f5b;font-size:13px;line-height:1.5;margin:0 0 8px}.wardrobe-state{font-size:12px;color:#567360;line-height:1.5}.wardrobe-angles{display:flex;gap:5px}.wardrobe-angles button{min-height:44px;min-width:44px;flex:1;border:1px solid #d7dfcb;border-radius:8px;background:#f7f5e9;color:#496354;font-size:14px}.wardrobe-angles button[aria-pressed=true]{background:#e7efdf;border-color:#91ad8c;color:#28483b;font-weight:700}
.wardrobe-list-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px}.wardrobe-list-head b{font-size:15px}.wardrobe-list-head button{min-height:44px;border:0;background:transparent;color:#496354;font-size:13px;padding:8px}.wardrobe-list-head button[aria-pressed=true]{color:#2c704f;font-weight:700}.wardrobe-grid .studio-item{gap:4px;padding:8px}.wardrobe-grid .studio-item>svg{height:68px}.wardrobe-grid .studio-item b{font-size:14px}.wardrobe-grid .studio-item.selected{border-color:#8d794b;background:#fff9e7;outline:2px solid #b9a06a;outline-offset:-3px}.wardrobe-note{font-size:12px;line-height:1.55;color:#687762;margin:12px 0 0}
.wardrobe-footer{flex:none;padding:10px 16px max(12px,env(safe-area-inset-bottom,0px));border-top:1px solid #d7dfcb;background:#fffdf3;box-shadow:0 -4px 12px #28483b08}.wardrobe-costs{display:flex;gap:6px;flex-wrap:wrap}.wardrobe-costs span{padding:5px 8px;background:#ecf1e4;border-radius:7px;font-size:13px;line-height:1.4;color:#3c6853}.wardrobe-costs span.missing{background:#f5e7dc;color:#8b553b}.wardrobe-costs b{font-variant-numeric:tabular-nums}.wardrobe-cost-text{font-size:14px;line-height:1.4;color:#496354;margin:0 0 7px}.wardrobe-hint{font-size:12px;line-height:1.5;color:#66765e;margin:7px 0}.wardrobe-confirm{display:flex;gap:8px;margin-top:7px}.wardrobe-confirm .studio-button{flex:1;min-width:0;min-height:46px;font-size:15px}.wardrobe-confirm .studio-button.secondary{flex:0 0 64px}.wardrobe-confirm .studio-button:disabled{font-size:14px}
@media(max-height:650px){.wardrobe-hero .studio-preview{height:142px}.wardrobe-hero{gap:8px;margin-bottom:8px}.wardrobe-summary h3{font-size:16px}.wardrobe-footer{padding-top:8px}.wardrobe-hint{margin:5px 0}.wardrobe-grid .studio-item>svg{height:58px}}