.oa-controls { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #c8c8d0; }
.oa-controls *, .oa-controls *::before, .oa-controls *::after { box-sizing: border-box; }
.oa-settings { padding: 16px 24px; text-align: center; background: #08080d; }
.oa-settings button { appearance: none; border: 0; padding: 10px 12px; background: transparent; color: #a9a9b5; font: 400 12px/1.5 Inter, sans-serif; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.oa-banner { position: fixed; z-index: 1001; bottom: calc(16px + env(safe-area-inset-bottom, 0px) + var(--ck-h, 0px)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 24px; width: min(780px, calc(100% - 32px)); padding: 20px 24px; border: 1px solid #30303a; border-radius: 14px; background: #131319; box-shadow: 0 12px 48px #0008; }
.oa-banner[hidden] { display: none; }
.oa-copy { flex: 1; min-width: 0; }
.oa-copy h2 { margin: 0 0 6px; color: #eeeef2; font: 550 14px/1.4 Inter, sans-serif; letter-spacing: normal; text-transform: none; }
.oa-copy p { margin: 0; color: #b2b2be; font: 400 12px/1.7 Inter, sans-serif; letter-spacing: normal; }
.oa-copy a { color: #d4d4df; text-decoration: underline; text-underline-offset: 3px; }
.oa-actions { display: flex; gap: 8px; flex-shrink: 0; }
.oa-actions button { appearance: none; min-width: 80px; min-height: 44px; padding: 10px 16px; border: 1px solid #42424e; border-radius: 8px; background: #22222a; color: #eeeef2; font: 500 12px/1.5 Inter, sans-serif; cursor: pointer; }
.oa-actions button:hover { background: #2d2d37; border-color: #626271; }
.oa-controls button:focus-visible, .oa-controls a:focus-visible { outline: 2px solid #b8b8d0; outline-offset: 3px; }
@media (max-width: 600px) {
  .oa-banner { align-items: stretch; flex-direction: column; gap: 14px; padding: 18px; bottom: calc(12px + env(safe-area-inset-bottom, 0px) + var(--ck-h, 0px)); }
  .oa-actions button { flex: 1; }
}