.sf-app-images{border-top:1px solid var(--adm-border,#ccd6de);margin:14px 0;padding-top:4px}.sf-app-images small{display:block;margin-top:8px;line-height:1.5;color:var(--adm-text-dim,#657580)}.sf-app-images-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sf-app-images-grid button{padding:0;display:flex;flex-direction:column;min-width:0;border:1px solid var(--adm-border,#ccd6de);background:var(--adm-panel,#fff);color:inherit;cursor:zoom-in}.sf-app-images-grid img{display:block;width:100%;aspect-ratio:60/41;object-fit:contain;background:#f3f5f7}.sf-app-images-grid span{display:block;padding:7px 4px;font-size:12px;font-weight:600}.sf-app-card-image{width:100%;aspect-ratio:60/41;object-fit:contain;border:1px solid var(--adm-border,#ccd6de)}
.sf-preview-viewer{box-sizing:border-box;width:min(1300px,96vw);max-width:96vw;max-height:94dvh;padding:16px;background:var(--adm-panel,#fff);color:var(--adm-text,#263238);border:1px solid var(--adm-border,#ccd6de)}.sf-preview-viewer::backdrop{background:rgba(0,0,0,.65)}.sf-preview-viewer header{display:flex;justify-content:space-between;align-items:start;gap:16px}.sf-preview-viewer h2{font-size:18px;line-height:1.4;margin:0;overflow-wrap:anywhere}.sf-preview-viewer p{font-size:13px;line-height:1.5}.sf-preview-viewer button{font:inherit;min-height:38px;padding:7px 12px;cursor:pointer;border:1px solid var(--adm-border,#ccd6de);background:var(--adm-panel-2,#f3f5f7);color:inherit}.sf-preview-viewer-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.sf-preview-image{max-height:65dvh;overflow:auto;background:#e8edf1;border:1px solid var(--adm-border,#ccd6de)}.sf-preview-image img{display:block;width:auto;max-width:100%;max-height:65dvh;height:auto;margin:auto}.sf-preview-image.is-zoomed img{width:1600px;max-width:none;max-height:none}.sf-app-images button:focus-visible,.sf-preview-viewer button:focus-visible,.sf-preview-image:focus-visible{outline:3px solid var(--adm-primary,#3c8dbc);outline-offset:2px}
@media(max-width:600px){.sf-preview-viewer{padding:10px;width:96vw}.sf-preview-viewer header{gap:8px}.sf-preview-viewer h2{font-size:16px}.sf-preview-viewer-tools{gap:6px}.sf-preview-viewer-tools button{padding:6px 8px}.sf-app-images-grid{gap:5px}.sf-app-images-grid span{font-size:11px}}