.media-detail-dialog{color:#1d2924;z-index:50;background:#fff;border:1px solid #d9ded9;border-radius:12px;width:min(1140px,100% - 64px);min-width:0;max-width:calc(100% - 64px);height:min(100% - 64px,1100px);margin:auto;padding:28px;font-size:16px;position:fixed;inset:0;overflow:hidden auto;box-shadow:0 16px 64px #00000038}.media-detail-dialog>:not(button){overflow-wrap:anywhere;min-width:0}.media-detail-dialog [data-testid=photo-main]{background:#f3f4f1}.media-detail-dialog [data-testid=photo-main] img{object-fit:contain;width:100%;height:clamp(240px,48dvh,520px)}.media-detail-dialog textarea{font-size:16px;line-height:1.55}.media-detail-dialog .photo-description{min-height:150px}.media-detail-dialog .photo-voice-notes{margin-bottom:16px}.media-detail-dialog .media-detail-close{border-radius:6px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.media-detail-dialog .media-detail-close:hover{background:#edf4ec}.media-detail-dialog .media-detail-close:focus-visible{outline-offset:2px;outline:2px solid #245446}.media-detail-dialog .media-detail-heading{text-align:left;padding-right:44px}@media (width<=640px){.media-detail-dialog{border-radius:8px;width:calc(100% - 48px);max-width:calc(100% - 48px);height:calc(100% - 48px);padding:20px 16px}.media-detail-dialog [data-testid=photo-main] img{height:clamp(220px,36dvh,360px)}}@media (prefers-reduced-motion:reduce){.media-detail-dialog{animation:none!important}}.photo-tools-panel{background:#edf4ec}.photo-media-frame{border:1px solid #d9ded9;border-radius:8px;overflow:hidden}.photo-media-frame [data-testid=photo-main]{border:0;border-radius:0}.photo-voice-bar{color:#245446;background:#fff;border-top:1px solid #d9ded9;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.photo-voice-bar-play{border-radius:4px;flex:0 0 44px;place-items:center;height:44px;display:grid}.photo-voice-progress{appearance:none;cursor:pointer;background:0 0;flex:1 1 0;min-width:0;height:44px}.photo-voice-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:13px}.photo-voice-bar-play:focus-visible,.photo-voice-progress:focus-visible{outline-offset:2px;outline:2px solid #245446}.photo-voice-bar-play:hover{background:#edf4ec}.photo-voice-bar button:disabled,.photo-voice-progress:disabled{cursor:default;opacity:.55}.photo-voice-bar-play svg{color:#245446;fill:currentColor;stroke:#245446;stroke-width:1.5px}.photo-voice-progress::-webkit-slider-runnable-track{box-sizing:border-box;background:#fff;border:1px solid #b58a4a;border-radius:3px;height:6px}.photo-voice-progress::-webkit-slider-thumb{appearance:none;background:#245446;border:1px solid #245446;border-radius:50%;width:14px;height:14px;margin-top:-5px}.photo-voice-progress::-moz-range-track{box-sizing:border-box;background:#fff;border:1px solid #b58a4a;border-radius:3px;height:6px}.photo-voice-progress::-moz-range-progress{background:0 0;border-radius:2px;height:4px}.photo-voice-progress::-moz-range-thumb{box-sizing:border-box;background:#245446;border:1px solid #245446;border-radius:50%;width:14px;height:14px}
