:root{--app-header-height: 60px;--grey-0: #ffffff;--grey-25: #f8fafc;--grey-50: #f4f7fa;--grey-100: #e7edf4;--grey-200: #dfe6ee;--grey-300: #c5cfdb;--grey-400: #9aa7b5;--grey-500: #7a8796;--grey-600: #627080;--grey-650: #5d6876;--grey-675: #556271;--grey-700: #4c5b6b;--grey-750: #45627a;--grey-775: #314658;--grey-800: #313b46;--grey-825: #243240;--grey-850: #1f2730;--grey-950: #11171d;--surface-page: var(--grey-50);--surface-panel: var(--grey-100);--surface-header: var(--grey-200);--surface-card: rgba(250, 252, 254, .96);--surface-card-strong: rgba(250, 252, 254, .98);--surface-input: rgba(255, 255, 255, .92);--surface-hover: rgba(255, 255, 255, .94);--surface-active: rgba(235, 241, 247, .96);--surface-soft: rgba(245, 248, 251, .96);--surface-thumb: #d5dde6;--surface-thumb-toggle: rgba(255, 255, 255, .88);--surface-series-item: rgba(255, 255, 255, .82);--border-subtle: rgba(197, 207, 219, .55);--border-default: var(--grey-300);--border-soft: rgba(197, 207, 219, .75);--border-soft-strong: rgba(197, 207, 219, .8);--border-toggle: rgba(197, 207, 219, .85);--border-dashed-light: rgba(244, 248, 252, .34);--border-dashed-light-hover: rgba(244, 248, 252, .5);--border-placeholder: rgba(151, 163, 177, .8);--border-strong: var(--grey-600);--border-inverse-soft: rgba(244, 248, 252, .12);--border-inverse-mid: rgba(244, 248, 252, .14);--text-primary: var(--grey-825);--text-secondary: var(--grey-700);--text-muted: var(--grey-600);--text-muted-strong: var(--grey-650);--text-inverse: #f4f8fc;--text-inverse-muted: #bdbdbd;--text-modal: #556271;--text-detail: #ccc;--control-primary: var(--grey-600);--control-primary-hover: var(--grey-675);--control-secondary: var(--grey-500);--control-secondary-hover: #6b7886;--link-colour: var(--grey-750);--link-colour-hover: var(--grey-775);--scrollbar-thumb: #b8c3ce;--scrollbar-thumb-hover: #a4afbc;--status-error: #7d6770;--header-top-tint: #f3f7fb;--overlay-header-inset: rgba(255, 255, 255, .6);--overlay-viewer-inset: rgba(255, 255, 255, .04);--overlay-panel-inset: rgba(255, 255, 255, .03);--overlay-drop-area: rgba(244, 248, 252, .04);--overlay-drop-area-hover: rgba(244, 248, 252, .07);--overlay-drop-note: rgba(244, 248, 252, .82);--overlay-drop-note-secondary: rgba(244, 248, 252, .68);--overlay-toolbar: rgba(55, 64, 75, .9);--overlay-shadow-soft: rgba(0, 0, 0, .18);--overlay-pixel-info: rgba(0, 0, 0, .7);--overlay-modal-backdrop: rgba(17, 23, 29, .68);--overlay-modal-shadow: rgba(17, 23, 29, .18);--focus-ring: rgba(98, 112, 128, .12);--viewer-toolbar-clearance: 4rem;--viewer-flat: var(--grey-950);--viewer-top: var(--grey-800);--viewer-bottom: var(--grey-850)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--surface-page);color:var(--text-primary);line-height:1.5;min-height:100dvh;display:flex;flex-direction:column}.header{background:linear-gradient(180deg,var(--header-top-tint) 0%,var(--surface-header) 100%);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;border-bottom:1px solid var(--border-grey);box-shadow:0 1px 0 var(--overlay-header-inset) inset}.logo{display:flex;align-items:center;gap:.9rem}.logo-mark{height:35px;width:auto;display:block}.logo-text{position:relative;top:1px;font-size:1.6rem;font-weight:800;letter-spacing:.01em;color:var(--grey-650)}.header-actions{display:none;align-items:center;justify-content:flex-end;gap:.75rem}.header-actions.visible{display:flex}.header-load-actions{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:flex-end}#loadStudyBtn{font-size:.8rem;padding:.4rem .6rem;min-width:6.5rem;min-height:2.125rem;background-color:var(--control-secondary);color:var(--text-inverse);border:1px solid var(--border-inverse-soft);gap:.45rem}#loadStudyBtn:hover{background-color:var(--control-secondary-hover)}#loadStudyBtn:disabled{cursor:default;opacity:.7}#loadStudyBtn:disabled:hover{background-color:var(--control-secondary)}.container{display:flex;height:calc(100dvh - var(--app-header-height));flex:none;min-height:0}.sidebar{width:260px;background-color:var(--surface-panel);border-right:1px solid var(--border-default);padding:1rem;overflow-y:auto;min-height:0;font-size:.75rem;display:none}.sidebar.visible{display:flex;flex-direction:column}.viewer{flex:1;background-color:var(--viewer-bottom);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;background:linear-gradient(180deg,var(--viewer-top) 0%,var(--viewer-bottom) 100%);padding:2rem 1rem 1rem;overflow:hidden;min-height:0;box-shadow:inset 0 0 0 1px var(--overlay-viewer-inset)}.viewer.has-image{justify-content:center;background:var(--viewer-flat);padding:0 0 var(--viewer-toolbar-clearance)}.viewer.has-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--viewer-toolbar-clearance);background:linear-gradient(180deg,var(--viewer-top) 0%,var(--viewer-bottom) 100%);z-index:0}.viewer-image{max-width:100%;max-height:calc(100dvh - var(--app-header-height) - var(--viewer-toolbar-clearance));width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:none;position:relative;z-index:1}.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;font-size:.9rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.button-primary{background-color:var(--control-primary);color:var(--text-inverse);border:1px solid var(--border-inverse-soft)}.button-primary:hover{background-color:var(--control-primary-hover)}.button-secondary{background-color:var(--control-secondary);color:var(--text-inverse)}.button-secondary:hover{background-color:var(--control-secondary-hover)}.drop-area{width:80%;max-width:500px;height:300px;border:1px dashed var(--border-dashed-light);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;background:var(--overlay-drop-area);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px var(--overlay-panel-inset)}.drop-area:hover{border-color:var(--border-dashed-light-hover);background:var(--overlay-drop-area-hover)}.drop-area--loading{cursor:progress}.drop-area--loading:hover{border-color:var(--border-dashed-light);background:var(--overlay-drop-area)}.drop-content{text-align:center;color:#fff}.drop-icon{margin-bottom:1rem;opacity:.8}.folder-open-icon{display:block}.folder-open-icon--button{width:.95rem;height:.95rem}.folder-open-icon--hero{width:3rem;height:3rem;margin:0 auto}.loading-indicator{width:3rem;height:3rem;margin:0 auto 1rem;border-radius:999px;border:3px solid rgba(244,248,252,.18);border-top-color:var(--text-inverse);animation:study-loading-spin .9s linear infinite}@keyframes study-loading-spin{to{transform:rotate(360deg)}}.drop-content h2{margin-bottom:.5rem;font-weight:600;font-size:1.5rem}.drop-content p{margin:.25rem 0}.drop-browse-text{color:var(--text-inverse-muted)}.drop-note{max-width:24rem;margin:0 auto;padding-top:1.25rem;font-size:.8rem;line-height:1.45;color:var(--overlay-drop-note)}.drop-note--secondary{padding-top:.75rem;color:var(--overlay-drop-note-secondary)}.toolbar{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;background-color:var(--overlay-toolbar);padding:.5rem;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-inverse-mid);box-shadow:0 8px 18px var(--overlay-shadow-soft);margin-top:0rem;z-index:100;display:none}.toolbar.visible{display:flex}.toolbar .button{font-size:.8rem;padding:.4rem .6rem;min-height:2.125rem;min-width:6.5rem}.toolbar__group{display:flex;gap:.18rem;width:6.5rem;min-width:6.5rem;max-width:6.5rem}.toolbar__group-main{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}.toolbar .toolbar__group-main{flex:1 1 auto;min-width:0;width:auto}.toolbar__spinbutton{width:2.05rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;border:1px solid var(--border-inverse-soft);border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;background-color:var(--control-secondary);color:var(--text-inverse);overflow:hidden;min-height:2.125rem}.toolbar__spinbutton-control{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:.8rem;line-height:1}.toolbar__spinbutton-control--down{border-bottom:1px solid rgba(244,248,252,.08)}.toolbar__spinbutton-control:hover:not(:disabled){background-color:var(--control-secondary-hover)}.toolbar__spinbutton-control:disabled{opacity:.45;cursor:default}.pixel-data-info{color:#fff;text-align:center;padding:2rem;background:var(--overlay-pixel-info);border-radius:8px;max-width:80%}.pixel-data-info__title{margin-bottom:1rem}.pixel-data-info__line{margin-bottom:.5rem}.pixel-data-info__warning{margin-bottom:1rem;color:var(--status-error)}.pixel-data-info__detail{font-size:.9rem;color:var(--text-detail)}.pixel-data-info__button{margin-top:1rem}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal__backdrop{position:absolute;inset:0;background:var(--overlay-modal-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal__panel{position:relative;width:min(28rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);background:var(--surface-card-strong);border:1px solid var(--border-grey);border-radius:8px;box-shadow:0 18px 40px var(--overlay-modal-shadow);padding:1.25rem}.modal__title{font-size:1.1rem;color:var(--text-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.65rem}.modal__title-logo{height:35px;width:auto;display:block}.modal__message{font-size:.95rem;color:var(--text-modal);margin-bottom:1rem}.modal__message p+p{margin-top:.8rem}.modal__message strong{font-weight:700;color:var(--text-dark)}.modal__actions{display:flex;justify-content:flex-end}.modal--intro .modal__title{justify-content:left;font-size:1.3rem;text-align:center}.modal--intro .modal__actions{justify-content:center}.modal--notices .modal__panel{width:min(52rem,calc(100vw - 2rem));display:flex;flex-direction:column}.modal--notices .modal__message{overflow-y:auto;padding-right:.25rem}.modal--notices .modal__title{margin-bottom:.8rem}.card{background-color:var(--surface-card);border:1px solid var(--border-default);border-radius:6px;padding:1rem;margin-bottom:1rem;box-shadow:none}.card h3{font-size:1rem;margin-bottom:.5rem;color:var(--text-secondary)}.sidebar-footer{margin-top:auto;padding-top:1rem}.sidebar-footer__notice{font-size:.68rem;line-height:1.45;margin-top:.4rem;color:var(--text-muted-strong)}.sidebar-footer__links{margin-top:.55rem;font-size:.72rem}.sidebar-footer__link-button{padding:0;border:none;background:none;color:var(--link-colour);text-decoration:underline;text-underline-offset:.15em;font:inherit;cursor:pointer}.sidebar-footer__link-button:hover{color:var(--link-colour-hover)}.notices-section+.notices-section{margin-top:2rem}.license-block{overflow-x:auto;padding:1rem;border:1px solid var(--border-soft-strong);border-radius:8px;background:var(--surface-soft);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.83rem;line-height:1.55;white-space:pre-wrap}.patient-fields{display:grid;gap:.85rem}.series-browser{display:grid;gap:.7rem}.series-browser__item{display:block;width:100%;border:2px solid var(--border-soft);border-radius:8px;background:var(--surface-series-item);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.series-browser__item:hover{border-color:var(--grey-400);background:var(--surface-hover)}.series-browser__item:focus,.series-browser__item:focus-visible{outline:none}.series-browser__item--active{border-color:var(--border-strong);background:var(--surface-active)}.series-browser__thumb-wrap{display:flex;align-items:center}.series-browser__thumb{display:block;width:100%;height:6.5rem;object-fit:contain;border-radius:6px;background:var(--surface-thumb)}.series-browser__thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:.68rem;color:var(--text-muted-strong);border:1px dashed var(--border-placeholder)}.series-browser__toggle{width:100%;margin-top:.7rem;padding:.45rem .6rem;border:1px solid var(--border-toggle);border-radius:6px;background:var(--surface-thumb-toggle);color:var(--text-secondary);font:inherit;font-size:.74rem;cursor:pointer}.series-browser__toggle:hover{background:var(--surface-card)}.patient-field{padding-top:.25rem;border-top:1px solid var(--border-subtle)}.patient-field:first-child{border-top:none;padding-top:0}.patient-field__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.patient-field__label{font-size:.82rem;font-weight:600;color:var(--text-primary)}.patient-field__toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted-strong)}.patient-field__current{display:flex;flex-direction:column;gap:.1rem}.patient-field__current-value{font-size:.82rem;color:var(--text-primary);word-break:break-word}.patient-field__editor{margin-top:.45rem}.patient-field__input{width:100%;padding:.55rem .65rem;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-input);color:var(--text-primary);font:inherit}.patient-field__input:focus{outline:none;border-color:var(--control-primary);box-shadow:0 0 0 2px var(--focus-ring)}.patient-field__input--invalid{border-color:var(--status-error)}.patient-field__error{margin-top:.3rem;font-size:.72rem;color:var(--status-error)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.text-muted{color:var(--text-muted)}.hidden{display:none}@media(min-width:901px){body{overflow:hidden}}@media(max-width:900px){.container{flex-direction:column-reverse;height:auto;min-height:0}.viewer{min-height:55vh}.viewer.has-image{min-height:60vh;--viewer-toolbar-clearance: 5.25rem;padding:0 0 5.25rem}.viewer.has-image:after{height:5.25rem}.sidebar{width:100%;border-right:none;border-top:1px solid var(--border-grey)}.series-browser{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.8rem}.series-browser__thumb{height:7rem}.toolbar{left:.75rem;right:.75rem;bottom:.75rem;transform:none;justify-content:center;flex-wrap:wrap}}@media(max-width:640px){.header{padding:.65rem 1rem}.logo{gap:.7rem}.logo-mark{height:30px}.series-browser{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.series-browser__thumb{height:5.5rem}.viewer{min-height:50vh;padding:1rem .75rem .75rem}.viewer.has-image{--viewer-toolbar-clearance: 3.25rem;padding:0 0 3.25rem}.viewer.has-image:after{height:3.25rem}.drop-area{width:100%;height:240px}.drop-content h2{font-size:1.2rem}.toolbar{left:0;right:0;bottom:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:.625rem .75rem;justify-content:center;flex-wrap:nowrap;gap:.4rem}.toolbar .button{flex:1 1 0;min-width:0;white-space:nowrap}.toolbar__group{flex:1 1 0;min-width:0}.toolbar__group-main{min-width:0}}@media(max-width:430px){.toolbar{flex-wrap:wrap}.toolbar .button{flex:1 1 calc(50% - .2rem)}}