.zoom-btn{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.08);font-weight:600}.zoom-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 6px rgba(0,0,0,.12);color:#1f2937}.zoom-btn:active:not(:disabled){transform:scale(.95);box-shadow:0 1px 2px rgba(0,0,0,.1)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed;color:#9ca3af}.zoom-btn-in{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.25)}.zoom-btn-in:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.35)}.zoom-btn-out{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 2px 8px rgba(239,68,68,.25)}.zoom-btn-out:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.35)}.zoom-btn-reset{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6;box-shadow:0 2px 8px rgba(139,92,246,.25)}.zoom-btn-reset:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;box-shadow:0 4px 12px rgba(139,92,246,.35)}.zoom-display{width:40px;height:36px;border-radius:6px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.08);font-size:.75rem;font-weight:700;color:#374151}