/* Shared in-page entity-editor dialog and AI3D launch control. */
.xl-entity-editor-dialog {
  box-sizing: border-box;
  width: min(1680px, calc(100vw - 32px));
  height: min(1080px, calc(100vh - 32px));
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #786744;
  border-radius: 12px;
  background: #11110f;
  color: #efe9dc;
  box-shadow: 0 30px 90px rgba(0, 0, 0, .72);
}
.xl-entity-editor-dialog[open] {
  display: grid;
  grid-template-rows: 42px minmax(0, 1fr);
}
.xl-entity-editor-dialog::backdrop {
  background: rgba(0, 0, 0, .74);
  backdrop-filter: blur(2px);
}
.xl-entity-editor-dialog__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 12px 0 16px;
  border-bottom: 1px solid rgba(213, 185, 104, .32);
  background: linear-gradient(180deg, #22211d, #171714);
  color: #e8d7aa;
  font: 600 13px/1.2 system-ui, sans-serif;
}
.xl-entity-editor-dialog__close {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(213, 185, 104, .35);
  border-radius: 7px;
  background: #29271f;
  color: #f4eddb;
  font: 400 23px/1 system-ui, sans-serif;
  cursor: pointer;
}
.xl-entity-editor-dialog__close:hover,
.xl-entity-editor-dialog__close:focus-visible {
  outline: none;
  border-color: #e2c574;
  background: #393426;
}
.xl-entity-editor-dialog__frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #11110f;
}
.ai3d-right-toolbar > .xl-entity-editor-launch-btn {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 0 0 88px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 88px !important;
  min-width: 88px !important;
  height: 52px !important;
  padding: 4px 7px !important;
  border: 1px solid #c5a95f !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #f0dfad, #d3b665) !important;
  color: #2d281b !important;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .28) !important;
  font: 700 12px/1.15 system-ui, sans-serif !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
.ai3d-right-toolbar > .xl-entity-editor-launch-btn:hover,
.ai3d-right-toolbar > .xl-entity-editor-launch-btn:focus-visible {
  outline: 2px solid #e8cc7c !important;
  outline-offset: 2px !important;
  background: linear-gradient(180deg, #f7eac3, #e2c676) !important;
}
.ai3d-right-toolbar > .xl-entity-editor-launch-btn .ai3d-tool-icon {
  flex: 0 0 19px !important;
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
@media (max-width: 760px) {
  .xl-entity-editor-dialog {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }
  .ai3d-right-toolbar > .xl-entity-editor-launch-btn {
    flex-basis: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    gap: 0 !important;
    padding: 4px !important;
  }
  .ai3d-right-toolbar > .xl-entity-editor-launch-btn > span {
    display: none !important;
  }
}
