.media-preview{position:fixed;inset:0;width:min(1280px,96vw);height:92vh;height:92dvh;max-width:none;max-height:none;padding:0;border:1px solid #ffffff26;border-radius:18px;background:#f8f7f1;color:#292927;box-shadow:0 24px 90px #0005;overflow:hidden}.media-preview[open]{display:flex;flex-direction:column}.media-preview::backdrop{background:#171e1bcc;backdrop-filter:blur(7px)}.mp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #29292715;flex-shrink:0}.mp-title{margin:0;font-size:13px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mp-actions{display:flex;gap:8px;flex-shrink:0}.media-preview button{font:inherit;font-size:13px;border:0;border-radius:999px;padding:10px 15px;min-height:42px;cursor:pointer;color:#34412f;background:#e7ecdf}.media-preview button:hover{background:#d7e1ce}.media-preview button:focus-visible{outline:2px solid #687d57;outline-offset:2px}.media-preview [hidden]{display:none!important}.mp-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:18px;background:#eaece4}.mp-stage img,.mp-stage video{display:block;max-width:100%;max-height:100%;object-fit:contain;flex-shrink:0}.mp-stage audio{width:min(600px,100%)}.mp-stage.is-zoomed{display:block;text-align:center}.mp-stage.is-zoomed img{display:inline-block;max-width:none;max-height:none;width:auto;height:auto}.mp-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 18px;flex-shrink:0}.mp-count{font-size:12px;color:#74796b}.media-preview-trigger{display:block;cursor:zoom-in}@media(max-width:600px){.media-preview{width:100%;height:100%;height:100dvh;border:0;border-radius:0}.mp-toolbar{padding:12px;gap:8px}.mp-stage{padding:10px}.mp-actions{gap:5px}.media-preview button{padding:10px 12px}.mp-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}