.portal-media-dialog{width:min(1000px,94vw);max-height:90vh;border:1px solid var(--border-soft,#ddd);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#17312a);padding:1.25rem;overflow:auto}.portal-media-dialog::backdrop{background:rgba(0,0,0,.65)}.media-head,.media-controls,.media-bottom{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.media-head{justify-content:space-between;margin-bottom:1rem}.media-head h2{font-size:1.2rem;margin:0}.media-head button{border:0;background:transparent;color:inherit;font-size:2rem}.media-controls{margin-bottom:1rem}.media-controls label{margin:0;cursor:pointer}.media-controls input[type=search]{flex:1;min-width:180px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.media-item{display:flex;flex-direction:column;gap:.35rem;min-width:0}.media-pick{border:2px solid var(--border-soft,#ddd);border-radius:10px;background:var(--surface,#fff);color:inherit;padding:.5rem;text-align:left}.media-pick.is-selected{border-color:#168c63;box-shadow:0 0 0 3px rgba(22,140,99,.2)}.media-pick img{width:100%;height:130px;object-fit:contain;background:var(--bg-soft,#eee);border-radius:6px}.media-pick span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:.4rem}.media-item small{font-size:.75rem}.media-bottom{position:sticky;bottom:-1.25rem;justify-content:space-between;background:var(--surface,#fff);padding:1rem 0;margin-top:1rem;border-top:1px solid var(--border-soft,#ddd)}.media-library-open{margin:.5rem 0}.media-inline-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.media-inline-preview img{width:100px;height:90px;object-fit:contain;border:1px solid var(--border-soft,#ddd);border-radius:8px}