/**
 * Injected presentation for the Crowdy Studio embed shell (panel, dock
 * separator, context drawer, text HUD). Ported from the proven Blocks with
 * Friends chrome so every embedding game starts from the same accessible
 * baseline; games restyle by overriding these classes.
 *
 * Games that dock the studio can consume `--ck-game-right-inset` (set on
 * `document.body` while docked) to inset their own canvas/HUD.
 */
export declare function ensureCrowdyStudioEmbedStyles(doc?: Document): void;
export declare const CROWDY_STUDIO_EMBED_STYLES = "\nbody.ck-crowdy-studio-embed-open {\n  overscroll-behavior: none;\n}\n\nbody.ck-crowdy-studio-embed-resizing,\nbody.ck-crowdy-studio-embed-resizing * {\n  cursor: col-resize !important;\n  user-select: none !important;\n}\n\n.ck-crowdy-studio-embed {\n  position: fixed;\n  inset: 0;\n  z-index: 100;\n  padding: clamp(8px, 1.5vw, 22px);\n  color: #e2e8f0;\n  background:\n    radial-gradient(circle at 12% 4%, rgba(16, 185, 129, 0.2), transparent 30%),\n    radial-gradient(circle at 92% 98%, rgba(5, 150, 105, 0.13), transparent 34%),\n    rgba(2, 6, 23, 0.88);\n  backdrop-filter: blur(18px) saturate(120%);\n  pointer-events: auto;\n  animation: ck-crowdy-studio-embed-enter 160ms ease-out;\n}\n\n.ck-crowdy-studio-embed.is-docked {\n  inset: 0 0 0 auto;\n  display: grid;\n  grid-template-columns: 10px minmax(0, 1fr);\n  width: var(--ck-crowdy-studio-embed-dock-width);\n  padding: 0;\n  background: #020617;\n  backdrop-filter: none;\n  box-shadow: -18px 0 50px rgba(0, 0, 0, 0.32);\n}\n\n.ck-crowdy-studio-embed-separator {\n  position: relative;\n  z-index: 3;\n  width: 10px;\n  min-width: 10px;\n  height: 100%;\n  padding: 0;\n  border: 0;\n  background: rgba(15, 23, 42, 0.98);\n  cursor: col-resize;\n  touch-action: none;\n}\n\n.ck-crowdy-studio-embed-separator::after {\n  position: absolute;\n  inset: 0 3px;\n  border-radius: 999px;\n  background: rgba(110, 231, 183, 0.34);\n  content: \"\";\n  transition:\n    inset 120ms ease,\n    background 120ms ease;\n}\n\n.ck-crowdy-studio-embed-separator:hover::after,\n.ck-crowdy-studio-embed-separator:focus-visible::after,\n.ck-crowdy-studio-embed-separator[data-dragging=\"true\"]::after {\n  inset-inline: 2px;\n  background: #6ee7b7;\n}\n\n.ck-crowdy-studio-embed-shell {\n  display: grid;\n  grid-template-rows: auto minmax(0, 1fr);\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  border: 1px solid rgba(110, 231, 183, 0.24);\n  border-radius: 20px;\n  background:\n    linear-gradient(145deg, rgba(15, 23, 42, 0.97), rgba(2, 6, 23, 0.96));\n  box-shadow:\n    0 32px 100px rgba(0, 0, 0, 0.62),\n    inset 0 1px rgba(255, 255, 255, 0.04);\n}\n\n.ck-crowdy-studio-embed.is-docked .ck-crowdy-studio-embed-shell {\n  grid-column: 2;\n  border-block: 0;\n  border-right: 0;\n  border-radius: 0;\n  box-shadow: none;\n}\n\n/* Single compact header row: title \u00B7 context pill \u00B7 Context toggle \u00B7 Close. */\n.ck-crowdy-studio-embed-header {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  min-height: 46px;\n  padding: 6px 12px;\n  border-bottom: 1px solid rgba(148, 163, 184, 0.18);\n  background: rgba(15, 23, 42, 0.78);\n}\n\n.ck-crowdy-studio-embed-header h1 {\n  overflow: hidden;\n  margin: 0;\n  margin-right: auto;\n  color: #f8fafc;\n  font-size: 16px;\n  line-height: 1.1;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ck-crowdy-studio-embed-visually-hidden {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n\n.ck-crowdy-studio-embed-context-toggle {\n  border: 1px solid rgba(148, 163, 184, 0.3);\n  border-radius: 9px;\n  padding: 8px 13px;\n  color: #cbd5e1;\n  background: rgba(2, 6, 23, 0.48);\n  cursor: pointer;\n}\n\n.ck-crowdy-studio-embed-context-toggle:hover,\n.ck-crowdy-studio-embed-context-toggle[aria-expanded=\"true\"] {\n  border-color: #6ee7b7;\n  color: #d1fae5;\n}\n\n.ck-crowdy-studio-embed-context-pill {\n  display: grid;\n  gap: 2px;\n  max-width: 310px;\n  padding: 7px 10px;\n  border: 1px solid rgba(148, 163, 184, 0.2);\n  border-radius: 9px;\n  background: rgba(2, 6, 23, 0.48);\n}\n\n.ck-crowdy-studio-embed-context-pill small {\n  color: #64748b;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.ck-crowdy-studio-embed-context-pill strong {\n  overflow: hidden;\n  color: #cbd5e1;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 11px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ck-crowdy-studio-embed-close,\n.ck-crowdy-studio-embed-retry {\n  border: 1px solid rgba(110, 231, 183, 0.38);\n  border-radius: 9px;\n  padding: 8px 13px;\n  color: #d1fae5;\n  background: rgba(6, 78, 59, 0.52);\n  cursor: pointer;\n}\n\n.ck-crowdy-studio-embed-close:hover,\n.ck-crowdy-studio-embed-retry:hover {\n  border-color: #6ee7b7;\n  background: rgba(5, 150, 105, 0.42);\n}\n\n.ck-crowdy-studio-embed.is-docked .ck-crowdy-studio-embed-header {\n  min-height: 40px;\n  padding: 5px 8px;\n}\n\n.ck-crowdy-studio-embed.is-docked .ck-crowdy-studio-embed-close,\n.ck-crowdy-studio-embed.is-docked .ck-crowdy-studio-embed-context-toggle {\n  padding: 6px 9px;\n}\n\n.ck-crowdy-studio-embed-workspace {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  min-height: 0;\n}\n\n/* On-demand context drawer overlays the studio from the right. */\n.ck-crowdy-studio-embed-drawer {\n  position: absolute;\n  inset: 0 0 0 auto;\n  z-index: 6;\n  width: min(320px, 88%);\n  min-height: 0;\n  padding: 16px;\n  overflow: auto;\n  border-left: 1px solid rgba(148, 163, 184, 0.16);\n  background:\n    linear-gradient(180deg, rgba(15, 23, 42, 0.97), rgba(2, 6, 23, 0.96));\n  box-shadow: -18px 0 44px rgba(0, 0, 0, 0.4);\n}\n\n.ck-crowdy-studio-embed-drawer[hidden] {\n  display: none;\n}\n\n.ck-crowdy-studio-embed-drawer h2 {\n  margin: 0 0 8px;\n  color: #a7f3d0;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.ck-crowdy-studio-embed-drawer h2:not(:first-child) {\n  margin-top: 22px;\n}\n\n.ck-crowdy-studio-embed-drawer > p {\n  margin: 0 0 8px;\n  color: #94a3b8;\n  font-size: 11px;\n}\n\n.ck-crowdy-studio-embed-hud-preview-disclosure {\n  margin-top: 22px;\n}\n\n.ck-crowdy-studio-embed-hud-preview-disclosure summary {\n  color: #a7f3d0;\n  cursor: pointer;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n}\n\n.ck-crowdy-studio-embed-hud-preview-disclosure[open] summary {\n  margin-bottom: 8px;\n}\n\n.ck-crowdy-studio-embed-grid-context {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 6px 10px;\n  margin: 0;\n  padding: 11px;\n  border: 1px solid rgba(148, 163, 184, 0.16);\n  border-radius: 11px;\n  background: rgba(2, 6, 23, 0.42);\n}\n\n.ck-crowdy-studio-embed-grid-context dt {\n  color: #64748b;\n  font-size: 11px;\n}\n\n.ck-crowdy-studio-embed-grid-context dd {\n  overflow: hidden;\n  margin: 0;\n  color: #cbd5e1;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 10px;\n  text-align: right;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ck-crowdy-studio-embed-permissions {\n  display: grid;\n  gap: 8px;\n}\n\n.ck-crowdy-studio-embed-permission {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 5px;\n  padding: 10px;\n  border: 1px solid rgba(52, 211, 153, 0.25);\n  border-radius: 10px;\n  background: rgba(6, 78, 59, 0.16);\n}\n\n.ck-crowdy-studio-embed-permission.is-disabled {\n  border-color: rgba(148, 163, 184, 0.15);\n  background: rgba(30, 41, 59, 0.36);\n}\n\n.ck-crowdy-studio-embed-permission strong {\n  color: #e2e8f0;\n  font-size: 11px;\n  letter-spacing: 0.08em;\n}\n\n.ck-crowdy-studio-embed-permission span {\n  font-size: 10px;\n}\n\n.ck-crowdy-studio-embed-permission .is-allowed {\n  color: #6ee7b7;\n}\n\n.ck-crowdy-studio-embed-permission .is-denied {\n  color: #94a3b8;\n}\n\n.ck-crowdy-studio-embed-permission-source,\n.ck-crowdy-studio-embed-shortcuts {\n  margin: 8px 0 0;\n  color: #64748b;\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n.ck-crowdy-studio-embed-hud-preview {\n  min-height: 80px;\n  padding: 8px;\n  border: 1px dashed rgba(110, 231, 183, 0.26);\n  border-radius: 11px;\n  background: rgba(2, 6, 23, 0.5);\n}\n\n.ck-crowdy-studio-embed-main {\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  background: #080f1d;\n}\n\n.ck-crowdy-studio-embed-mount {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.ck-crowdy-studio-embed-status {\n  position: absolute;\n  inset: 0;\n  z-index: 4;\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  color: #cbd5e1;\n  background:\n    radial-gradient(circle at 50% 35%, rgba(16, 185, 129, 0.1), transparent 34%),\n    #080f1d;\n  text-align: center;\n}\n\n.ck-crowdy-studio-embed-status.hidden {\n  display: none;\n}\n\n.ck-crowdy-studio-embed-status.is-error {\n  flex-direction: column;\n  color: #fecaca;\n}\n\n.ck-crowdy-studio-embed-status.is-error strong {\n  color: #fef2f2;\n  font-size: 18px;\n}\n\n.ck-crowdy-studio-embed-status.is-error span {\n  max-width: 560px;\n  line-height: 1.55;\n}\n\n.ck-crowdy-studio-embed-spinner {\n  width: 18px;\n  height: 18px;\n  border: 2px solid rgba(110, 231, 183, 0.2);\n  border-top-color: #6ee7b7;\n  border-radius: 999px;\n  animation: ck-crowdy-studio-embed-spin 700ms linear infinite;\n}\n\n/* Stable hooks so the embed themes the CrowdyJS studio panes it hosts. */\n.ck-crowdy-studio-embed-mount .ck-crowdy-studio {\n  width: 100%;\n  height: 100%;\n  color: #e2e8f0;\n  background: #080f1d;\n}\n\n.ck-crowdy-studio-embed-mount .ck-crowdy-studio-explorer {\n  border-right: 1px solid rgba(148, 163, 184, 0.16);\n  background: #0b1322;\n}\n\n.ck-crowdy-studio-embed-mount .ck-crowdy-studio-editor {\n  min-width: 0;\n  background: #080f1d;\n}\n\n.ck-crowdy-studio-embed-mount :is(\n  .ck-crowdy-studio-bottom,\n  .ck-crowdy-studio-panel\n) {\n  border-top: 1px solid rgba(148, 163, 184, 0.16);\n  color: #cbd5e1;\n  background: #0b1322;\n}\n\n.ck-crowdy-studio-embed-mount .ck-crowdy-studio-status {\n  color: #a7f3d0;\n  background: #052e2b;\n}\n\n.ck-crowdy-studio-embed-mount meter {\n  accent-color: #10b981;\n}\n\n/* Text-only player-mod HUD: no mod-supplied markup is inserted here. */\n.ck-crowdy-studio-hud-layer {\n  position: fixed;\n  top: 96px;\n  left: 12px;\n  right: calc(12px + var(--ck-game-right-inset, 0px));\n  z-index: 40;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  max-width: 280px;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 12px;\n  pointer-events: none;\n}\n\n.ck-crowdy-studio-hud-layer[hidden] {\n  display: none;\n}\n\n.ck-crowdy-studio-hud-card {\n  padding: 7px 9px;\n  border: 1px solid rgba(110, 231, 183, 0.25);\n  border-radius: 8px;\n  color: #dbeafe;\n  background: rgba(8, 15, 29, 0.9);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);\n}\n\n.ck-crowdy-studio-hud-title {\n  margin-bottom: 3px;\n  color: #a7f3d0;\n  font-weight: 700;\n}\n\n.ck-crowdy-studio-hud-payload {\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n}\n\n.ck-crowdy-studio-hud-preview-card {\n  box-shadow: none;\n}\n\n.ck-crowdy-studio-hud-preview-empty {\n  margin: 0;\n  color: #64748b;\n  font-size: 10px;\n  line-height: 1.45;\n}\n\n@keyframes ck-crowdy-studio-embed-enter {\n  from {\n    opacity: 0;\n    transform: scale(0.995);\n  }\n}\n\n@keyframes ck-crowdy-studio-embed-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@media (max-width: 900px) {\n  .ck-crowdy-studio-embed-context-pill {\n    display: none;\n  }\n\n  .ck-crowdy-studio-embed-permission-source,\n  .ck-crowdy-studio-embed-shortcuts {\n    display: none;\n  }\n}\n\n@media (max-width: 620px) {\n  .ck-crowdy-studio-embed {\n    padding: 0;\n  }\n\n  .ck-crowdy-studio-embed-shell {\n    border: 0;\n    border-radius: 0;\n  }\n\n  .ck-crowdy-studio-embed-drawer {\n    width: 100%;\n    border-left: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ck-crowdy-studio-embed,\n  .ck-crowdy-studio-embed-spinner,\n  .ck-crowdy-studio-embed * {\n    scroll-behavior: auto !important;\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n  }\n}\n";
//# sourceMappingURL=embed-styles.d.ts.map