[data-gallery]>p{margin:0 0 18px;line-height:1.5}.gallery-upload{padding:18px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;margin:18px 0}.gallery-upload .muted{margin-top:12px}.gallery-empty{padding:24px;border:1px dashed #cbd4df;border-radius:10px;color:var(--muted)}
.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:16px}.gallery-card{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;min-width:0}.gallery-open{display:block;background:#f3f5f9}.gallery-open img{display:block;width:100%;height:180px;object-fit:contain;padding:8px}.gallery-open:hover{background:#EAF3FB}.gallery-card figcaption{padding:12px}.gallery-card figcaption>span{display:block;overflow-wrap:anywhere;font-weight:600}.gallery-card small{display:block;color:var(--muted);margin-top:5px}.gallery-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px}.gallery-actions button{padding:6px 9px;font-size:13px}
#gallery-viewer{width:min(1100px,calc(100% - 24px));max-width:1100px;max-height:94vh;padding:20px}#gallery-viewer::backdrop{background:#142035d9}.gallery-viewer-header,.gallery-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-viewer-header h2{overflow-wrap:anywhere;min-width:0;font-size:20px}.gallery-viewer-header button{flex:none}#gallery-viewer [data-gallery-large]{display:block;width:100%;height:65vh;object-fit:contain;margin:16px 0;background:#f3f5f9}.gallery-viewer-footer{flex-wrap:wrap}[data-gallery-status].has-error{color:#a12c32}
@media(max-width:760px){.image-gallery{grid-template-columns:1fr}.gallery-viewer-header{align-items:flex-start}.gallery-viewer-header h2{font-size:16px}#gallery-viewer{padding:12px}#gallery-viewer [data-gallery-large]{height:55vh}.gallery-viewer-footer button{padding:8px;font-size:13px}}
.gallery-options{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.gallery-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.gallery-options input{width:18px;height:18px;accent-color:var(--green);flex:none}.security-main-image{width:110px;height:90px;object-fit:contain;border:1px solid var(--line);background:white;border-radius:9px;padding:6px}[data-main-security-image]:empty{display:none}.pagehead h1{flex:1}
