.media-tile{display:block;position:relative;width:min(310px,100%);min-width:210px;padding:0;margin:0 0 8px;border-radius:12px;overflow:hidden;background:#122944;color:#fff;text-align:left;cursor:pointer}.media-cover{display:flex;align-items:center;justify-content:center;min-height:180px;max-height:300px;aspect-ratio:4/3;background:linear-gradient(145deg,#1c365a,#101e32)}.media-cover img{width:100%;height:100%;max-height:300px;object-fit:cover;display:block}.media-placeholder{font-size:48px;opacity:.5}.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-65%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#071426a8;border:1px solid #ffffff60;font-size:24px;backdrop-filter:blur(6px)}.media-tile-name{display:block;position:absolute;bottom:0;left:0;right:0;padding:22px 10px 9px;background:linear-gradient(transparent,#081321c9);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-download-label{position:absolute;top:10px;left:10px;padding:6px 9px;border-radius:15px;background:#071426b0;font-size:12px}.gallery-dialog{width:min(1120px,96vw);max-width:96vw;padding:26px;background:var(--panel);height:min(850px,94vh)}.gallery-dialog h2{margin:0 50px 16px 0;font-size:20px}.media-viewer{height:calc(100% - 50px);display:flex;flex-direction:column}.media-viewer-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.media-viewer-toolbar #media-counter{margin-right:auto;color:var(--muted);font-size:13px}.media-stage{flex:1;min-height:150px;overflow:auto;display:flex;align-items:center;justify-content:center;background:#080e18;border-radius:12px;color:#b7c9e5;padding:8px}.gallery-media{max-width:100%;max-height:100%;object-fit:contain}.gallery-media:is(img){cursor:zoom-in}.gallery-media.zoomed{max-width:none;max-height:none;cursor:zoom-out}.media-viewer .form-note{margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.media-bubble .file-card{font-size:12px}.media-bubble .file-card .file-icon{display:none}.media-bubble .file-card strong{font-size:12px}
@media(max-width:760px){.media-tile{min-width:0;width:100%}.media-cover{min-height:150px}.gallery-dialog{padding:18px 12px}.media-viewer-toolbar{gap:6px}.media-viewer-toolbar button{font-size:11px;padding:8px}.media-stage{border-radius:8px}.gallery-dialog h2{font-size:17px}}