/* Notice attachments: previews in the editor, full images in the reader. */
.notice-image-editor{padding-top:4px}
.notice-image-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.notice-image-previews:empty{display:none}
.notice-image-tile{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.notice-image-tile>img{display:block;width:100%;height:132px;object-fit:contain;background:var(--bg)}
.notice-image-tile>div{display:flex;justify-content:space-between;gap:5px;align-items:center;padding:8px;font-size:11px}
.notice-image-tile .btn{font-size:11px;min-height:32px;padding:5px 8px}
.notice-image-editor input[type=file]{width:100%;padding:11px;border:1px dashed var(--accent);border-radius:10px;font-size:12px}
.notice-image-editor input::file-selector-button{margin-right:12px;padding:8px 12px;border:0;border-radius:7px;background:var(--accent);color:var(--bg);font:inherit;font-weight:700;cursor:pointer}
.notice-image-gallery{display:flex;flex-direction:column;gap:22px;margin:26px 0 0;white-space:normal}
.notice-image-gallery figure{margin:0;max-width:100%}
.notice-image-gallery a{display:block;border-radius:10px;overflow:hidden;background:var(--panel2)}
.notice-image-gallery img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto}
.notice-image-gallery a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.notice-image-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.notice-image-tile>img{height:110px}.notice-image-gallery{gap:14px;margin-top:20px}}