.asset-set-preview__grid{grid-template-columns:repeat(var(--asset-columns,2), clamp(120px, 24vw, 260px));grid-template-rows:repeat(var(--asset-rows,1), clamp(120px, 24vw, 260px));overscroll-behavior:contain;place-content:center;gap:clamp(12px,1.8vw,24px);padding:clamp(20px,3vw,40px);display:grid;overflow:auto}.asset-set-preview__grid>button{color:var(--mm-ui-text);cursor:zoom-in;background:0 0;border:0;border-radius:8px;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.asset-set-preview__grid>button:hover{background:#ffffff09}.asset-set-preview__grid>button.is-audio{color:var(--mm-type-audio);background:var(--mm-type-audio-soft);cursor:pointer}.asset-set-preview__grid>button.is-audio:hover,.asset-set-preview__grid>button.is-audio:focus-visible{background:color-mix(in srgb, var(--mm-type-audio) 18%, #101018)}:root[data-theme=light] .asset-set-preview__grid>button.is-audio{color:var(--mm-type-audio-on-light);background:color-mix(in srgb, var(--mm-type-audio-on-light) 12%, var(--mm-ui-surface-1))}:root[data-theme=light] .asset-set-preview__grid>button.is-audio:is(:hover,:focus-visible){background:color-mix(in srgb, var(--mm-type-audio-on-light) 18%, var(--mm-ui-surface-hover))}.asset-set-preview__grid>button audio{display:none}.asset-set-preview__audio-play{z-index:1;width:52px;height:52px;color:var(--mm-ui-text);opacity:1;pointer-events:none;background:#000000ad;border-radius:50%;place-items:center;transition:opacity .12s,transform .12s;display:grid;position:absolute;transform:scale(1)}.asset-set-preview__audio-icon{transition:opacity .12s}.asset-set-preview__grid>button:hover .asset-set-preview__audio-icon,.asset-set-preview__grid>button:focus-visible .asset-set-preview__audio-icon{opacity:0}.asset-set-preview__grid>button:hover .asset-set-preview__audio-play,.asset-set-preview__grid>button:focus-visible .asset-set-preview__audio-play{opacity:1;transform:scale(1)}.asset-set-preview__grid>button:focus-visible{outline:2px solid var(--mm-ui-text);outline-offset:3px}.asset-set-preview__grid img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.asset-set-preview__single{place-items:center;display:grid;position:relative;overflow:hidden}.asset-set-preview__single .image-preview-dialog__viewport{width:100%;height:100%}.asset-set-preview__single img,.asset-set-preview__single video{object-fit:contain;max-width:100%;max-height:100%}.asset-set-preview__single [role=status]{position:absolute;bottom:12px}.asset-set-preview__back{border-radius:var(--mm-ui-radius-sm);background:var(--mm-ui-surface-2);color:var(--mm-ui-text);cursor:pointer;border:0;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}@media (width<=480px){.asset-set-preview__grid{grid-template-columns:repeat(2,clamp(120px,38vw,220px));grid-template-rows:repeat(var(--asset-mobile-rows,1), clamp(120px, 38vw, 220px));padding:16px}}.asset-set-preview__stage{width:100%;min-height:0;position:relative}.asset-set-preview__stage>:is(.asset-set-preview__grid,.asset-set-preview__single){box-sizing:border-box;width:100%;height:100%;position:absolute;inset:0}.asset-set-preview__stage>.asset-set-preview__grid{width:max-content;max-width:calc(100% - 32px);height:max-content;max-height:calc(100% - 32px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media (width<=760px){.image-preview-dialog.asset-set-preview-dialog .asset-set-preview__stage>.asset-set-preview__grid{width:max-content!important;max-width:calc(100vw - 24px)!important;height:max-content!important;max-height:calc(100dvh - 128px)!important;position:fixed!important;inset:calc(50% - 40px) auto auto 50%!important;transform:translate(-50%,-50%)!important}}.asset-set-preview__stage>.asset-set-preview__back{z-index:2;white-space:nowrap;background:#191a1cdb;position:absolute;top:16px;left:16px}.image-preview-dialog__panel:has(.asset-set-preview__stage) .mm-media-preview-dock__bar{box-sizing:border-box;flex-wrap:nowrap;height:80px;min-height:80px;padding:12px 24px}.image-preview-dialog__panel:has(.asset-set-preview__stage) .image-preview-dialog__footer{flex:0 0 80px;height:80px}.image-preview-dialog__panel.is-maximized .asset-set-preview__stage{aspect-ratio:auto;height:100%}.asset-set-preview-dialog .mm-media-preview-dock__identity>strong{max-width:min(48vw,360px)}@media (width<=760px){.image-preview-dialog.asset-set-preview-dialog:has(.mm-media-preview-dock) .mm-media-preview-dock__identity>strong{max-width:min(48vw,240px);font-size:13px;display:block}}