
#a11y-pro-widget { position: fixed; bottom: 20px; right: 20px; z-index: 99999; }
#a11y-pro-widget-toggle { background: #667eea; color: white; border: none; padding: 12px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; gap: 8px; font-weight: bold; box-shadow: 0 4px 12px rgba(0,0,0,0.3); transition: transform 0.2s ease; }
#a11y-pro-widget-toggle:hover { transform: scale(1.1); }
#a11y-pro-widget-menu { position: absolute; bottom: calc(100% + 10px); right: 0; background: white; border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.2); padding: 20px; width: 300px; display: none; color: #2d3748; }
#a11y-pro-widget-menu.active { display: block; }
.a11y-pro-widget-section { margin-bottom: 20px; }
.a11y-pro-widget-section:last-child { margin-bottom: 0; }
.a11y-pro-widget-section h4 { margin: 0 0 10px 0; font-size: 16px; border-bottom: 1px solid #e2e8f0; padding-bottom: 5px; }
.a11y-pro-widget-controls { display: flex; gap: 10px; }
.a11y-pro-widget-btn { flex: 1; background: #f1f5f9; border: 1px solid #cbd5e0; padding: 8px 12px; border-radius: 4px; cursor: pointer; transition: all 0.2s; font-size: 14px; }
.a11y-pro-widget-btn:hover { background: #667eea; color: white; border-color: #667eea; }
.a11y-pro-widget-checkbox { display: flex; align-items: center; gap: 8px; margin: 10px 0; cursor: pointer; user-select: none; }
