.patient-image-filters{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) auto;gap:12px;align-items:end;margin:18px 0}.patient-image-filters label{display:grid;gap:6px;font-size:12px;color:#50647e}.patient-image-filters input,.patient-image-filters select{width:100%;min-width:0;min-height:36px;border:1px solid #ccd6e5;border-radius:4px;background:#fff;padding:7px;color:#334862}
.patient-image-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#596b81;font-size:13px}.patient-image-toolbar .patient-segments{margin:0}.patient-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px;align-items:start}.patient-image-grid.size-small{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}.patient-image-grid.size-large{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.patient-image-grid article{min-width:0;border:1px solid #dce3ed;border-radius:6px;overflow:hidden;background:#fff}.patient-image-thumbnail{display:block;width:100%;aspect-ratio:4/3;padding:8px;border:0;background:#f1f4f8;cursor:zoom-in}.patient-image-thumbnail img{width:100%;height:100%;object-fit:contain}.patient-image-caption{padding:12px;overflow-wrap:anywhere}.patient-image-caption strong,.patient-image-caption small{display:block}.patient-image-caption small{font-size:11px;color:#708098;margin-top:6px}.patient-image-caption p{font-size:12px;color:#536984;min-height:18px}.patient-image-caption>div{display:flex;justify-content:flex-end;gap:8px}.patient-image-caption button{width:32px;height:32px;border:1px solid #d4ddea;border-radius:4px;background:#fff;color:#4c6599;padding:6px}.patient-image-caption svg{width:18px;height:18px}
.patient-image-editor{width:min(1050px,95vw);max-width:95vw}.patient-image-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}.patient-image-editor-grid .field{margin-bottom:14px}.patient-image-selection{border:1px dashed #bfcde0;padding:16px;text-align:center;min-height:240px}.patient-image-selection small{display:block;margin-top:10px;font-size:11px;color:#6d7e94}.patient-image-selection input[type=file]{display:block;max-width:100%;font-size:12px;margin-top:8px}.patient-image-selection figure{margin:0 0 12px;position:relative}.patient-image-selection figure img{width:100%;max-height:230px;object-fit:contain}.patient-image-selection figcaption{font-size:12px;overflow-wrap:anywhere}.patient-image-selection figure button{position:absolute;top:4px;right:4px;width:30px;height:30px;background:#fff;border:1px solid #c9d4e4;border-radius:4px}.patient-image-selection svg{width:18px;height:18px}.patient-image-viewer{width:min(1100px,95vw);max-width:95vw;max-height:95vh;border:1px solid #d4deeb;border-radius:6px;padding:20px;color:#354862}.patient-image-viewer::backdrop{background:#13233499}.patient-image-viewer header,.patient-image-viewer footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.patient-image-viewer h2{font-size:20px;overflow-wrap:anywhere}.patient-image-viewer>img{display:block;width:100%;height:65vh;object-fit:contain;background:#f2f5f9}.patient-image-viewer p{white-space:pre-wrap;overflow-wrap:anywhere}.patient-image-viewer header button{width:34px;height:34px;padding:6px;background:#fff;border:1px solid #c9d4e4;border-radius:4px}.patient-image-viewer svg{width:18px;height:18px}
@media(max-width:850px){.patient-image-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.patient-image-editor-grid{grid-template-columns:minmax(0,1fr)}}
.patient-image-viewport{overflow:auto;max-height:65vh;width:100%}.patient-image-viewport img{display:block;max-width:none!important;max-height:none!important;height:auto!important;object-fit:contain}.patient-image-zoom{display:flex;align-items:center;gap:8px;margin:12px 0}.patient-image-zoom input{min-width:80px;flex:1}.patient-image-zoom button{width:36px;height:36px;flex-shrink:0}.patient-image-zoom output{width:48px;text-align:center}