/**
 * WHY: initSaveButton injects styles without a separate network fetch (IIFE + npm).
 * WHAT: Runtime chip CSS — theme tokens + bounded size vars; mirrors widget.css.
 * WHERE: Injected into document head or shadow root on first initSaveButton call.
 * GUARDED: check-widget-branding compares required tokens with widget.css.
 */
/** Injected into closed shadow roots (:host theme selectors). */
export declare const MEOS_SAVE_SHADOW_CSS = "\n:host {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n  color-scheme: light;\n}\n\n:host([data-meos-theme=\"light\"]) {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n  color-scheme: light;\n}\n\n:host([data-meos-theme=\"dark\"]) {\n  \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  :host([data-meos-theme=\"auto\"]) {\n    \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n    color-scheme: dark;\n  }\n}\n\n\n.meos-save-chip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--meos-save-chip-gap, 0.3125rem);\n  min-height: calc(var(--meos-save-chip-height, 31px) - 1px);\n  max-height: calc(var(--meos-save-chip-height, 31px) + 1px);\n  height: var(--meos-save-chip-height, 31px);\n  padding: 0 var(--meos-save-chip-padding-x, 0.625rem);\n  margin: 0;\n  font-family: var(--meos-font, \"Inconsolata\", ui-monospace, monospace);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: 0.02em;\n  text-transform: lowercase;\n  color: var(--meos-save-fg, #000000);\n  background: transparent;\n  border: 1px solid var(--meos-save-border, rgba(0, 0, 0, 0.24));\n  border-radius: var(--meos-save-chip-radius, 2px);\n  cursor: pointer;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: auto;\n  user-select: none;\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    opacity 0.12s ease,\n    transform 0.08s ease;\n  appearance: none;\n  vertical-align: middle;\n}\n\n.meos-save-chip:hover {\n  background: var(--meos-save-hover-bg, rgba(0, 0, 0, 0.06));\n  border-color: var(--meos-save-hover-border, rgba(0, 0, 0, 0.42));\n}\n\n.meos-save-chip:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.meos-save-chip:active {\n  opacity: 0.9;\n  transform: scale(0.98);\n}\n\n.meos-save-chip__icon {\n  width: calc(var(--meos-save-icon-size, 16px) * 27.275015 / 30.362297);\n  height: var(--meos-save-icon-size, 16px);\n  flex-shrink: 0;\n  display: block;\n  pointer-events: none;\n  shape-rendering: geometricPrecision;\n  overflow: visible;\n}\n\n.meos-save-chip__label {\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n";
/** Document-level chip (npm hosts importing widget.css). */
export declare const MEOS_SAVE_DOCUMENT_CSS = "\n.meos-save-chip,\n.meos-save-chip[data-meos-theme=\"auto\"] {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n}\n\n.meos-save-chip[data-meos-theme=\"light\"] {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n}\n\n.meos-save-chip[data-meos-theme=\"dark\"] {\n  \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n}\n\n@media (prefers-color-scheme: dark) {\n  .meos-save-chip[data-meos-theme=\"auto\"] {\n    \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n  }\n}\n\n\n.meos-save-chip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--meos-save-chip-gap, 0.3125rem);\n  min-height: calc(var(--meos-save-chip-height, 31px) - 1px);\n  max-height: calc(var(--meos-save-chip-height, 31px) + 1px);\n  height: var(--meos-save-chip-height, 31px);\n  padding: 0 var(--meos-save-chip-padding-x, 0.625rem);\n  margin: 0;\n  font-family: var(--meos-font, \"Inconsolata\", ui-monospace, monospace);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: 0.02em;\n  text-transform: lowercase;\n  color: var(--meos-save-fg, #000000);\n  background: transparent;\n  border: 1px solid var(--meos-save-border, rgba(0, 0, 0, 0.24));\n  border-radius: var(--meos-save-chip-radius, 2px);\n  cursor: pointer;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: auto;\n  user-select: none;\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    opacity 0.12s ease,\n    transform 0.08s ease;\n  appearance: none;\n  vertical-align: middle;\n}\n\n.meos-save-chip:hover {\n  background: var(--meos-save-hover-bg, rgba(0, 0, 0, 0.06));\n  border-color: var(--meos-save-hover-border, rgba(0, 0, 0, 0.42));\n}\n\n.meos-save-chip:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.meos-save-chip:active {\n  opacity: 0.9;\n  transform: scale(0.98);\n}\n\n.meos-save-chip__icon {\n  width: calc(var(--meos-save-icon-size, 16px) * 27.275015 / 30.362297);\n  height: var(--meos-save-icon-size, 16px);\n  flex-shrink: 0;\n  display: block;\n  pointer-events: none;\n  shape-rendering: geometricPrecision;\n  overflow: visible;\n}\n\n.meos-save-chip__label {\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n";
/** Full injection bundle for initSaveButton (shadow + document fallback). */
export declare const MEOS_SAVE_WIDGET_CSS = "\n:host {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n  color-scheme: light;\n}\n\n:host([data-meos-theme=\"light\"]) {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n  color-scheme: light;\n}\n\n:host([data-meos-theme=\"dark\"]) {\n  \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  :host([data-meos-theme=\"auto\"]) {\n    \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n    color-scheme: dark;\n  }\n}\n\n\n.meos-save-chip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--meos-save-chip-gap, 0.3125rem);\n  min-height: calc(var(--meos-save-chip-height, 31px) - 1px);\n  max-height: calc(var(--meos-save-chip-height, 31px) + 1px);\n  height: var(--meos-save-chip-height, 31px);\n  padding: 0 var(--meos-save-chip-padding-x, 0.625rem);\n  margin: 0;\n  font-family: var(--meos-font, \"Inconsolata\", ui-monospace, monospace);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: 0.02em;\n  text-transform: lowercase;\n  color: var(--meos-save-fg, #000000);\n  background: transparent;\n  border: 1px solid var(--meos-save-border, rgba(0, 0, 0, 0.24));\n  border-radius: var(--meos-save-chip-radius, 2px);\n  cursor: pointer;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: auto;\n  user-select: none;\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    opacity 0.12s ease,\n    transform 0.08s ease;\n  appearance: none;\n  vertical-align: middle;\n}\n\n.meos-save-chip:hover {\n  background: var(--meos-save-hover-bg, rgba(0, 0, 0, 0.06));\n  border-color: var(--meos-save-hover-border, rgba(0, 0, 0, 0.42));\n}\n\n.meos-save-chip:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.meos-save-chip:active {\n  opacity: 0.9;\n  transform: scale(0.98);\n}\n\n.meos-save-chip__icon {\n  width: calc(var(--meos-save-icon-size, 16px) * 27.275015 / 30.362297);\n  height: var(--meos-save-icon-size, 16px);\n  flex-shrink: 0;\n  display: block;\n  pointer-events: none;\n  shape-rendering: geometricPrecision;\n  overflow: visible;\n}\n\n.meos-save-chip__label {\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n\n\n.meos-save-chip,\n.meos-save-chip[data-meos-theme=\"auto\"] {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n}\n\n.meos-save-chip[data-meos-theme=\"light\"] {\n  \n  --meos-save-fg: #000000;\n  --meos-save-border: rgba(0, 0, 0, 0.24);\n  --meos-save-hover-bg: rgba(0, 0, 0, 0.06);\n  --meos-save-hover-border: rgba(0, 0, 0, 0.42);\n\n}\n\n.meos-save-chip[data-meos-theme=\"dark\"] {\n  \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n}\n\n@media (prefers-color-scheme: dark) {\n  .meos-save-chip[data-meos-theme=\"auto\"] {\n    \n  --meos-save-fg: #ffffff;\n  --meos-save-border: rgba(255, 255, 255, 0.3);\n  --meos-save-hover-bg: rgba(255, 255, 255, 0.08);\n  --meos-save-hover-border: rgba(255, 255, 255, 0.46);\n\n  }\n}\n\n\n.meos-save-chip {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--meos-save-chip-gap, 0.3125rem);\n  min-height: calc(var(--meos-save-chip-height, 31px) - 1px);\n  max-height: calc(var(--meos-save-chip-height, 31px) + 1px);\n  height: var(--meos-save-chip-height, 31px);\n  padding: 0 var(--meos-save-chip-padding-x, 0.625rem);\n  margin: 0;\n  font-family: var(--meos-font, \"Inconsolata\", ui-monospace, monospace);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: 0.02em;\n  text-transform: lowercase;\n  color: var(--meos-save-fg, #000000);\n  background: transparent;\n  border: 1px solid var(--meos-save-border, rgba(0, 0, 0, 0.24));\n  border-radius: var(--meos-save-chip-radius, 2px);\n  cursor: pointer;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: auto;\n  user-select: none;\n  transition:\n    background 0.12s ease,\n    border-color 0.12s ease,\n    opacity 0.12s ease,\n    transform 0.08s ease;\n  appearance: none;\n  vertical-align: middle;\n}\n\n.meos-save-chip:hover {\n  background: var(--meos-save-hover-bg, rgba(0, 0, 0, 0.06));\n  border-color: var(--meos-save-hover-border, rgba(0, 0, 0, 0.42));\n}\n\n.meos-save-chip:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n}\n\n.meos-save-chip:active {\n  opacity: 0.9;\n  transform: scale(0.98);\n}\n\n.meos-save-chip__icon {\n  width: calc(var(--meos-save-icon-size, 16px) * 27.275015 / 30.362297);\n  height: var(--meos-save-icon-size, 16px);\n  flex-shrink: 0;\n  display: block;\n  pointer-events: none;\n  shape-rendering: geometricPrecision;\n  overflow: visible;\n}\n\n.meos-save-chip__label {\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n";
//# sourceMappingURL=styles.d.ts.map