.post-media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 8px;overflow:hidden;border-radius:14px}
.post-media-gallery.media-count-1{grid-template-columns:minmax(0,1fr)}
.post-media-gallery figure,.media-picker-item{min-width:0;margin:0;background:#edf0f5;overflow:hidden;border-radius:10px}
.post-media-gallery img,.post-media-gallery video{display:block;width:100%;height:100%;max-height:420px;object-fit:contain;background:#101725}
.post-media-gallery.media-count-1 img{max-height:540px;object-fit:contain}
.post-media-gallery figure video{height:auto;aspect-ratio:4/3}
.post-media-gallery figcaption{padding:7px 10px;font-size:.875rem;background:#f3f5f8}
.post-media-gallery figcaption a{color:#264cca;text-decoration:underline}
.post-media-photo{display:block;min-width:0;min-height:150px;background:#edf0f5;overflow:hidden;border-radius:10px}
.media-picker{min-width:0;margin:20px 0 8px;padding:16px;border:1px solid #d8dfeb;border-radius:14px}
.media-picker legend{padding:0 5px;font-weight:650;font-size:1rem}.media-picker legend span{font-weight:400;color:#64748b;font-size:.875rem}
.media-picker .form-hint{margin:0 0 12px;font-size:.875rem;line-height:1.55;color:#59667d}
.media-picker-add{display:flex!important;flex-direction:column;gap:8px;font-size:.9375rem;font-weight:600;color:#294acf;cursor:pointer}
.media-picker-add input{width:100%;min-width:0;padding:8px!important;background:#f5f7fd;font-size:.875rem}
.media-picker-add input::file-selector-button{border:0;border-radius:6px;background:#e2e8fc;color:#263e9a;padding:8px 12px;margin-right:10px;cursor:pointer}
.media-picker-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.media-picker-item img,.media-picker-item video{display:block;width:100%;height:160px;object-fit:contain;background:#101725}
.media-picker-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;font-size:.875rem}
.media-picker-item figcaption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-picker-item button{min-height:36px;border:0;border-radius:6px;padding:6px 9px;color:#a12d39;background:#fff;cursor:pointer;font-size:.875rem}
.media-picker-status{font-size:.875rem;color:#59667d;line-height:1.5}.media-picker-status:empty{display:none}
@media(max-width:480px){.media-picker{padding:12px}.media-picker-previews{grid-template-columns:minmax(0,1fr)}.post-media-gallery figure video{aspect-ratio:1}.post-media-photo{min-height:110px}.post-media-gallery figcaption{font-size:.875rem}.media-picker-item img,.media-picker-item video{height:190px}}
/* Photos open above the current page; the conversation stays beside the image. */
.post-media-photo{padding:0;border:0;cursor:zoom-in;width:100%;text-align:inherit}
.post-media-photo:focus-visible{outline:3px solid #486bff;outline-offset:-4px}
html.fold-viewer-open{overscroll-behavior:none}
dialog.fold-image-viewer{padding:0;border:0;border-radius:16px;background:#090c12;color:#f8fafc;width:min(1440px,calc(100vw - 56px));height:min(940px,calc(100dvh - 56px));max-width:none;max-height:none;overflow:hidden;box-shadow:0 24px 100px #0008}
.fold-image-viewer::backdrop{background:rgba(7,12,21,.82)}
.fold-image-viewer [hidden]{display:none!important}
.fold-image-viewer .viewer-shell{display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-height:0}
.fold-image-viewer.viewer-with-context .viewer-shell{grid-template-columns:minmax(0,1fr) 360px}
.viewer-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#090c12}
.viewer-toolbar{position:absolute;inset:16px 16px auto;z-index:2;display:flex;align-items:center;gap:12px;pointer-events:none}
.viewer-toolbar>button,.viewer-previous,.viewer-next{display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;width:44px;height:44px;background:#171c27d9;color:#fff;cursor:pointer;font-size:28px;line-height:1;pointer-events:auto}
.viewer-toolbar>button:hover,.viewer-previous:hover,.viewer-next:hover{background:#394155}
.viewer-toolbar [data-viewer-position]{margin-left:auto;font-size:.875rem;background:#171c27d9;border-radius:20px;padding:8px 12px}
.viewer-toolbar button:focus-visible,.viewer-previous:focus-visible,.viewer-next:focus-visible{outline:3px solid #b2c8ff;outline-offset:3px}
.viewer-previous,.viewer-next{position:absolute;top:50%;z-index:2;transform:translateY(-50%);font-size:32px}.viewer-previous{left:16px}.viewer-next{right:16px}
.viewer-image-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.viewer-image-frame{width:100%;height:100%;display:grid;place-items:center}
.viewer-image-frame img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none;cursor:zoom-in}
.viewer-zoomed .viewer-image-frame{width:200%;height:200%}.viewer-zoomed .viewer-image-frame img{cursor:zoom-out}
.viewer-image-error{position:absolute;inset:45% 70px auto;text-align:center;color:#cbd5e1;font-size:1rem;line-height:1.6}
.viewer-discussion{display:none;min-width:0;overflow:auto;overscroll-behavior:contain;background:#fff;color:#1c283e;font-size:1rem}
.viewer-with-context .viewer-discussion{display:block}
.viewer-post{padding:22px 20px;border-bottom:1px solid #e5eaf2}.viewer-post h3{font-size:1.125rem;line-height:1.5;margin:18px 0 10px;overflow-wrap:anywhere}.viewer-post>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.65;margin:16px 0 0}
.viewer-author{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.viewer-author b{min-width:0;font-size:.9375rem;overflow-wrap:anywhere}.viewer-author a{margin-left:auto;font-size:.875rem;color:#345ac9}
.viewer-thread{padding:20px}.viewer-thread h3{font-size:1rem;margin:0 0 16px}.viewer-thread h3 span{font-weight:400;color:#66758d;margin-left:6px}
.viewer-thread .community-comment{padding:15px 0;gap:10px}.viewer-thread .community-comment p{font-size:1rem;line-height:1.55}.viewer-thread .community-comment b{font-size:.9375rem}.viewer-thread .community-avatar{width:32px;height:32px;font-size:14px}
.viewer-muted{font-size:.875rem;line-height:1.6;color:#65748b;margin:14px 0}.viewer-muted:empty{display:none}
.viewer-discussion>p,.viewer-discussion>button{margin:24px}
.viewer-discussion [data-viewer-retry]{border:1px solid #d4ddeb;border-radius:8px;background:#f5f7fb;padding:9px 12px;font-size:.875rem;color:#304e9c;cursor:pointer}
.viewer-comment-form{display:flex;flex-direction:column;gap:14px;padding:20px;border-top:1px solid #e5eaf2}
.viewer-comment-form label{display:flex;flex-direction:column;gap:7px;margin:0;font-size:.875rem;font-weight:600}.viewer-comment-form input,.viewer-comment-form textarea{box-sizing:border-box;width:100%;border:1px solid #d4ddeb;border-radius:8px;padding:11px 12px;font:inherit;font-size:1rem;color:#1c283e;background:#fff}.viewer-comment-form textarea{resize:vertical;min-height:94px}
.viewer-comment-form button[type=submit]{align-self:flex-end;border:0;border-radius:9px;background:#304fda;color:#fff;padding:11px 18px;font-size:.9375rem;font-weight:600;cursor:pointer}.viewer-comment-form button:disabled{opacity:.6;cursor:wait}
.viewer-form-error{color:#ac263a;font-size:.875rem;line-height:1.5;margin:0}
.viewer-signin,.viewer-want-link{padding:22px 20px}.viewer-signin a,.viewer-want-link a{font-size:.9375rem;color:#345ac9;text-decoration:underline}
.viewer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:799px){
 dialog.fold-image-viewer{width:100vw;height:100dvh;margin:0;border-radius:0}
 .fold-image-viewer.viewer-with-context .viewer-shell{grid-template-columns:minmax(0,1fr)}
 .fold-image-viewer .viewer-discussion{display:none}
 .viewer-toolbar{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}
 .viewer-previous{left:10px}.viewer-next{right:10px}.viewer-image-error{inset:45% 48px auto;font-size:.9375rem}
}