.kraft-ai-shell {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
}

/* Keep a viewport for loading the frame before its modal is shown. */
.kraft-ai-shell:not([open]) {
  display: block;
  visibility: hidden;
  pointer-events: none;
}

.kraft-ai-shell::backdrop {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.kraft-ai-shell iframe { display: block; width: 100%; height: 100%; border: 0; background: transparent; }
#kraft-navigation a[aria-busy="true"] { cursor: progress; }

.kraft-ai-loading {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  margin: 0;
  padding: 12px 18px;
  background: #faf9f5;
  color: #191a18;
  border: 1px solid #191a18;
  font: inherit;
  font-size: 14px;
}

.kraft-ai-loading[hidden] { display: none; }
@media (max-width: 700px) { .kraft-ai-loading { right: 16px; bottom: 16px; left: 16px; } }