.visual-media-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.media-picker-selection{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.media-picker-dialog{width:min(980px,calc(100% - 24px));max-height:88vh;border:0;border-radius:18px;padding:22px;color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.3)}.media-picker-dialog::backdrop{background:rgba(8,22,33,.72)}.media-picker-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.media-picker-head h2{margin:.1rem 0}.media-picker-close{border:0;background:var(--soft);width:42px;height:42px;border-radius:50%;font-size:1.8rem;line-height:1;cursor:pointer}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;max-height:58vh;overflow:auto;padding:4px;margin:18px 0}.media-picker-item{border:2px solid var(--line);border-radius:14px;padding:9px;background:#fff}.media-picker-item.selected{border-color:var(--brand);box-shadow:0 0 0 3px rgba(23,107,135,.15)}.media-picker-thumb{display:block;width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.media-picker-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--soft);border-radius:9px}.media-picker-thumb span{display:block;font-weight:700;margin-top:8px;overflow-wrap:anywhere}.media-picker-meta{color:var(--muted);font-size:.78rem;margin:.25rem 0}.media-picker-full{font-size:.82rem}.media-picker-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:640px){.media-picker-dialog{padding:14px}.media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:60vh}.media-picker-actions{flex-direction:column-reverse}.media-picker-actions .button{width:100%;text-align:center}}