.post-media{margin:18px 0;max-width:100%;color:var(--ink)}.post-media [hidden]{display:none!important}.post-media-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(180px,60vw,420px);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;background:var(--bg2);cursor:zoom-in}.post-media-frame img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}.post-media-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12px;color:var(--ink2)}.post-media-tools button,.post-media-dialog button,.post-image-editor button{font:600 12px var(--sans);min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--bg2);cursor:pointer}.post-media-tools>span:first-of-type{min-width:40px;text-align:center}.post-media-tools details{flex:1;min-width:140px}.post-media-tools summary{cursor:pointer;min-height:44px;align-content:center}.post-media-tools details p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:8px 0}.post-media-tools>span:last-child{font-size:11px}.post-media [data-media-status]{font-size:12px;line-height:1.6;color:var(--ink2);margin:8px 0}.post-media [data-media-status]:empty{display:none}.post-media-fallback{display:block;width:100%;max-height:500px;object-fit:contain;margin:12px 0}.post-media :is(button,summary):focus-visible,.post-media-dialog button:focus-visible,.post-image-editor :is(button,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.post-media button:disabled,.post-image-editor button:disabled{opacity:.55;cursor:default}
.post-media-dialog{width:min(1040px,94vw);max-height:94dvh;overflow:auto;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:18px}.post-media-dialog::backdrop{background:#000b}.post-media-dialog>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px}.post-media-dialog .post-media-frame{height:min(68dvh,720px);cursor:default}.post-media-dialog .post-media{margin-bottom:0}
.post-image-editor{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.post-image-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.post-image-editor h3{font-size:17px;margin:0}.post-image-editor p{font-size:12px;color:var(--ink2);line-height:1.65}.post-image-editor [hidden]{display:none!important}.post-image-editor .image-pick{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}.post-image-editor .image-pick img{display:block;width:100%;height:240px;object-fit:contain;background:repeating-conic-gradient(#777 0% 25%,#999 0% 50%) 50%/18px 18px;border-radius:8px}.post-image-editor label{display:block;margin:12px 0 6px;font-size:13px}.post-image-editor textarea,.post-image-editor select{box-sizing:border-box;width:100%;font:14px/1.6 var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px}.post-image-editor .image-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.post-image-editor .image-row{border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0}.post-image-editor .image-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.post-image-editor .image-row-preview{width:94px;height:94px;object-fit:contain;background:repeating-conic-gradient(#777 0% 25%,#999 0% 50%) 50%/14px 14px;border-radius:8px}.post-image-editor .image-count{font-size:11px;color:var(--ink3)}.post-image-editor .image-count.over{color:var(--danger)}.post-image-editor .image-recovery{padding:14px;border:1px solid var(--line);border-radius:12px;margin:14px 0;background:var(--bg2)}.post-image-editor .image-uploads article{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.post-image-editor .image-uploads img{width:72px;height:72px;object-fit:contain;background:var(--raise)}.post-image-editor .image-uploads button{flex-shrink:0}.post-image-editor [data-image-message]:empty{display:none}
@media(max-width:600px){.post-media-dialog{padding:12px;width:96vw}.post-media-frame{height:clamp(260px,100vw,420px)}.post-media-tools{gap:6px}.post-media-tools details{min-width:120px}.post-image-editor .image-row-head{align-items:flex-start}.post-image-editor .image-actions button{font-size:11px;padding:8px}.post-image-editor .image-pick{padding:12px}}

.post-image-report{font-size:12px;padding:10px 8px;min-height:44px;display:inline-flex;align-items:center;color:var(--ink2);text-underline-offset:3px}.post-image-report:focus-visible{outline:2px solid var(--accent);outline-offset:3px}