.dicom-viewer-page{color:#e0e0e0;min-block-size:100vh}.dicom-viewer-page__container{gap:24px;min-block-size:calc(100vh - 400px);max-inline-size:1600px;margin-block:0;margin-inline:auto;padding-block:24px;padding-inline:24px;display:flex}.dicom-viewer-page__sidebar{flex-shrink:0;block-size:fit-content;max-block-size:calc(100vh - 200px);inline-size:320px;position:sticky;top:24px}.dicom-viewer-page__content{flex-direction:column;flex:1;gap:24px;min-inline-size:0;display:flex}.dicom-viewer-page__findings-wrapper{max-inline-size:100%}.dicom-viewer-page__header{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-block-end:1px solid #ffffff1a;padding:24px}.dicom-viewer-page__header-inner{justify-content:space-between;align-items:flex-start;gap:24px;max-inline-size:1280px;margin-block:0 16px;margin-inline:auto;display:flex}.dicom-viewer-page__title{color:#fff;margin:0;margin-block-end:8px;font-size:28px;font-weight:800}.dicom-viewer-page__description{color:#ffffffb3;margin:0;font-size:16px}.dicom-viewer-page__metadata{color:#fff9;flex-wrap:wrap;gap:24px;font-size:14px;display:flex}.dicom-viewer-page__metadata span{background:#ffffff0d;border-radius:6px;padding-block:4px;padding-inline:12px}.dicom-viewer-page__main{padding-block:0;padding-inline:0}.dicom-viewer-container{flex-direction:column;gap:24px;display:flex}.dicom-viewer-container__viewer{background:#000;border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;min-block-size:600px;display:flex;position:relative;overflow:hidden}.dicom-viewer-container__image-wrapper{justify-content:center;align-items:center;block-size:100%;min-block-size:600px;inline-size:100%;display:flex;position:relative;overflow:hidden}.dicom-viewer-container__image-container{justify-content:center;align-items:center;display:flex;position:relative}.dicom-viewer-container__image{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-block-size:100%;max-inline-size:100%}.dicom-viewer-container__overlay{pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:16px;display:flex;position:absolute;inset:0}.dicom-viewer-container__info{color:#fff;pointer-events:auto;background:#000000bf;border-radius:8px;gap:16px;padding-block:8px;padding-inline:16px;font-size:14px;font-weight:600;display:flex}.viewer-toolbar{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:24px;padding:24px;display:flex}.viewer-toolbar__section{border-block-end:1px solid #ffffff1a;padding-block-end:24px}.viewer-toolbar__section:last-child{border-block-end:none;padding-block-end:0}.sequence-controls{flex-direction:column;gap:16px;display:flex}.sequence-controls__navigation{align-items:center;gap:16px;display:flex}.sequence-controls__btn{white-space:nowrap;min-inline-size:100px}.sequence-controls__slider-container{flex-direction:column;flex:1;gap:8px;display:flex}.sequence-controls__slider{appearance:none;background:#fff3;border-radius:3px;outline:none;block-size:6px;inline-size:100%}.sequence-controls__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#5a2bb8;border:2px solid #fff;border-radius:50%;block-size:18px;inline-size:18px;box-shadow:0 2px 6px #0000004d}.sequence-controls__slider::-moz-range-thumb{cursor:pointer;background:#5a2bb8;border:2px solid #fff;border-radius:50%;block-size:18px;inline-size:18px;box-shadow:0 2px 6px #0000004d}.sequence-controls__info{color:#ffffffb3;justify-content:space-between;font-size:14px;display:flex}.sequence-controls__autoplay{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sequence-controls__checkbox{cursor:pointer;color:#ffffffe6;align-items:center;gap:8px;font-size:14px;display:flex}.sequence-controls__checkbox input{accent-color:#5a2bb8;cursor:pointer;block-size:18px;inline-size:18px}.sequence-controls__speed{align-items:center;gap:8px;display:flex}.sequence-controls__speed label{color:#ffffffe6;font-size:14px}.sequence-controls__speed-select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;outline:none;padding-block:6px;padding-inline:12px;font-size:14px}.sequence-controls__speed-select:hover{background:#ffffff26}.sequence-controls__speed-select:focus{border-color:#5a2bb8}.image-controls{flex-direction:column;gap:24px;display:flex}.image-controls__group{flex-direction:column;gap:12px;display:flex}.image-controls__title{color:#fff;margin:0;font-size:16px;font-weight:700}.image-controls__zoom{align-items:center;gap:12px;display:flex}.image-controls__btn{min-inline-size:44px;padding-block:8px;padding-inline:12px;font-size:18px;font-weight:700}.image-controls__slider{appearance:none;background:#fff3;border-radius:3px;outline:none;flex:1;block-size:6px}.image-controls__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#5a2bb8;border:2px solid #fff;border-radius:50%;block-size:18px;inline-size:18px;box-shadow:0 2px 6px #0000004d}.image-controls__slider::-moz-range-thumb{cursor:pointer;background:#5a2bb8;border:2px solid #fff;border-radius:50%;block-size:18px;inline-size:18px;box-shadow:0 2px 6px #0000004d}.image-controls__value{color:#ffffffb3;text-align:center;font-size:14px}.image-controls__window{flex-direction:column;gap:16px;display:flex}.image-controls__label{color:#ffffffe6;flex-direction:column;gap:8px;font-size:14px;display:flex}.image-controls__reset{inline-size:100%;padding:12px;font-weight:700}.dicom-viewer-page__shortcuts{background:#1a1a2e;border-radius:12px;margin-block:0;padding:24px}.dicom-viewer-page__shortcuts h3{color:#fff;margin-block:0 16px;margin-inline:0;font-size:18px;font-weight:700}.dicom-viewer-page__shortcuts ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.dicom-viewer-page__shortcuts li{color:#fffc;align-items:center;gap:8px;font-size:14px;display:flex}.dicom-viewer-page__shortcuts kbd{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding-block:4px;padding-inline:8px;font-family:monospace;font-size:12px;font-weight:600}@media (max-width:1024px){.dicom-viewer-page__container{flex-direction:column}.dicom-viewer-page__sidebar{max-block-size:none;inline-size:100%;position:static}}@media (max-width:768px){.dicom-viewer-page__container{gap:16px;padding-inline:16px}.dicom-viewer-page__header-inner{flex-direction:column;align-items:stretch}.dicom-viewer-page__metadata{flex-direction:column;gap:8px}.sequence-controls__navigation{flex-direction:column}.sequence-controls__btn{inline-size:100%}.image-controls__zoom{flex-wrap:wrap}.dicom-viewer-container__viewer,.dicom-viewer-container__image-wrapper{min-block-size:400px}}