Infinix Dicom Viewer -

.info-panel h3 font-size: 14px; margin-bottom: 10px; color: #333;

.zoom-controls button:hover background: #3498db; color: white;

.control-group margin-bottom: 20px;

.control-group button:hover background: #2980b9;

.zoom-controls button background: white; border: none; width: 35px; height: 35px; border-radius: 5px; cursor: pointer; font-size: 18px; font-weight: bold; transition: background 0.2s; Infinix Dicom Viewer

.info-panel margin-top: 20px; padding: 15px; background: white; border-radius: 8px; border: 1px solid #e0e0e0;

.file-info margin-top: 10px; font-size: 12px; color: #666; word-break: break-all; .info-panel h3 font-size: 14px

.info-content font-size: 11px; color: #666; max-height: 200px; overflow-y: auto;

.header background: linear-gradient(135deg, #2c3e50, #3498db); color: white; padding: 20px 30px; text-align: center; .zoom-controls button:hover background: #3498db

.header h1 font-size: 28px; margin-bottom: 5px;

<div class="control-group"> <label>🔍 Zoom & Pan</label> <button id="resetViewBtn">Reset View</button> <button id="fitToWindowBtn">Fit to Window</button> </div>