.controlled-viewer { display: flex; flex-direction: column; min-height: 320px; height: calc(100dvh - 235px); background: #525659; }
.controlled-viewer__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .5rem; background: #f4f5f6; color: #1b2730; }
.controlled-viewer__toolbar input { width: 4.5rem; }
.controlled-viewer__notice { margin-left: auto; color: #666; font-size: .75rem; }
.controlled-viewer__pages { position:relative; overflow: auto; flex: 1; min-height: 0; scroll-behavior: auto; }
.controlled-viewer__page { width: 100%; height: 100%; margin: 0 auto .5rem; background: #525659; color: #333; }
.controlled-viewer__page img { display: block; width: 100%; height: 100%; object-fit: contain; }
.controlled-viewer__status { padding: 1rem; color: white; }