.media-thumb{display:inline-flex;align-items:center;justify-content:center;max-width:100%;width:120px;min-height:70px;margin:8px 8px 0 0;padding:6px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;cursor:pointer;font:inherit}.media-thumb img{width:100%;height:90px;object-fit:contain}.media-viewer{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:48px 16px 16px}.media-viewer::backdrop{background:rgba(0,0,0,.7)}.media-viewer>button{position:absolute;right:10px;top:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:24px;width:36px;height:36px}.media-viewer>img{display:block;max-width:100%;max-height:calc(100vh - 120px);object-fit:contain}