.media-search-panel{grid-column:1/-1;padding:24px}.media-search-copy{max-width:720px;margin:10px 0 18px;color:var(--muted);line-height:1.6}.media-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.media-search-input{min-height:46px;width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#0d152a;outline:none}.media-search-input::placeholder{color:#7f8baa}.media-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(125,162,255,.2)}.media-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}.media-result-card{display:block;min-height:160px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface-strong);box-shadow:0 10px 26px rgba(0,0,0,.2);transition:160ms ease}.media-result-card:hover{border-color:var(--primary);transform:translateY(-2px)}.media-result-card:focus-visible{outline:3px solid rgba(125,162,255,.42);outline-offset:3px}.media-result-card img{display:block;width:100%;height:100%;min-height:160px;aspect-ratio:4/3;object-fit:cover}@media(max-width:620px){.media-search-panel{padding:18px}.media-search-form{grid-template-columns:1fr}.media-search-form .button{width:100%}.media-results-grid{grid-template-columns:1fr 1fr}.media-result-card,.media-result-card img{min-height:130px}}@media(max-width:420px){.media-results-grid{grid-template-columns:1fr}}