.image-preview{max-width:700px;max-height:600px;border-radius:8px;transition:transform .2s ease;cursor:zoom-in;border:1px solid rgba(0,0,0,.3);height:auto;max-width:calc(100% - 32px);margin:0 16px}.image-preview:hover{transform:scale(1.02)}.image-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.95);z-index:10000;display:flex;flex-direction:column;touch-action:pan-y pan-x}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#000;box-shadow:0 2px 8px rgba(0,0,0,.3)}.close-btn{background:none;border:none;color:white;font-size:28px;line-height:1;cursor:pointer;padding:4px}.close-btn:hover{opacity:.8}.zoom-controls{display:flex;align-items:center;gap:12px}.zoom-controls button{background-color:#444;border:none;color:white;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;justify-content:center;align-items:center}.zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.zoom-controls button:hover:not(:disabled){background-color:#666}.zoom-value{color:white;min-width:70px;text-align:center;font-family:monospace;font-weight:500}.viewer-content{flex:1 1;display:flex;justify-content:center;align-items:center;padding:16px;overflow:hidden;touch-action:none}.viewer-image{max-width:90vw;max-height:80vh;transition:transform .3s ease;display:block;margin:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:auto;border:1px solid rgba(255,255,255,.1);border-radius:4px;will-change:transform}@media (max-width:480px){.viewer-header{padding:12px 16px}.close-btn{font-size:24px}.zoom-controls button{width:32px;height:32px;font-size:16px}.zoom-value{min-width:60px;font-size:14px}}