.closet-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 18px 8px}
.closet-filter-block{min-width:0;padding:18px;border:1px solid #e8d8c7;border-radius:20px;background:#fff;box-shadow:0 4px 16px rgba(64,45,34,.035)}
.closet-filter-block.wide{grid-column:1/-1}
.closet-controls .filter-label{padding:0;margin:0 0 13px;font:600 1.15rem/1.3 Georgia,serif;text-transform:none;letter-spacing:0;color:#402d22}
.closet-controls .categories,.closet-controls .occasions{margin:0;padding:0;display:flex;flex-wrap:wrap;overflow:visible;gap:8px;border:0;background:none;border-radius:0}
.closet-controls .chip,.closet-controls .occasion{min-height:44px;padding:10px 15px;max-width:100%;border:1px solid #e4d7ca;border-radius:12px;background:#fcfaf7;color:#5a4435;font:500 .9375rem/1.35 Inter,ui-sans-serif,system-ui,sans-serif;white-space:normal;transition:background .15s,border-color .15s}
.closet-controls .chip:hover,.closet-controls .occasion:hover{background:#f1e6d8;border-color:#b58a5a}
.closet-controls .chip.active,.closet-controls .occasion.active{background:#402d22;border-color:#402d22;color:#fff;font-weight:600;box-shadow:0 3px 9px rgba(64,45,34,.15)}
.closet-controls button:focus-visible,.tools .tool:focus-visible{outline:3px solid #b58a5a;outline-offset:3px}
.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;margin-bottom:24px}
.tools .tool{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:5px;align-content:center;text-align:left;min-height:112px;padding:18px;border:1px solid #e4d7ca;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(64,45,34,.04);transition:background .15s,border-color .15s}
.tools .tool:hover{border-color:#b58a5a;background:#fcf8f2}
.tools .tool b{grid-column:2;font-size:1rem;line-height:1.35;color:#402d22}
.tools .tool>span:not(.tool-icon){grid-column:2;display:block;font-size:.875rem;line-height:1.45;color:#776456}
.tools .tool .tool-icon{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f3e8da;color:#835b32}
.tool-icon svg{width:24px;height:24px}
.tools .tool:nth-child(-n+2){background:#402d22;border-color:#402d22}
.tools .tool:nth-child(-n+2) b{color:#fff}
.tools .tool:nth-child(-n+2)>span:not(.tool-icon){color:#eedecd}
.tools .tool:nth-child(-n+2) .tool-icon{background:#624532;color:#f2cd99}
@media(min-width:760px){.closet-controls{margin-left:32px;margin-right:32px}}
@media(max-width:759px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.closet-filter-block{padding:16px}}
@media(max-width:480px){.closet-controls{grid-template-columns:minmax(0,1fr);gap:12px;margin:16px 18px 4px}.closet-controls .chip,.closet-controls .occasion{padding:10px 12px}.tools .tool{grid-template-columns:1fr;padding:15px;min-height:154px;gap:8px;align-content:start}.tools .tool .tool-icon{grid-column:1;grid-row:auto;width:38px;height:38px;border-radius:12px}.tools .tool b,.tools .tool>span:not(.tool-icon){grid-column:1}.tools .tool b{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.closet-controls button,.tools .tool{transition:none}}

.tools.closet-shortcuts{margin:20px 18px 0}
@media(min-width:760px){.tools.closet-shortcuts{margin-left:32px;margin-right:32px}}