/**
 * Runtime stylesheet for the editor shell. Kept in TS so the shell
 * can auto-inject it into the host document on first construction
 * (making the IIFE bundle "just work" with no separate CSS import)
 * while the build-css.js script still emits the same content to
 * `dist/styles/rp-image-editor.css` for consumers who prefer to load
 * it explicitly (e.g. via a bundler's CSS pipeline).
 */
export declare const RP_IE_CSS = "\n/* rp-image-editor \u2014 shell styles (Figma + Linear direction) */\n\n.rp-editor-modal-backdrop,\n.rp-ie-modal-backdrop {\n  position: fixed; top: 0; left: 0;\n  width: 100%; height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  z-index: 99998;\n  display: flex; align-items: center; justify-content: center;\n  padding: 16px; box-sizing: border-box;\n}\n\n.rp-editor-modal,\n.rp-ie-modal {\n  width: 100%;\n  max-width: var(--rp-ie-modal-max-width, 1200px);\n  height: var(--rp-ie-modal-height, min(92vh, 820px));\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  box-shadow: 0 24px 80px rgba(0,0,0,0.55);\n  border-radius: var(--rp-ie-modal-radius, 16px);\n  background: transparent;\n  position: relative;\n  z-index: 99999;\n}\n\n.rp-editor-canvas-wrapper {\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n  touch-action: none;\n  -webkit-user-select: none;\n  user-select: none;\n}\n.rp-editor-canvas-wrapper canvas { display: block; }\n\n.rp-ie-root {\n  --rp-ie-surface-0: #0B0D12;\n  --rp-ie-surface-1: #12151C;\n  --rp-ie-surface-2: #181C25;\n  --rp-ie-border: rgba(255,255,255,0.06);\n  --rp-ie-text: #ECEEF3;\n  --rp-ie-text-muted: #8A93A6;\n  --rp-ie-accent: #083a81;\n  --rp-ie-accent-rgb: 8, 58, 129;\n  --rp-ie-accent-contrast: #FFFFFF;\n  --rp-ie-cta: var(--rp-ie-accent);\n  --rp-ie-cta-text: var(--rp-ie-accent-contrast);\n  --rp-ie-radius: 10px;\n  --rp-ie-radius-sm: 8px;\n  --rp-ie-radius-lg: 16px;\n  --rp-ie-danger: #F85149;\n  --rp-ie-success: #3FB950;\n  --rp-ie-warning: #D29922;\n\n  /* Theme-aware component tokens. Overridden per variant below so\n   * component rules can reference them without needing per-theme\n   * specificity gymnastics. */\n  --rp-ie-track: var(--rp-ie-surface-2);\n  --rp-ie-track-center: var(--rp-ie-border);\n  --rp-ie-thumb-border: var(--rp-ie-surface-1);\n  --rp-ie-thumb-shadow: 0 1px 4px rgba(0,0,0,0.4);\n  --rp-ie-danger-bg: rgba(248,81,73,0.14);\n  --rp-ie-danger-bg-hover: rgba(248,81,73,0.22);\n  --rp-ie-danger-fg: #FDA29B;\n  --rp-ie-danger-border: rgba(248,81,73,0.35);\n\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: var(--rp-ie-surface-0);\n  color: var(--rp-ie-text);\n  font-family: -apple-system, \"Inter\", \"SF Pro Text\", \"Segoe UI\", Roboto, sans-serif;\n  font-size: 14px;\n  line-height: 1.35;\n  overflow: hidden;\n  border-radius: var(--rp-ie-radius-lg);\n  border: 1px solid var(--rp-ie-border);\n  box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset, 0 24px 80px rgba(0,0,0,0.35);\n}\n\n.rp-ie-root[data-theme=\"light\"] {\n  --rp-ie-surface-0: #F7F8FA;\n  --rp-ie-surface-1: #FFFFFF;\n  --rp-ie-surface-2: #F1F3F7;\n  --rp-ie-border: rgba(15,20,30,0.08);\n  --rp-ie-text: #12151C;\n  --rp-ie-text-muted: #5B6472;\n  color-scheme: light;\n\n  /* Light-mode component tokens. Base rules reference these vars so\n   * they automatically pick up the light palette \u2014 no per-theme rule\n   * duplication or specificity fights needed. */\n  --rp-ie-track: rgba(15,20,30,0.22);\n  --rp-ie-track-center: rgba(15,20,30,0.45);\n  --rp-ie-thumb-border: #FFFFFF;\n  --rp-ie-thumb-shadow: 0 1px 3px rgba(15,20,30,0.28);\n  --rp-ie-danger-bg: rgba(217,45,32,0.10);\n  --rp-ie-danger-bg-hover: rgba(217,45,32,0.18);\n  --rp-ie-danger-fg: #B42318;\n  --rp-ie-danger-border: rgba(217,45,32,0.35);\n}\n\n.rp-ie-root * { box-sizing: border-box; }\n\n.rp-ie-icon {\n  display: inline-flex;\n  width: 20px;\n  height: 20px;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n}\n.rp-ie-icon svg { width: 100%; height: 100%; display: block; }\n.rp-ie-icon--sm { width: 14px; height: 14px; }\n.rp-ie-icon--xl { width: 56px; height: 56px; }\n\n/* Themed scrollbars \u2014 keep the shell chrome consistent with the accent\n * palette on both WebKit (Chromium / Safari) and Firefox. Applied to the\n * root so any scrollable region inside the editor picks it up. */\n.rp-ie-root { scrollbar-width: thin; scrollbar-color: rgba(var(--rp-ie-accent-rgb), 0.55) transparent; }\n.rp-ie-root ::-webkit-scrollbar { width: 10px; height: 10px; }\n.rp-ie-root ::-webkit-scrollbar-track { background: transparent; }\n.rp-ie-root ::-webkit-scrollbar-thumb {\n  background: rgba(var(--rp-ie-accent-rgb), 0.45);\n  border-radius: 999px;\n  border: 2px solid transparent;\n  background-clip: padding-box;\n}\n.rp-ie-root ::-webkit-scrollbar-thumb:hover { background: rgba(var(--rp-ie-accent-rgb), 0.7); background-clip: padding-box; border: 2px solid transparent; }\n.rp-ie-root ::-webkit-scrollbar-corner { background: transparent; }\n\n\n.rp-ie-sr-only {\n  position: absolute; width: 1px; height: 1px;\n  padding: 0; margin: -1px; overflow: hidden;\n  clip: rect(0,0,0,0); white-space: nowrap; border: 0;\n}\n\n/* Top bar */\n.rp-ie-topbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--rp-ie-surface-1);\n  border-bottom: 1px solid var(--rp-ie-border);\n  flex-shrink: 0;\n}\n.rp-ie-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }\n.rp-ie-brand__badge {\n  width: var(--rp-ie-brand-badge-size, 40px);\n  height: var(--rp-ie-brand-badge-size, 40px);\n  border-radius: 10px;\n  background: linear-gradient(135deg, rgba(var(--rp-ie-accent-rgb), 0.15), rgba(var(--rp-ie-accent-rgb), 0.05));\n  color: var(--rp-ie-accent);\n  display: flex; align-items: center; justify-content: center;\n  border: 1px solid var(--rp-ie-border);\n}\n.rp-ie-brand__badge .rp-ie-icon { width: var(--rp-ie-brand-logo-size, 22px); height: var(--rp-ie-brand-logo-size, 22px); }\n.rp-ie-brand__logo {\n  width: var(--rp-ie-brand-logo-size, 24px);\n  height: var(--rp-ie-brand-logo-size, 24px);\n  object-fit: contain;\n  display: block;\n  border-radius: 4px;\n}\n.rp-ie-brand__titles { display: flex; flex-direction: column; min-width: 0; }\n.rp-ie-brand__title {\n  font-size: 16px; font-weight: 600; letter-spacing: -0.01em;\n  color: var(--rp-ie-text);\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.rp-ie-brand__subtitle {\n  font-size: 12px; color: var(--rp-ie-text-muted);\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.rp-ie-topbar__spacer { flex: 1; }\n.rp-ie-image-counter {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 56px;\n  height: 32px;\n  padding: 0 10px;\n  margin-right: 8px;\n  border-radius: 999px;\n  border: 1px solid var(--rp-ie-border);\n  background: var(--rp-ie-surface-2);\n  color: var(--rp-ie-text-muted);\n  font-size: 12px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  letter-spacing: 0.02em;\n}\n.rp-ie-topbar__actions { display: flex; align-items: center; gap: 6px; }\n\n.rp-ie-iconbtn {\n  display: inline-flex; align-items: center; justify-content: center;\n  width: 36px; height: 36px;\n  background: transparent;\n  color: var(--rp-ie-text);\n  border: 1px solid transparent;\n  border-radius: var(--rp-ie-radius);\n  cursor: pointer;\n  padding: 0;\n  transition: background 160ms cubic-bezier(0.2,0.8,0.2,1), border-color 160ms;\n  -webkit-tap-highlight-color: transparent;\n}\n.rp-ie-iconbtn:hover:not([disabled]) {\n  background: var(--rp-ie-surface-2);\n  border-color: var(--rp-ie-border);\n}\n.rp-ie-iconbtn:focus-visible {\n  outline: 2px solid var(--rp-ie-accent);\n  outline-offset: 2px;\n}\n.rp-ie-iconbtn[disabled], .rp-ie-disabled {\n  opacity: 0.4; cursor: not-allowed;\n}\n\n.rp-ie-btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 8px 14px;\n  font: inherit; font-weight: 500;\n  border-radius: var(--rp-ie-radius);\n  cursor: pointer;\n  border: 1px solid transparent;\n  transition: background 160ms cubic-bezier(0.2,0.8,0.2,1), transform 160ms;\n  -webkit-tap-highlight-color: transparent;\n  height: 36px;\n}\n.rp-ie-btn:focus-visible {\n  outline: 2px solid var(--rp-ie-accent);\n  outline-offset: 2px;\n}\n.rp-ie-btn--primary {\n  background: var(--rp-ie-cta);\n  color: var(--rp-ie-cta-text);\n  border-color: var(--rp-ie-cta);\n}\n.rp-ie-btn--primary:hover { filter: brightness(1.08); }\n.rp-ie-btn--ghost {\n  background: transparent;\n  color: var(--rp-ie-text);\n  border-color: var(--rp-ie-border);\n}\n.rp-ie-btn--ghost:hover { background: var(--rp-ie-surface-2); }\n.rp-ie-btn--danger {\n  background: var(--rp-ie-danger-bg);\n  color: var(--rp-ie-danger-fg);\n  border-color: var(--rp-ie-danger-border);\n}\n.rp-ie-btn--danger:hover { background: var(--rp-ie-danger-bg-hover); }\n.rp-ie-btn--sm { height: 32px; padding: 6px 12px; font-size: 13px; }\n\n.rp-ie-zoom-trigger { position: relative; }\n.rp-ie-zoom-btn { padding: 8px 10px; font-variant-numeric: tabular-nums; min-width: 88px; justify-content: space-between; }\n.rp-ie-menu {\n  position: absolute; right: 0; top: calc(100% + 6px);\n  background: var(--rp-ie-surface-1);\n  border: 1px solid var(--rp-ie-border);\n  border-radius: var(--rp-ie-radius);\n  box-shadow: 0 12px 32px rgba(0,0,0,0.45);\n  padding: 4px;\n  min-width: 140px;\n  z-index: 20;\n}\n.rp-ie-menu__item {\n  display: block; width: 100%;\n  background: transparent; color: var(--rp-ie-text);\n  border: none; text-align: left;\n  padding: 8px 10px; font-size: 13px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.rp-ie-menu__item:hover { background: var(--rp-ie-surface-2); }\n\n/* Middle row */\n.rp-ie-middle {\n  flex: 1;\n  min-height: 0;\n  display: grid;\n  grid-template-columns: 92px 260px 1fr 92px;\n  gap: 0;\n  background: var(--rp-ie-surface-0);\n}\n\n.rp-ie-rail {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 12px 8px;\n  background: var(--rp-ie-surface-1);\n  border-right: 1px solid var(--rp-ie-border);\n  overflow-y: auto;\n}\n.rp-ie-rail--right {\n  border-right: none;\n  border-left: 1px solid var(--rp-ie-border);\n  align-items: center;\n}\n\n.rp-ie-tile {\n  position: relative;\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  gap: 4px;\n  width: 100%;\n  min-height: 64px;\n  padding: 8px 6px;\n  background: transparent;\n  color: var(--rp-ie-text);\n  border: 1px solid transparent;\n  border-radius: var(--rp-ie-radius);\n  cursor: pointer;\n  transition: background 160ms cubic-bezier(0.2,0.8,0.2,1), border-color 160ms, color 160ms;\n  -webkit-tap-highlight-color: transparent;\n}\n.rp-ie-tile:hover:not([disabled]) { background: var(--rp-ie-surface-2); }\n.rp-ie-tile:focus-visible { outline: 2px solid var(--rp-ie-accent); outline-offset: 2px; }\n.rp-ie-tile--active {\n  background: rgba(var(--rp-ie-accent-rgb), 0.14);\n  color: var(--rp-ie-text);\n  border-color: rgba(var(--rp-ie-accent-rgb), 0.45);\n  box-shadow: inset 2px 0 0 var(--rp-ie-accent);\n}\n.rp-ie-tile__label {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--rp-ie-text-muted);\n  letter-spacing: 0.02em;\n}\n.rp-ie-tile--soon { cursor: not-allowed; }\n.rp-ie-tile--compact { min-height: 56px; width: 72px; }\n.rp-ie-pill {\n  position: absolute; top: 4px; right: 4px;\n  font-size: 9px; font-weight: 600; letter-spacing: 0.08em;\n  padding: 2px 6px;\n  background: rgba(255,255,255,0.08);\n  color: var(--rp-ie-text-muted);\n  border-radius: 999px;\n  text-transform: uppercase;\n}\n\n/* Properties panel */\n.rp-ie-props {\n  display: flex; flex-direction: column;\n  padding: 16px;\n  gap: 16px;\n  overflow-y: auto;\n  background: var(--rp-ie-surface-1);\n  border-right: 1px solid var(--rp-ie-border);\n}\n.rp-ie-props__header {\n  display: flex; align-items: center; justify-content: space-between;\n  font-size: 15px; font-weight: 600;\n  color: var(--rp-ie-text);\n  margin-bottom: 4px;\n}\n.rp-ie-props__body { display: flex; flex-direction: column; gap: 14px; }\n.rp-ie-props__label {\n  font-size: 12px; font-weight: 500;\n  color: var(--rp-ie-text-muted);\n  letter-spacing: 0.02em;\n}\n.rp-ie-props__label--sub { margin-top: 4px; }\n.rp-ie-props__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }\n.rp-ie-hint {\n  font-size: 12px;\n  color: var(--rp-ie-text-muted);\n  line-height: 1.5;\n}\n\n.rp-ie-slider { display: flex; flex-direction: column; gap: 6px; }\n.rp-ie-slider__row {\n  display: flex; align-items: center; justify-content: space-between;\n  font-size: 13px;\n}\n.rp-ie-slider__label { color: var(--rp-ie-text); font-weight: 500; }\n.rp-ie-slider__value { color: var(--rp-ie-text-muted); font-variant-numeric: tabular-nums; }\n\n.rp-ie-range {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  background: transparent;\n  cursor: pointer;\n  height: 20px;\n  margin: 0;\n}\n.rp-ie-range::-webkit-slider-runnable-track {\n  height: 4px;\n  background: var(--rp-ie-track);\n  border-radius: 999px;\n}\n.rp-ie-range::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 16px; height: 16px;\n  border-radius: 50%;\n  background: var(--rp-ie-accent);\n  margin-top: -6px;\n  border: 2px solid var(--rp-ie-thumb-border);\n  box-shadow: var(--rp-ie-thumb-shadow);\n}\n.rp-ie-range::-moz-range-track {\n  height: 4px;\n  background: var(--rp-ie-track);\n  border-radius: 999px;\n}\n.rp-ie-range::-moz-range-thumb {\n  width: 16px; height: 16px;\n  border-radius: 50%;\n  background: var(--rp-ie-accent);\n  border: 2px solid var(--rp-ie-thumb-border);\n  box-shadow: var(--rp-ie-thumb-shadow);\n}\n\n.rp-ie-chips { display: flex; flex-wrap: wrap; gap: 6px; }\n.rp-ie-chip {\n  padding: 6px 10px;\n  border: 1px solid var(--rp-ie-border);\n  background: var(--rp-ie-surface-2);\n  color: var(--rp-ie-text);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n.rp-ie-chip:hover { border-color: var(--rp-ie-accent); }\n.rp-ie-chip--active {\n  background: var(--rp-ie-accent);\n  color: var(--rp-ie-accent-contrast);\n  border-color: var(--rp-ie-accent);\n}\n\n.rp-ie-color-section { display: flex; flex-direction: column; gap: 8px; }\n.rp-ie-color-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 8px;\n}\n.rp-ie-swatch {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  min-height: 32px;\n  border-radius: 50%;\n  border: 2px solid var(--rp-ie-border);\n  background: var(--swatch-color);\n  padding: 0;\n  cursor: pointer;\n  transition: transform 160ms, border-color 160ms;\n  -webkit-tap-highlight-color: transparent;\n}\n.rp-ie-swatch:hover { transform: scale(1.05); }\n.rp-ie-swatch--active {\n  border-color: var(--rp-ie-accent);\n  box-shadow: 0 0 0 2px var(--rp-ie-surface-1), 0 0 0 4px var(--rp-ie-accent);\n}\n.rp-ie-custom-color {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 10px 12px;\n  border: 1px solid var(--rp-ie-border);\n  background: var(--rp-ie-surface-2);\n  color: var(--rp-ie-text);\n  border-radius: var(--rp-ie-radius);\n  font-size: 13px;\n  cursor: pointer;\n  align-self: flex-start;\n  position: relative;\n}\n.rp-ie-custom-color:hover { border-color: var(--rp-ie-accent); }\n.rp-ie-custom-color__input {\n  position: absolute; inset: 0;\n  opacity: 0; cursor: pointer;\n}\n\n.rp-ie-shape-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n}\n.rp-ie-shape-tile {\n  display: flex; flex-direction: column; align-items: center; gap: 6px;\n  padding: 10px 6px;\n  background: var(--rp-ie-surface-2);\n  color: var(--rp-ie-text);\n  border: 1px solid var(--rp-ie-border);\n  border-radius: var(--rp-ie-radius);\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n.rp-ie-shape-tile__label { font-size: 11px; color: var(--rp-ie-text-muted); }\n.rp-ie-shape-tile:hover { border-color: var(--rp-ie-accent); }\n.rp-ie-shape-tile--active {\n  border-color: var(--rp-ie-accent);\n  background: rgba(var(--rp-ie-accent-rgb), 0.14);\n}\n\n/* Filter preset grid */\n.rp-ie-filter-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n}\n.rp-ie-filter-tile {\n  display: flex; flex-direction: column; align-items: stretch; gap: 6px;\n  padding: 6px;\n  background: var(--rp-ie-surface-2);\n  color: var(--rp-ie-text);\n  border: 1px solid var(--rp-ie-border);\n  border-radius: var(--rp-ie-radius);\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  transition: border-color 120ms ease, background 120ms ease;\n}\n.rp-ie-filter-tile:hover { border-color: var(--rp-ie-accent); }\n.rp-ie-filter-tile--active {\n  border-color: var(--rp-ie-accent);\n  background: rgba(var(--rp-ie-accent-rgb), 0.14);\n}\n.rp-ie-filter-tile__label {\n  font-size: 11px;\n  color: var(--rp-ie-text-muted);\n  text-align: center;\n}\n.rp-ie-filter-swatch {\n  display: block;\n  width: 100%;\n  height: 36px;\n  border-radius: 6px;\n  border: 1px solid var(--rp-ie-border);\n  background:\n    linear-gradient(135deg, #f6d365 0%, #fda085 50%, #6a11cb 100%);\n}\n.rp-ie-filter-swatch--none {\n  background: linear-gradient(135deg, #7ea3ff 0%, #fca5a5 50%, #86efac 100%);\n}\n.rp-ie-filter-swatch--grayscale {\n  background: linear-gradient(135deg, #3f3f3f 0%, #a3a3a3 50%, #e5e5e5 100%);\n}\n.rp-ie-filter-swatch--sepia {\n  background: linear-gradient(135deg, #5c3b1e 0%, #b48453 50%, #f2d5a7 100%);\n}\n.rp-ie-filter-swatch--vintage {\n  background: linear-gradient(135deg, #6d4b34 0%, #d1a26a 50%, #f7e2b7 100%);\n  filter: contrast(0.9) saturate(0.85);\n}\n.rp-ie-filter-swatch--cool {\n  background: linear-gradient(135deg, #1e3a8a 0%, #38bdf8 55%, #a5f3fc 100%);\n}\n.rp-ie-filter-swatch--warm {\n  background: linear-gradient(135deg, #b45309 0%, #f59e0b 55%, #fde68a 100%);\n}\n.rp-ie-filter-swatch--invert {\n  background: linear-gradient(135deg, #f8fafc 0%, #64748b 50%, #0f172a 100%);\n}\n\n/* Bipolar range \u2014 thin center tick to signal \"0\" */\n.rp-ie-range--bipolar {\n  background: linear-gradient(\n    to right,\n    var(--rp-ie-track) 0%,\n    var(--rp-ie-track) calc(50% - 1px),\n    var(--rp-ie-track-center) calc(50% - 1px),\n    var(--rp-ie-track-center) calc(50% + 1px),\n    var(--rp-ie-track) calc(50% + 1px),\n    var(--rp-ie-track) 100%\n  );\n}\n\n/* Stage */\n.rp-ie-stage {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  background:\n    repeating-conic-gradient(rgba(255,255,255,0.02) 0% 25%, rgba(0,0,0,0) 25% 50%) 0 0 / 24px 24px,\n    var(--rp-ie-surface-0);\n  min-height: 0;\n  overflow: hidden;\n}\n.rp-ie-stage__slot {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--rp-ie-radius-lg);\n  border: 1px solid var(--rp-ie-border);\n  background:\n    repeating-conic-gradient(rgba(255,255,255,0.03) 0% 25%, rgba(0,0,0,0) 25% 50%) 0 0 / 20px 20px,\n    var(--rp-ie-surface-1);\n  overflow: hidden;\n  display: flex;\n  align-items: stretch;\n  justify-content: stretch;\n}\n.rp-ie-empty {\n  display: flex; flex-direction: column; align-items: center; gap: 12px;\n  color: var(--rp-ie-text-muted);\n  padding: 32px;\n  text-align: center;\n}\n.rp-ie-empty__illustration {\n  width: 96px; height: 96px;\n  border-radius: 20px;\n  background: var(--rp-ie-surface-2);\n  border: 1px solid var(--rp-ie-border);\n  display: flex; align-items: center; justify-content: center;\n  color: var(--rp-ie-accent);\n}\n.rp-ie-empty__title {\n  font-size: 15px; font-weight: 500; color: var(--rp-ie-text);\n}\n.rp-ie-empty__subtitle { font-size: 12px; }\n\n.rp-ie-loader {\n  position: absolute; inset: 0;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(11,13,18,0.5);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  z-index: 40;\n}\n.rp-ie-loader__glass {\n  display: flex; align-items: center; gap: 12px;\n  padding: 14px 18px;\n  background: rgba(24,28,37,0.9);\n  border: 1px solid var(--rp-ie-border);\n  border-radius: var(--rp-ie-radius);\n  color: var(--rp-ie-text);\n  box-shadow: 0 12px 40px rgba(0,0,0,0.5);\n  font-size: 13px;\n}\n.rp-ie-loader__spinner {\n  width: 18px; height: 18px; border-radius: 50%;\n  border: 2px solid rgba(255,255,255,0.15);\n  border-top-color: var(--rp-ie-accent);\n  animation: rp-editor-spin 0.8s linear infinite;\n}\n@keyframes rp-editor-spin { to { transform: rotate(360deg); } }\n\n/* Bottom bar */\n.rp-ie-bottombar {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  padding: 10px 16px;\n  background: var(--rp-ie-surface-1);\n  border-top: 1px solid var(--rp-ie-border);\n  flex-shrink: 0;\n}\n.rp-ie-bottombar__section {\n  display: flex; align-items: center; gap: 12px; min-width: 0;\n}\n.rp-ie-bottombar__label {\n  font-size: 12px; color: var(--rp-ie-text-muted);\n  padding-right: 12px;\n  border-right: 1px solid var(--rp-ie-border);\n}\n.rp-ie-quickactions {\n  display: flex; align-items: center; gap: 4px;\n  overflow-x: auto;\n  padding: 2px 0;\n}\n.rp-ie-quickaction {\n  display: flex; flex-direction: column; align-items: center; gap: 4px;\n  padding: 6px 10px;\n  min-width: 56px;\n  background: transparent;\n  color: var(--rp-ie-text);\n  border: 1px solid transparent;\n  border-radius: var(--rp-ie-radius);\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  transition:\n    background-color 280ms cubic-bezier(0.2,0.8,0.2,1),\n    border-color 280ms cubic-bezier(0.2,0.8,0.2,1),\n    box-shadow 280ms cubic-bezier(0.2,0.8,0.2,1);\n}\n.rp-ie-quickaction:hover { background: var(--rp-ie-surface-2); }\n.rp-ie-quickaction__label { font-size: 11px; color: var(--rp-ie-text-muted); }\n.rp-ie-quickaction--active {\n  background: rgba(var(--rp-ie-accent-rgb), 0.14);\n  border-color: rgba(var(--rp-ie-accent-rgb), 0.45);\n}\n.rp-ie-quickaction--active .rp-ie-quickaction__label,\n.rp-ie-quickaction--flash .rp-ie-quickaction__label {\n  color: var(--rp-ie-text);\n}\n.rp-ie-quickaction--flash {\n  background: rgba(var(--rp-ie-accent-rgb), 0.16);\n  border-color: rgba(var(--rp-ie-accent-rgb), 0.48);\n  box-shadow: inset 0 0 0 1px rgba(var(--rp-ie-accent-rgb), 0.16);\n}\n.rp-ie-quickaction:focus-visible { outline: 2px solid var(--rp-ie-accent); outline-offset: 2px; }\n\n.rp-ie-bottombar__slider {\n  flex: 1;\n  display: flex; align-items: center; gap: 12px;\n  padding-left: 24px;\n  margin-left: auto;\n  max-width: 380px;\n}\n.rp-ie-bottombar__slider .rp-ie-range { flex: 1; }\n\n/* Toast */\n.rp-ie-toast-root {\n  position: absolute;\n  right: 16px; bottom: 88px;\n  display: flex; flex-direction: column; gap: 8px;\n  z-index: 50;\n  pointer-events: none;\n}\n.rp-ie-toast {\n  display: flex; align-items: center; gap: 10px;\n  padding: 10px 12px;\n  background: var(--rp-ie-surface-2);\n  color: var(--rp-ie-text);\n  border-radius: var(--rp-ie-radius);\n  border: 1px solid var(--rp-ie-border);\n  box-shadow: 0 12px 32px rgba(0,0,0,0.45);\n  font-size: 13px;\n  pointer-events: auto;\n  max-width: 360px;\n}\n.rp-ie-toast--error {\n  border-color: rgba(248,81,73,0.4);\n  color: #FDA29B;\n}\n.rp-ie-toast-close {\n  background: transparent; border: none;\n  color: currentColor; cursor: pointer; padding: 0;\n  width: 20px; height: 20px;\n  display: inline-flex; align-items: center; justify-content: center;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .rp-ie-middle {\n    grid-template-columns: 84px 240px 1fr;\n  }\n  .rp-ie-rail--right { display: none; }\n}\n\n@media (max-width: 768px) {\n  .rp-ie-middle {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto auto 1fr;\n  }\n  .rp-ie-rail--left {\n    flex-direction: row;\n    width: 100%;\n    padding: 8px 12px;\n    border-right: none;\n    border-bottom: 1px solid var(--rp-ie-border);\n    overflow-x: auto;\n  }\n  .rp-ie-tile {\n    width: 72px;\n    min-width: 72px;\n    min-height: 56px;\n  }\n  .rp-ie-props {\n    max-height: 220px;\n    border-right: none;\n    border-bottom: 1px solid var(--rp-ie-border);\n  }\n  .rp-ie-brand__subtitle { display: none; }\n  .rp-ie-topbar { padding: 10px 12px; gap: 8px; }\n  .rp-ie-btn span:not(.rp-ie-icon) { display: none; }\n  .rp-ie-btn { padding: 8px 10px; }\n  .rp-ie-bottombar__slider { display: none !important; }\n}\n\n@media (max-width: 480px) {\n  .rp-ie-modal { height: 100vh; border-radius: 0; }\n  .rp-ie-modal-backdrop, .rp-editor-modal-backdrop { padding: 0; }\n  .rp-ie-root { border-radius: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .rp-ie-btn, .rp-ie-tile, .rp-ie-quickaction, .rp-ie-iconbtn,\n  .rp-ie-loader__spinner, .rp-ie-swatch {\n    transition: none !important; animation: none !important;\n  }\n}\n\n/* Legacy suppression \u2014 old inline toolbar rows no longer render */\n.rp-editor-toolbar-container { display: none; }\n";
/**
 * Idempotently inject the shell stylesheet into the document. Called
 * from RpImageEditor's constructor so the IIFE bundle "just works"
 * without a separate CSS import.
 */
export declare function ensureShellStyles(): void;