.deep-viewer{margin:28px 0 18px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);box-shadow:var(--shadow)}
.deep-viewer-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;background:var(--white);border-bottom:1px solid var(--line)}
.deep-viewer-heading h3{margin:0;font-size:17px;line-height:1.4;color:var(--navy)}
.deep-viewer-meta{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-shrink:0;font-size:13px;color:var(--muted)}
.imaging-logo{display:flex;align-items:center;padding:8px 10px;border-radius:8px;background:var(--navy)}
.imaging-logo img{display:block;width:120px;height:auto;max-width:100%}
.deep-image-box{position:relative;margin:0;height:clamp(320px,75vh,900px);overflow:auto;background:#000;overscroll-behavior:contain}
.deep-image-stage{width:calc(100% * var(--image-zoom,1));height:calc(100% * var(--image-zoom,1))}
.deep-image-box img{display:block;width:100%;height:100%;object-fit:contain}
.deep-image-box:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}
.deep-image-status{position:absolute;bottom:12px;left:12px;right:12px;margin:0;padding:10px 14px;background:var(--navy);color:var(--white);border-radius:8px;font-size:13px}
.deep-controls{display:flex;align-items:center;gap:22px;padding:20px 22px 12px;background:var(--surface);border-top:3px solid var(--teal)}
.deep-controls button{min-height:44px;padding:10px 18px;border:1px solid var(--navy);border-radius:var(--radius);background:var(--navy);color:var(--white);font:600 13px var(--font-body);cursor:pointer}
.deep-controls button:hover:not(:disabled){background:var(--teal);border-color:var(--navy);color:var(--navy)}
.deep-slice-control{flex:1;min-width:0}
.deep-slice-control label{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:bold;color:var(--navy)}
.deep-slice-control input{display:block;width:100%;min-height:32px;margin:0;accent-color:var(--navy);cursor:pointer}
.deep-viewer-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 22px 18px;background:var(--surface);font-size:12px;color:var(--muted)}
.deep-viewer-foot p{margin:0}
.deep-viewer-foot a{flex-shrink:0}
.deep-credit{margin:0;padding:18px 22px;font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);overflow-wrap:anywhere}
@media(max-width:600px){.deep-viewer-heading{padding:16px;align-items:flex-start;flex-direction:column;gap:6px}.deep-controls{gap:12px;padding:16px 12px 10px}.deep-controls button{padding:10px;font-size:12px}.deep-viewer-foot{align-items:flex-start;flex-direction:column;padding:0 16px 16px}.deep-image-box{height:clamp(280px,60vh,600px)}}

.imaging-study{margin:28px 0 36px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);box-shadow:var(--shadow)}
.imaging-study-intro{padding:clamp(18px,3vw,28px);background:var(--surface);border-bottom:3px solid var(--teal)}
.imaging-study-intro h2{margin:0 0 10px;font-size:20px;line-height:1.35;font-family:var(--font-body)}
.imaging-study-intro>p{margin:0;color:var(--muted)}
.imaging-study .deep-viewer{margin:0;border:0;border-radius:0;box-shadow:none}
.imaging-series{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line)}
.imaging-series label{font-size:13px;font-weight:bold;color:var(--navy)}
.imaging-series select{font:inherit;min-height:44px;padding:8px 32px 8px 12px;border:1px solid var(--control-border);border-radius:var(--radius);background:var(--white);color:var(--navy)}

@media(max-width:600px){.deep-viewer-meta{width:100%;justify-content:space-between;gap:10px}.imaging-logo img{width:100px}}

.deep-viewer-meta [data-count]{padding:5px 10px;border-radius:var(--radius);background:var(--surface);color:var(--navy);font-weight:600}
.deep-slice-control output{min-width:64px;text-align:center;padding:0 8px;border-radius:var(--radius);background:var(--white);font-variant-numeric:tabular-nums}
.deep-viewer-foot a{font-weight:600;text-underline-offset:3px}
.deep-controls button:disabled{background:var(--surface);color:var(--muted);border-color:var(--line)}
@media(max-width:600px){.imaging-study-intro h2{font-size:18px}.deep-credit{padding:16px}.imaging-series{padding:12px 16px}}

.deep-zoom-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:10px 22px;background:var(--surface);border-bottom:1px solid var(--line);font-size:13px}
.deep-zoom-controls>span{font-weight:600;margin-right:4px}
.deep-zoom-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--control-border);border-radius:var(--radius);background:var(--white);color:var(--navy);font:600 14px var(--font-body);cursor:pointer}
.deep-zoom-controls button:hover:not(:disabled){background:var(--teal)}
.deep-zoom-controls output{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:600px){.deep-zoom-controls{justify-content:center;padding:10px 12px}}

.deep-viewer-foot [data-full-page],.imaging-full-page-heading button{flex-shrink:0;min-height:44px;padding:10px 14px;border:1px solid var(--navy);border-radius:var(--radius);background:var(--navy);color:var(--white);font:600 13px var(--font-body);cursor:pointer}
.deep-viewer-foot [data-full-page]:hover,.imaging-full-page-heading button:hover{background:var(--teal);color:var(--navy)}
.imaging-full-page{position:fixed;inset:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--white);color:var(--navy);overscroll-behavior:contain}
.imaging-full-page[open]{display:flex;flex-direction:column}
.imaging-full-page::backdrop{background:var(--navy)}
.imaging-full-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;border-bottom:3px solid var(--teal);background:var(--surface);flex-shrink:0}
.imaging-full-page>.deep-viewer{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;border:0;border-radius:0;overflow:auto}
.imaging-full-page .deep-image-box{flex:1;min-height:120px;height:auto}
.imaging-full-page :is(.deep-viewer-heading,.imaging-series,.deep-zoom-controls,.deep-controls,.deep-viewer-foot){flex-shrink:0}
.imaging-full-page .deep-viewer-heading{padding-top:10px;padding-bottom:10px}
.imaging-full-page .deep-viewer-foot{padding-bottom:10px}
@media(max-width:600px){.imaging-full-page-heading{padding:10px 12px;font-size:13px}.imaging-full-page .deep-viewer-heading{flex-direction:row;align-items:center;gap:8px}.imaging-full-page .deep-viewer-meta{width:auto}.imaging-full-page .imaging-logo{display:none}.imaging-full-page .deep-controls{padding-top:10px}}