.admin-store-bearing {
  letter-spacing: .08em;
  text-transform: uppercase;
}

.admin-store-experience {
  min-height: 100%;
  color: var(--store-look-text, var(--ink));
  background: var(--store-look-background, var(--paper));
  font-family: var(--store-look-font, system-ui, sans-serif);
}

.admin-store-experience .room-heading,
.admin-store-experience .admin-foundry-workbench > section,
.admin-store-experience .foundry-surface > header,
.admin-store-experience .foundry-surface > section,
.admin-store-experience .foundry-preview-page,
.admin-store-experience .foundry-draft-list > button,
.admin-store-experience .admin-server-information > section,
.admin-store-experience .admin-owner-boundary {
  color: var(--store-look-text, var(--ink));
  background: var(--store-look-surface, white);
  border-color: var(--store-look-accent, var(--line, #bcc8ce));
  border-radius: var(--store-look-radius, 1rem);
  box-shadow: var(--store-look-shadow, none);
}

.admin-store-experience .button-link,
.admin-store-experience button {
  border-color: var(--store-look-accent, var(--living));
  background: var(--store-look-accent, var(--living));
  color: var(--store-look-surface, white);
}

.admin-foundry-workbench,
.admin-server-information,
.admin-owner-boundary {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.admin-foundry-workbench > section,
.foundry-surface > header,
.foundry-surface > section,
.foundry-preview-page,
.admin-server-information > section,
.admin-owner-boundary {
  border: var(--store-look-border, 1px solid var(--line, #bcc8ce));
  border-radius: var(--store-look-radius, 1rem);
  padding: 1rem;
}

.foundry-surface,
.foundry-surface form,
.foundry-draft-list,
.foundry-preview-page > form,
.foundry-preview-page > ol,
.foundry-surface details > ul {
  display: grid;
  gap: .75rem;
  min-width: 0;
}

.foundry-surface > header,
.foundry-surface > section,
.foundry-preview-page,
.foundry-draft-list > button,
.foundry-surface details,
.foundry-surface form > ol > li,
.foundry-surface form > label,
.foundry-surface .foundry-choice {
  color: var(--store-look-text, var(--ink));
  background: var(--store-look-surface, white);
  border: var(--store-look-border, 1px solid var(--line, #bcc8ce));
  border-radius: var(--store-look-radius, .75rem);
  box-shadow: var(--store-look-shadow, none);
}

.foundry-surface > header,
.foundry-surface > section,
.foundry-preview-page,
.foundry-surface details,
.foundry-surface form > ol > li,
.foundry-surface .foundry-choice {
  padding: .8rem;
}

.foundry-surface :is(input:not([type="checkbox"]), select) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  padding: .55rem .7rem;
  color: var(--store-look-text, var(--ink));
  background: var(--store-look-background, var(--paper));
  border: var(--store-look-border, 1px solid var(--line, #bcc8ce));
  border-radius: var(--store-look-radius, .6rem);
  font: inherit;
  accent-color: var(--store-look-accent, var(--living));
}

.foundry-surface :is(p, small, summary) {
  color: var(--store-look-muted, var(--quiet));
}

.foundry-surface .foundry-steps {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.foundry-surface .foundry-steps a {
  padding: .45rem .7rem;
  color: var(--store-look-text, var(--ink));
  background: var(--store-look-surface, white);
  border: var(--store-look-border, 1px solid var(--store-look-accent, var(--living)));
  border-radius: var(--store-look-radius, 999px);
  font-weight: 800;
}

.foundry-surface ol,
.foundry-surface ul {
  min-width: 0;
  margin: 0;
}

.foundry-surface .furniture-moves {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .5rem;
}

.foundry-constellation-window {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: min(72rem, 78dvh);
  border: 2px solid var(--store-look-accent, var(--living));
  border-radius: var(--store-look-radius, .8rem);
  background: #fff;
}

.template-selector-sorter {
  display: grid;
  gap: 1rem;
}

.template-selector-sorter > header > * {
  margin: .25rem 0;
}

.template-sorter-row {
  grid-template-columns: minmax(11rem, 1.5fr) minmax(9rem, 1fr) minmax(6rem, .6fr) auto;
  align-items: end;
  padding-block: .65rem;
  border-block-end: var(--store-look-border, 1px solid var(--line, #bcc8ce));
}

.template-sorter-row > label {
  display: grid;
  gap: .3rem;
}

.template-sorter-row > button {
  min-height: 2.75rem;
}

.template-selector-preview-panel {
  padding: .8rem;
  border: var(--store-look-border, 1px solid var(--line, #bcc8ce));
  border-radius: var(--store-look-radius, .75rem);
  background: var(--store-look-background, var(--paper));
}

.template-selector-preview,
.template-selector-preview ol {
  display: grid;
  gap: .4rem;
}

@media (max-width: 760px) {
  .template-sorter-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
}
