declare const BANNER_CSS = "\n.consent-banner {\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 9999;\n  padding: 1rem;\n  background: var(--consent-bg, #ffffff);\n  color: var(--consent-text, #1a1a1a);\n  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);\n  font-family: var(--consent-font, system-ui, -apple-system, sans-serif);\n}\n\n.consent-banner--bottom {\n  bottom: 0;\n}\n\n.consent-banner--top {\n  top: 0;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\n.consent-banner--center {\n  top: 50%;\n  left: 50%;\n  right: auto;\n  transform: translate(-50%, -50%);\n  max-width: 500px;\n  border-radius: 8px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.consent-banner__content {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.consent-banner__title {\n  margin: 0 0 0.5rem;\n  font-size: 1.125rem;\n  font-weight: 600;\n}\n\n.consent-banner__message {\n  margin: 0 0 1rem;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  color: var(--consent-text-secondary, #666666);\n}\n\n.consent-banner__privacy-link {\n  color: var(--consent-link, #0066cc);\n  text-decoration: underline;\n}\n\n.consent-banner__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  justify-content: flex-end;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.consent-banner__btn {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  transition:\n    background-color 0.2s,\n    opacity 0.2s;\n}\n\n.consent-banner__btn:hover {\n  opacity: 0.9;\n}\n\n.consent-banner__btn--accept {\n  background: var(--consent-btn-accept-bg, #0066cc);\n  color: var(--consent-btn-accept-text, #ffffff);\n}\n\n.consent-banner__btn--reject {\n  background: var(--consent-btn-reject-bg, #e0e0e0);\n  color: var(--consent-btn-reject-text, #1a1a1a);\n}\n\n.consent-banner__btn--customize {\n  background: transparent;\n  color: var(--consent-link, #0066cc);\n  border: 1px solid currentColor;\n}\n\n/* Transitions */\n.consent-banner-enter-active,\n.consent-banner-leave-active {\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease;\n}\n\n.consent-banner--bottom.consent-banner-enter-from,\n.consent-banner--bottom.consent-banner-leave-to {\n  transform: translateY(100%);\n  opacity: 0;\n}\n\n.consent-banner--top.consent-banner-enter-from,\n.consent-banner--top.consent-banner-leave-to {\n  transform: translateY(-100%);\n  opacity: 0;\n}\n\n.consent-banner--center.consent-banner-enter-from,\n.consent-banner--center.consent-banner-leave-to {\n  transform: translate(-50%, -50%) scale(0.9);\n  opacity: 0;\n}\n\n/* Dark mode support */\n@media (prefers-color-scheme: dark) {\n  .consent-banner {\n    --consent-bg: #1a1a1a;\n    --consent-text: #ffffff;\n    --consent-text-secondary: #a0a0a0;\n    --consent-btn-reject-bg: #333333;\n    --consent-btn-reject-text: #ffffff;\n  }\n}\n\n/* Mobile responsiveness */\n@media (max-width: 640px) {\n  .consent-banner__actions {\n    flex-direction: column;\n  }\n\n  .consent-banner__btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n";
/** Raw CSS string for consumers who need to include styles via their own build pipeline (e.g. strict CSP) */
export { BANNER_CSS as consentBannerCSS };
/** Inject ConsentBanner CSS into document head (idempotent, SSR-safe) */
export declare function injectBannerStyles(): void;