.connect-attachment.lpp-media{width:100%;min-width:0;gap:4px}.connect-attachment.lpp-media-visual{max-width:680px}.lpp-media .lpp-media-open{position:relative;display:block;width:100%;padding:0;border:0;background:#111;cursor:zoom-in;overflow:hidden;border-radius:12px;color:white}.connect-attachment.lpp-media img,.connect-attachment.lpp-media video{display:block;width:100%;height:auto;max-width:100%;max-height:70svh;object-fit:contain;background:#0b0d10;border-radius:12px}.connect-attachment.lpp-media video{min-height:150px}.lpp-media-expand{position:absolute;bottom:10px;right:10px;padding:6px 10px;border-radius:20px;background:#101318d9;color:#fff;font-size:12px;pointer-events:none}.lpp-media .lpp-media-details{font-size:12px;color:#bec4cd;min-width:0}.lpp-media-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;list-style:none}.lpp-media-details summary:before{content:"▸"}.lpp-media-details[open] summary:before{content:"▾"}.lpp-media-details a{display:block;padding:4px 0 12px;overflow-wrap:anywhere}.lpp-media button:focus-visible,.lpp-media summary:focus-visible,.lpp-photo-canvas:focus-visible,.lpp-photo-viewer button:focus-visible{outline:2px solid #f6c744;outline-offset:3px}dialog.lpp-photo-viewer{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#080b10;color:white;overflow:hidden}dialog.lpp-photo-viewer::backdrop{background:#080b10f2}dialog.lpp-photo-viewer[open]{display:flex;flex-direction:column}.lpp-photo-viewer header{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));flex:none;border-bottom:1px solid #343a43}.lpp-photo-viewer header span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.lpp-photo-viewer header button{flex:none;min-height:44px;padding:8px 12px;background:#252a32;color:#fff;border:1px solid #4b5563;border-radius:9px;font-size:13px}.lpp-photo-viewer .lpp-photo-canvas{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);touch-action:pan-x pan-y pinch-zoom}.connect-attachment.lpp-media .lpp-photo-canvas img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0}.connect-attachment.lpp-media .lpp-photo-canvas.is-zoomed img{width:200%;height:auto;min-height:100%;object-fit:contain}.lpp-lesson-media>video{display:block;width:100%;height:auto;max-height:75svh;object-fit:contain;background:#000}.lpp-lesson-media select,.lpp-lesson-media>div:first-of-type button{min-height:44px;min-width:44px}@media(max-width:767px){.team-messages:has(.lpp-media-visual){padding-left:8px;padding-right:8px}.team-message:has(.lpp-media-visual){display:block;padding-left:0;padding-right:0}.team-message:has(.lpp-media-visual)>.team-avatar{display:none}.team-message:has(.lpp-media-visual)>.team-message-body{width:100%;max-width:100%;min-width:0}.mc-shell .mc-bubble:has(.lpp-media-visual){width:100%;max-width:100%;padding:10px 0 6px;border-radius:12px;overflow:hidden}.mc-bubble:has(.lpp-media-visual)>.mc-author,.mc-bubble:has(.lpp-media-visual)>time{display:block;margin-left:12px;margin-right:12px}.mc-bubble .lpp-media-details{padding:0 12px}.connect-attachment.lpp-media-visual{max-width:none}.connect-attachment.lpp-media img,.connect-attachment.lpp-media video{border-radius:10px;max-height:65svh}.lpp-lesson-media{margin-left:-12px;margin-right:-12px}.lpp-lesson-media>video{max-height:70svh}.lpp-lesson-media>div[role=alert],.lpp-lesson-media>p{margin-left:12px;margin-right:12px}.lpp-photo-viewer header span{font-size:12px}}@media(prefers-reduced-motion:reduce){.lpp-media *,.lpp-photo-viewer *{scroll-behavior:auto}}