.media-picker{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:92vh;padding:0;border:1px solid #d5e2eb;border-radius:14px;color:#102a43;background:white;box-shadow:0 20px 80px #041a3030;margin:auto}.media-picker[open]{display:flex;flex-direction:column}.media-picker::backdrop{background:#041a309e}.media-picker [hidden]{display:none!important}.media-picker-head{padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid #dce6ec;flex-shrink:0}.media-picker-head h2{font-size:25px;letter-spacing:-.02em;line-height:1.3}.media-picker-head p{font-size:14px;color:#567084;margin-top:5px}.media-picker-tabs{display:flex;gap:10px;padding:14px 28px 0;flex-shrink:0}.media-picker-tabs .active{color:white;background:#186ea4;border-color:#186ea4}.media-picker-status{font-size:14px;color:#567084;padding:12px 28px;flex-shrink:0}.media-picker-status.error{color:#a12020}.media-picker-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;min-height:240px;overflow:auto;flex:1;align-items:stretch}.media-library-view,.media-upload-view{padding:12px 28px 28px;min-width:0}.media-search{display:grid;gap:6px;font-size:14px;max-width:440px;margin-bottom:20px}.media-search input{width:100%;padding:11px 13px;min-height:44px;border:1px solid #c9d9e3;border-radius:8px;font-size:16px;color:#102a43;background:#fff}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;align-items:start}.media-tile{display:block;border:2px solid #dce6ec;background:white;color:#102a43;border-radius:9px;padding:6px;text-align:left;min-width:0;width:100%;overflow:hidden;transition:border-color .15s}.media-tile:hover{border-color:#7ab8dc}.media-tile.selected{border-color:#186ea4;background:#eef7fc}.media-thumbnail{display:block;position:relative;aspect-ratio:1.2;border-radius:5px;overflow:hidden;background:#f3f7fa}.media-thumbnail img{width:100%;height:100%;object-fit:contain}.media-selected{position:absolute;right:6px;top:6px;display:grid;place-items:center;border-radius:50%;width:26px;height:26px;background:#186ea4;color:white;font-size:16px;font-weight:700}.media-name{display:block;font-size:14px;font-weight:550;line-height:1.45;margin:9px 3px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{display:block;font-size:13px;color:#567084;margin:0 3px 4px;line-height:1.5}.media-empty{font-size:16px;color:#567084;grid-column:1/-1;padding:15px 0}.media-more{margin-top:22px;min-height:44px}.media-details{border-left:1px solid #dce6ec;padding:22px;background:#f5f9fc;min-width:0}.media-details img{width:100%;max-height:220px;object-fit:contain;margin-bottom:20px;border-radius:6px}.media-details h3{font-size:16px;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere;margin-bottom:14px}.media-details dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;margin:0 0 16px}.media-details dt{color:#567084}.media-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.media-details p{font-size:14px;color:#567084;line-height:1.6}.media-upload-view h3{font-size:22px;letter-spacing:-.02em;margin-bottom:16px}.media-upload-view p{color:#567084;font-size:16px;margin-bottom:22px;max-width:600px}.media-picker-footer{border-top:1px solid #dce6ec;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.media-picker-footer p{font-size:14px;color:#567084}.media-picker-footer>div{display:flex;gap:12px;align-items:center}.media-overview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0}.media-overview-toolbar .media-search{margin:0;flex:1;max-width:480px}#media-overview .media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-gallery-card .admin-upload-actions{margin:0 0 4px}.admin-gallery-card .admin-upload-actions .small-button{flex:1;justify-content:center}.media-picker button:focus-visible,.media-picker input:focus-visible{outline:3px solid #49aee1;outline-offset:3px}
@media(max-width:720px){.media-picker{width:calc(100vw - 16px);max-height:96vh;max-height:96dvh;border-radius:10px}.media-picker-head{padding:18px 16px;gap:12px}.media-picker-head h2{font-size:21px}.media-picker-head p{max-width:250px}.media-picker-head .small-button{padding:8px;flex-shrink:0}.media-picker-tabs{padding:12px 16px 0;gap:8px}.media-picker-status{padding:12px 16px}.media-picker-body{grid-template-columns:1fr}.media-library-view,.media-upload-view{padding:10px 16px 20px}.media-details{border-left:0;border-top:1px solid #dce6ec;padding:16px;display:grid;grid-template-columns:90px 1fr;gap:12px 16px;align-items:start}.media-details img{grid-row:1/4;max-height:120px;margin:0}.media-details h3,.media-details dl,.media-details p{margin:0}.media-details dl{grid-template-columns:auto 1fr}.media-details dd{text-align:left}.media-picker-footer{padding:14px 16px;gap:12px}.media-picker-footer>div{gap:8px}.media-picker-footer .button{padding:10px 14px;font-size:14px;min-height:44px}.media-picker-footer .small-button{min-height:44px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-overview-toolbar{align-items:stretch;flex-direction:column;gap:15px}#media-overview .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-overview-toolbar .media-search{max-width:none}.media-meta{font-size:13px}}