.site-zoom-setting { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.site-zoom-actions { display: flex; align-items: center; gap: 6px; min-width: 0; }
.site-zoom-actions button, .site-zoom-actions select, .site-zoom-feedback button {
  border: 1px solid #d5dfea; border-radius: 8px; background: #f7f9fc;
  color: #343954; min-height: 36px; padding: 6px 12px; font: inherit;
}
.site-zoom-actions select { flex: 1; min-width: 0; background: white; }
.site-zoom-actions button:not(:disabled):hover, .site-zoom-feedback button:hover { background: #e6ecf5; border-color: #8393b8; }
.site-zoom-actions :focus-visible, .site-zoom-feedback button:focus-visible { outline: 3px solid #858fff; outline-offset: 2px; }
.site-zoom-actions button:disabled { opacity: .45; cursor: not-allowed; }
.site-zoom-setting small { color: #64748b; font-size: 12px; }
.site-zoom-feedback { display: flex; align-items: center; gap: 8px; }
.site-zoom-setting.has-error [role="status"] { color: #b03d3d; }
.site-zoom-feedback button[hidden] { display: none; }
@media (max-width: 600px) {
  .site-zoom-actions { display: grid; grid-template-columns: 36px minmax(80px, 1fr) 36px; }
  .site-zoom-actions [data-zoom-reset] { grid-column: 1 / -1; }
}