:root{--bg:#0b0d10;--panel:#14181f;--panel-border:#252b36;--text:#e8eaed;--muted:#9aa3b2;--accent:#3d8bfd;--accent-soft:#3d8bfd2e;--danger:#f07178;--toolbar-h:48px;--header-h:56px;--series-w:260px}.viewer-page{background:var(--bg);flex-direction:column;height:100%;min-height:100dvh;display:flex}.study-header{min-height:var(--header-h);border-bottom:1px solid var(--panel-border);background:var(--panel);flex-direction:column;gap:.25rem;padding:.6rem .9rem;display:flex}.study-header__primary,.study-header__secondary{flex-wrap:wrap;align-items:baseline;gap:.5rem .85rem;display:flex}.study-header__patient{font-size:1rem;font-weight:600}.study-header__meta,.study-header__series{color:var(--muted);font-size:.85rem}.study-header__series{color:var(--text)}.viewer-body{flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:0;display:grid;position:relative}.viewer-main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.viewport-wrap{background:#000;flex:1;min-height:55vh;position:relative}.viewport-wrap--empty{background:#050607}.viewport-wrap--pdf{background:#1a1d24;flex-direction:column;display:flex}.pdf-viewport__frame{background:#525659;border:0;flex:1;width:100%;min-height:0}.toolbar--pdf{justify-content:flex-start}.viewport-element{touch-action:none;width:100%;height:100%}.viewer-status{z-index:2;border:1px solid var(--panel-border);text-align:center;background:#14181feb;border-radius:6px;max-width:min(90%,36rem);padding:.5rem .85rem;font-size:.9rem;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.viewer-status--error{color:var(--danger);border-color:#f0717866}.toolbar{min-height:var(--toolbar-h);border-top:1px solid var(--panel-border);background:var(--panel);align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex;overflow-x:auto}.toolbar__edge,.toolbar__center{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.toolbar__btn{appearance:none;border:1px solid var(--panel-border);color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .7rem;font-size:.85rem}.toolbar__btn--icon{justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-flex}.toolbar__btn--icon svg{width:1.15rem;height:1.15rem}.toolbar__btn:disabled{opacity:.4;cursor:not-allowed}.toolbar__btn.is-active,.toolbar__btn.is-playing,.toolbar__btn:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.toolbar__spacer{flex:1;min-width:.5rem}.toolbar__index{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem;font-size:.85rem}.series-mobile-trigger{border-bottom:1px solid var(--panel-border);background:var(--panel);grid-row:1;padding:.4rem .6rem}.series-mobile-trigger__btn{appearance:none;border:1px solid var(--panel-border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#1a2030;border-radius:6px;padding:.55rem .75rem;font-size:.9rem}.series-panel{background:var(--panel);border-left:1px solid var(--panel-border);flex-direction:column;min-height:0;display:none}.series-panel--open{z-index:5;top:3rem;left:0;right:0;bottom:var(--toolbar-h);border:1px solid var(--panel-border);border-radius:8px 8px 0 0;max-height:70vh;display:flex;position:absolute;box-shadow:0 -8px 24px #00000073}.series-backdrop{z-index:4;cursor:pointer;background:#00000073;border:0;position:absolute;inset:0}.series-panel__title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:.75rem .9rem .4rem;font-size:.75rem}.series-panel__empty{color:var(--muted);padding:.75rem .9rem}.series-list{flex:1;margin:0;padding:.25rem .5rem .75rem;list-style:none;overflow-y:auto}.series-list__item{appearance:none;width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-bottom:.2rem;padding:.55rem .6rem;display:grid}.series-list__item:hover:not(:disabled){background:#1a2030}.series-list__item.is-active{border-color:var(--accent);background:var(--accent-soft)}.series-list__item.is-disabled,.series-list__item:disabled{opacity:.45;cursor:not-allowed}.series-list__modality{color:var(--accent);min-width:2.5rem;font-size:.8rem;font-weight:700}.series-list__desc{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.series-list__count{color:var(--muted);font-size:.75rem}@media (width>=768px){.viewer-body{grid-template-columns:1fr var(--series-w);grid-template-rows:1fr}.viewer-main{grid-area:1/1}.series-mobile-trigger{display:none}.series-panel{max-height:none;box-shadow:none;border-radius:0;grid-area:1/2;display:flex;position:static}.series-backdrop{display:none}.viewport-wrap{min-height:0}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e8eaed;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;background:#0b0d10;font-family:Segoe UI,system-ui,sans-serif}code{word-break:break-all;font-size:.85em}