.case-browser{display:flex;align-items:center;gap:12px;margin:32px 0 18px}
.case-search{position:relative;flex:1;max-width:520px}.case-search svg{position:absolute;left:17px;top:50%;width:19px;transform:translateY(-50%);color:#91a8c8}.case-search input{width:100%;min-height:50px;padding:0 18px 0 48px;border:1px solid rgba(125,180,255,.25);border-radius:12px;background:rgba(30,41,59,.3);color:#f8fafc;font:inherit;backdrop-filter:blur(18px)}.case-search input::placeholder{color:#91a0b5}.case-search input:focus{outline:2px solid rgba(96,165,250,.55);outline-offset:2px}
.case-controls{display:flex;gap:8px;margin-left:auto}.case-controls button{width:50px;height:50px;border:1px solid rgba(125,180,255,.28);border-radius:12px;background:rgba(30,41,59,.3);color:#e7f0ff;font-size:22px;cursor:pointer;backdrop-filter:blur(18px)}.case-controls button:hover{background:rgba(59,130,246,.24)}.case-controls button:disabled{opacity:.35;cursor:default}
.case-showcase.case-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:rgba(125,180,255,.45) transparent}.case-showcase.case-carousel>article{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start}.case-showcase.case-carousel>article[hidden]{display:none}.case-empty{color:#a9b8cd;padding:28px 0}
@media(max-width:1050px){.case-showcase.case-carousel>article{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:680px){.case-browser{align-items:stretch;flex-wrap:wrap}.case-search{max-width:none;flex-basis:100%}.case-controls{margin-left:0}.case-showcase.case-carousel>article{flex-basis:88%}}
@media(prefers-reduced-motion:reduce){.case-showcase.case-carousel{scroll-behavior:auto}}