/* Private V1 visual correction: restore the mobile auth card's inset and corners.
   Source baseline public-studio.css: d04e8dce5bac4d9b91a46a475a0c8577be0204fa.
   This selector never affects the welcome screen or authenticated project views. */
@media (max-width:700px) {
  body[data-spatial-stage] .fabrya-public-studio .platform-auth-page .platform-auth-card {
    border-radius:20px;
    padding:24px 16px 22px;
  }
  body[data-spatial-stage] .fabrya-public-studio .platform-auth-page .platform-auth-card>footer {
    margin-inline:0;
    padding-inline:0;
  }
}
@media (max-width:360px) {
  body[data-spatial-stage] .fabrya-public-studio .platform-auth-page .platform-auth-card {
    padding:20px 12px;
  }
}

/* Apple step 2 — one authored presentation layer for shared studio controls.
   Kept in the existing private stylesheet: no generated native assets changed.
   Private presentation only; the public home is outside this stylesheet injection. */
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-public-navigation button,
  .autonomous-topbar button,
  .studio-primary,
  .work2-toolbar button,
  .studio-preview-toolbar button,
  .work2-preview-toolbar button,
  .studio-preview-actions button,
  .studio-demo-surface>header button,
  .studio-library-controls button,
  .studio-editor-tools button,
  .studio-section-controls button,
  .studio-project-toolbar button,
  .studio-project-card,
  .studio-motion
) {
  touch-action: manipulation;
  transition-property: background-color, border-color, color, box-shadow;
  transition-duration: 160ms;
  transition-timing-function: ease-out;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-public-navigation button,
  .autonomous-topbar button,
  .studio-primary,
  .work2-toolbar button,
  .studio-preview-toolbar button,
  .work2-preview-toolbar button,
  .studio-preview-actions button,
  .studio-demo-surface>header button,
  .studio-library-controls button,
  .studio-editor-tools button,
  .studio-section-controls button,
  .studio-project-toolbar button,
  .studio-motion
) {
  min-height: 44px;
  min-width: 44px;
  box-sizing: border-box;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-public-navigation button,
  .autonomous-topbar button,
  .studio-primary,
  .work2-toolbar button,
  .studio-editor-tools button,
  .studio-project-card,
  .studio-motion,
  input, textarea, select
):focus-visible {
  outline: 2px solid #b69aff;
  outline-offset: 3px;
}
@media (max-width: 700px) {
  /* Reuse the existing conserved-studio footer arrangement across the studio.
     The motion preference belongs to normal flow, never over a card/composer. */
  body[data-spatial-stage] .fabrya-public-studio {
    display: flex;
    flex-direction: column;
  }
  body[data-spatial-stage] .fabrya-public-studio > .fabrya-public-studio-scene {
    order: 1;
  }
  body[data-spatial-stage] .fabrya-public-studio .studio-motion {
    position: relative !important;
    inset: auto !important;
    width: max-content;
    max-width: calc(100% - 32px);
    min-height: 44px;
    margin: 8px 16px max(20px, env(safe-area-inset-bottom)) auto;
    font-size: 12px;
  }
  /* Header controls share the same real touch area. The existing right inset
     still reserves the navigation toggle; no screen-specific coordinates. */
  body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar:has(.autonomous-credit-button):not(:has(.studio-journey)) {
    width: auto;
    min-width: 96px;
    height: 44px;
    gap: 8px;
  }
  body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar :is(.autonomous-menu-button, .autonomous-credit-button) {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    flex-shrink: 0;
  }
  body[data-spatial-stage] .fabrya-public-studio :is(
    .studio-project-toolbar input,
    .studio-library-top input,
    .studio-company-fields input,
    .studio-company-fields textarea,
    .studio-editor-tools input,
    .studio-editor-tools textarea,
    .native-workspace-assistant textarea,
    .autonomous-history-search input
  ) {
    font-size: 16px;
  }
}
@media (hover: none) {
  body[data-spatial-stage] .fabrya-public-studio .studio-project-card:hover {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-spatial-stage] .fabrya-public-studio :is(button, input, textarea, select) {
    transition: none !important;
  }
}
body[data-studio-motion="reduced"] .fabrya-public-studio :is(button, input, textarea, select) {
  transition: none !important;
}
/* Desktop has an existing 38px footer slot below the Universe control.
   Preserve its original 33px footprint; 44px touch targets apply on mobile. */
@media (min-width: 701px) {
  body[data-spatial-stage] .fabrya-public-studio .fabrya-public-studio-scene .studio-motion {
    min-height: 33px;
  }
}

/* Apple step 3 — quiet shared studio surfaces.
   Scope: existing private studio and welcome; public home and client iframe contents unchanged.
   Keep focus outlines, ownership, handlers and every primary control intact. */
body[data-spatial-stage] .fabrya-public-studio {
  --studio-ink: #f3f3f6;
  --studio-muted: #aaaab8;
  --studio-line: #36363d;
  background: #141416;
  color: var(--studio-ink);
}
body[data-spatial-stage] .fabrya-public-studio *,
body[data-spatial-stage] .fabrya-public-studio *::before,
body[data-spatial-stage] .fabrya-public-studio *::after {
  box-shadow: none !important;
  text-shadow: none !important;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .spatial-world, .oled-atmosphere, .oled-portal, .oled-reflection,
  .oled-vignette, .architectural-fallback, .studio-public-motto,
  .work2-handwritten, .studio-concept-caption, .studio-stage-label
) {
  display: none !important;
  animation: none !important;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .spatial-world *, .studio-orbit *, .oled-atmosphere, .oled-portal,
  .oled-reflection, .oled-vignette
) {
  animation: none !important;
  transition: none !important;
}
body[data-spatial-stage] .fabrya-public-studio :where(
  .autonomous-builder-page, .studio-public-navigation, .autonomous-topbar,
  .autonomous-conversation, .autonomous-chat-log, .autonomous-summary,
  .studio-editor-tools, .work2-concept-revision, .work2-version-history,
  .studio-library-selection, .studio-project-card, .work2-cards>button,
  .studio-demo-surface, .studio-section-controls,
  .autonomous-history-panel, .autonomous-account-dialog>section
) {
  background-image: none !important;
  background-color: #141416 !important;
  border-color: #3b3b44 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-editor-tools, .work2-concept-revision, .work2-version-history,
  .studio-library-selection, .autonomous-chat-log, .autonomous-summary
) {
  border: 0 !important;
  border-radius: 0;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-editor-tools>p, .work2-introduction, .work2-scene-title,
  .studio-demo-surface>header, .studio-library-header
) {
  background: transparent !important;
  border: 0 !important;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .work2-main-preview, .work2-discovery-preview, .work2-editor
)::before,
body[data-spatial-stage] .fabrya-public-studio :is(
  .work2-main-preview, .work2-discovery-preview, .work2-editor
)::after {
  display: none !important;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-primary, .work2-toolbar button, .studio-library-controls button,
  .studio-demo-surface>header button, .studio-editor-tools button,
  .studio-section-controls button, .studio-public-navigation button,
  .autonomous-credit-button, .studio-motion
) {
  background-image: none !important;
  background-color: transparent !important;
  border-color: #3b3b44 !important;
  color: #c2c2ce;
  border-radius: 10px;
  transition-property: color, background-color, border-color;
  transition-duration: 120ms;
  transition-timing-function: ease-out;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-primary, .studio-editor-tools form button[type="submit"]
) {
  background: #7566b8 !important;
  border-color: #7566b8 !important;
  color: #fff !important;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .work2-toolbar nav button[aria-pressed="true"],
  .studio-library-controls button[aria-pressed="true"],
  .studio-demo-surface>header button[aria-pressed="true"],
  .studio-public-navigation nav button[aria-current],
  .work2-cards>button.is-selected
) {
  background: #2d2b36 !important;
  border-color: #7566b8 !important;
  color: #f3f3f6 !important;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  input:not([type="checkbox"]):not([type="radio"]), textarea, select
) {
  background: #25252a !important;
  color: #f3f3f6 !important;
  border-color: #6c6c7c !important;
  border-radius: 10px;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-scene-heading h1, .work2-introduction h1, .work2-scene-title h1
) {
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.15;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-scene-heading h1 em, .work2-introduction h1 em, .work2-scene-title h1 em
) {
  color: inherit;
  font-style: normal;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-editor-tools>p, .work2-introduction>p, .work2-scene-title>p
) {
  color: #aaaab8;
  font-size: 14px;
  line-height: 1.65;
  padding: 0;
}
body[data-spatial-stage] .fabrya-public-studio .studio-demo-surface {
  transform: none !important;
  border-radius: 12px;
  padding: 8px;
}
body[data-spatial-stage] .fabrya-public-studio .work2-concept-revision {
  margin-block: 8px 32px;
  padding: 0;
}
body[data-spatial-stage] .fabrya-public-studio .work2-concept-revision button {
  background: transparent !important;
  color: #c6b4ff !important;
  border-color: #3b3b44 !important;
  width: auto;
}
/* One main preview; directions and versions remain genuine selectable controls,
   without duplicate image cards. No iframe contents are restyled. */
body[data-spatial-stage] .fabrya-public-studio :is(
  .work2-card-viewport, .work2-version-miniature
) {
  display: none;
}
body[data-spatial-stage] .fabrya-public-studio .work2-cards>button {
  min-height: 44px;
  padding: 16px;
  border-width: 0 0 1px;
  border-radius: 0;
}
body[data-spatial-stage] .fabrya-public-studio .work2-version-items>button {
  min-height: 44px;
  height: auto;
  padding: 10px 14px;
  background: transparent;
  border: 1px solid #3b3b44;
  border-radius: 10px;
}
body[data-spatial-stage] .fabrya-public-studio .work2-version-history {
  margin-top: 32px;
  padding: 0;
}
/* The selected-project panel repeats the same image, detail and open action
   already available on each clickable card. Keep its source and data intact. */
body[data-spatial-stage] .fabrya-public-studio .studio-library-selection {
  display: none !important;
}
body[data-spatial-stage] .fabrya-public-studio .studio-project-card {
  border: 0;
  border-radius: 12px;
}
@media (min-width: 701px) {
  body[data-spatial-stage] .fabrya-public-studio .studio-project-cards.is-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 32px;
    overflow: visible;
  }
}
@media (max-width: 700px) {
  body[data-spatial-stage] .fabrya-public-studio .work2-studio {
    padding: 24px 20px 40px;
  }
  body[data-spatial-stage] .fabrya-public-studio .work2-toolbar {
    margin-bottom: 24px;
  }
  body[data-spatial-stage] .fabrya-public-studio .studio-public-navigation {
    border-radius: 0;
    border-bottom: 1px solid #202026 !important;
  }
}
/* Journey navigation is secondary text, not a second bank of action cards. */
body[data-spatial-stage] .fabrya-public-studio .work2-toolbar nav button {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0;
}
body[data-spatial-stage] .fabrya-public-studio .work2-toolbar nav button[aria-pressed="true"] {
  border-bottom-color: #7566b8 !important;
}
body[data-spatial-stage] .fabrya-public-studio .studio-universe-navigation {
  border-color: transparent !important;
}
/* The reference journey's next step remains the one primary commitment. */
body[data-spatial-stage] .fabrya-public-studio .work2-discovery .work2-assistant>button {
  background: #7566b8 !important;
  border-color: #7566b8 !important;
  color: #fff !important;
}

/* Founder refinement: shared anthracite hierarchy, inherited 128 touch/focus rules. */
body[data-spatial-stage] .fabrya-public-studio {
  --studio-ink: #f3f3f6;
  --studio-muted: #b4b4bf;
  --studio-line: #36363d;
  --studio-elevation: 0 6px 18px rgb(0 0 0 / 18%);
  --studio-modal-elevation: 0 18px 48px rgb(0 0 0 / 32%);
  color-scheme: dark;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-public-navigation, .autonomous-topbar, .autonomous-history-panel,
  .autonomous-account-dialog>section
) { background-color: #1c1c20 !important; }
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-demo-surface, .studio-project-card, .studio-company-fields,
  .studio-company-preview, .studio-company-field-editor, .autonomous-composer
) { background-color: #222226 !important; background-image: none !important; border-color: #3b3b44 !important; }
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-primary, .studio-editor-tools button, .studio-demo-surface>header button,
  .studio-library-controls button, .autonomous-credit-button
) { min-height: 44px; font-size: 14px; font-weight: 500; }
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-demo-surface>header button, .studio-library-controls button,
  .autonomous-credit-button
) { background-color: #2d2d33 !important; border-color: transparent !important; }
body[data-spatial-stage] .fabrya-public-studio :is(
  button, a, input, textarea, select, summary
):focus-visible { outline: 2px solid #b7a8ef; outline-offset: 3px; }
body[data-spatial-stage] .fabrya-public-studio :is(
  input:not([type="checkbox"]):not([type="radio"]), textarea, select
) { border-color: #787884 !important; font-family: inherit; }
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-scene-heading h1, .work2-introduction h1, .work2-scene-title h1
) { font-size: clamp(28px, 3vw, 40px); line-height: 1.2; letter-spacing: -.025em; }
body[data-spatial-stage] .fabrya-public-studio :is(
  .work2-introduction>p, .work2-scene-title>p, .studio-scene-heading>div,
  .studio-editor-tools>p
) { color: #b4b4bf; max-width: 52ch; line-height: 1.55; }
body[data-spatial-stage] .fabrya-public-studio .studio-demo-surface {
  border: 0 !important; border-radius: 16px; padding: 12px;
}
body[data-spatial-stage] .fabrya-public-studio .work2-introduction { margin-bottom: 28px; }
body[data-spatial-stage] .fabrya-public-studio .work2-concept-revision {
  margin: 0 0 24px; padding: 0; grid-column: 1 / -1;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .work2-concept-revision, .work2-version-history
) summary { cursor: pointer; width: fit-content; min-height: 44px; align-content: center; color: #b4b4bf; font-size: 14px; }
body[data-spatial-stage] .fabrya-public-studio .work2-concept-revision p {
  max-width: 52ch; color: #b4b4bf; font-size: 14px; line-height: 1.55;
}
body[data-spatial-stage] .fabrya-public-studio .work2-version-history:not([open]) { margin-top: 20px; }
body[data-spatial-stage] .fabrya-public-studio .work2-version-items { margin-top: 12px; }
body[data-spatial-stage] .fabrya-public-studio .work2-assistant-heading { margin-bottom: 20px; }
body[data-spatial-stage] .fabrya-public-studio .work2-assistant {
  padding: 24px; background: #1c1c20 !important; border-radius: 16px;
}
body[data-spatial-stage] .fabrya-public-studio .work2-assistant :is(p,small) { line-height: 1.55; }
body[data-spatial-stage] .fabrya-public-studio .work2-assistant form { gap: 16px; }
body[data-spatial-stage] .fabrya-public-studio .work2-assistant textarea { min-height: 112px; }
body[data-spatial-stage] .fabrya-public-studio .work2-cards>button { padding: 16px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-tile {
  background: #2a2a30; border: 0; border-radius: 12px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-fields>header p { color: #b4b4bf; }
body[data-spatial-stage] .fabrya-public-studio .studio-project-card { padding: 16px; }
body[data-spatial-stage] .fabrya-public-studio :is(button,a):hover { text-shadow: none; }
@media (max-width:700px) {
  body[data-spatial-stage] .fabrya-public-studio .work2-assistant { padding: 20px; }
  body[data-spatial-stage] .fabrya-public-studio :is(input,textarea,select) { font-size: 16px !important; }
  body[data-spatial-stage] .fabrya-public-studio .work2-toolbar nav { gap: 0; }
}
body[data-spatial-stage] .fabrya-public-studio .work2-concepts {
  grid-template-columns: minmax(0,1fr); gap: 20px; max-width: 1120px; margin-inline: auto;
}
body[data-spatial-stage] .fabrya-public-studio .work2-concepts>.work2-introduction { margin-bottom: 0; }
body[data-spatial-stage] .fabrya-public-studio .work2-version-history { display: block; }
body[data-spatial-stage] .fabrya-public-studio .studio-secondary {
  min-height: 44px; padding: 12px 18px; border-radius: 10px; background: #2d2d33;
  border: 1px solid #787884; color: #f3f3f6; font: inherit; cursor: pointer;
}
/* The common company form exposes four essentials, then its native disclosure. */
body[data-spatial-stage] .fabrya-public-studio .studio-company-tiles {
  display: grid; grid-template-columns: minmax(0,1fr) !important; gap: 0;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-tile {
  min-height: 64px; background: transparent !important; border: 0 !important;
  border-bottom: 1px solid #3b3b44 !important; border-radius: 0; padding: 14px 0;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-tile svg { display: none; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-steps button>span {
  background: transparent !important; border: 0 !important; color: #b4b4bf;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-more>summary {
  min-height: 44px; align-content: center; cursor: pointer; color: #b4b4bf; font-size: 14px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-fields {
  border: 0 !important; border-radius: 16px;
}
/* Existing private welcome: same composer, categories and returning-project actions. */
body[data-spatial-stage="welcome"] .fabrya-public-studio .is-opening .autonomous-welcome {
  top: 15vh !important; pointer-events: auto; max-width: 700px;
}
body[data-spatial-stage="welcome"] .fabrya-public-studio .autonomous-welcome h1 {
  font-size: clamp(36px,4vw,56px) !important; letter-spacing: -.035em; line-height: 1.12;
}
body[data-spatial-stage="welcome"] .fabrya-public-studio .autonomous-welcome p {
  color: #b4b4bf; font-size: 16px; line-height: 1.55;
}
body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-inspiration-options {
  position: absolute; top: calc(15vh + 200px); left: calc(var(--studio-sidebar) + (100% - var(--studio-sidebar))/2);
  transform: translateX(-50%); width: min(700px,calc(100% - var(--studio-sidebar) - 48px)); z-index: 4;
  color: #b4b4bf; background: #141416; border-radius: 12px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-inspiration-options>summary {
  min-height: 44px; align-content: center; text-align: center; font-size: 14px; cursor: pointer;
}
body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-category-gallery {
  position: static !important; inset: auto !important; display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; height: auto !important;
  max-height: 260px; overflow: auto; padding: 12px; pointer-events: auto;
}
body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-category-card {
  position: static !important; inset: auto !important; transform: none !important;
  width: auto !important; height: auto !important; min-height: 64px; border: 0 !important;
  background: #25252a !important; border-radius: 10px; padding: 12px; color: #f3f3f6;
}
body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-category-copy {
  position: static; transform: none; padding: 0; display: block;
}
body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-category-copy strong { font-size: 14px; }
body[data-spatial-stage="welcome"] .fabrya-public-studio :is(.studio-category-photo,.studio-category-copy>span,.studio-category-copy>b) { display: none; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-composer {
  background: #25252a !important; border: 1px solid #787884 !important;
  color: #f3f3f6 !important; border-radius: 16px !important; background-image: none !important;
}
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-composer textarea {
  background: transparent !important; border: 0 !important; color: #f3f3f6 !important; font-size: 16px !important;
}
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-composer textarea::placeholder { color: #b4b4bf !important; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-footer>button {
  background: #7566b8 !important; color: #fff !important; border: 0 !important; min-height: 44px; min-width: 44px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-prompt-suggestions button {
  background: transparent !important; border: 0 !important; color: #b4b4bf !important;
  min-height: 44px; font-size: 12px !important;
}
body[data-spatial-stage] .fabrya-public-studio .studio-returning-project {
  background: #222226 !important; border-color: #3b3b44 !important; color: #f3f3f6;
}
@media(max-width:700px) {
  body[data-spatial-stage="welcome"] .fabrya-public-studio .is-opening .autonomous-welcome {
    top: 40px !important; width: calc(100% - 40px); max-width: none;
  }
  body[data-spatial-stage="welcome"] .fabrya-public-studio .autonomous-welcome h1 { font-size: 36px !important; }
  body[data-spatial-stage="welcome"] .fabrya-public-studio .autonomous-welcome p { font-size: 14px; }
  body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-inspiration-options {
    top: 200px; left: 20px; transform: none; width: calc(100% - 40px);
  }
  body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-category-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-prompt-suggestions { flex-wrap: wrap; }
}

body[data-spatial-stage] .fabrya-public-studio .autonomous-composer-dock>small {
  font-size: 12px; line-height: 1.5; color: #b4b4bf;
}
@media(max-width:700px) {
  body[data-spatial-stage="welcome"] .fabrya-public-studio .studio-category-gallery { max-height: 120px; }
}
/* The brief illustration is a shared UI surface, not a generated client site. */
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-company-preview-page, .studio-company-preview>section,
  .studio-company-conversation
) { background: #25252a !important; color: #f3f3f6 !important; border-color: #3b3b44 !important; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-preview-page::before,
body[data-spatial-stage] .fabrya-public-studio .studio-company-preview-page::after { display: none; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-preview-page :is(h2,p,small,strong) {
  color: #f3f3f6 !important; text-shadow: none !important;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-preview-page nav {
  background: transparent !important; border-bottom-color: #3b3b44;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-preview button {
  min-height: 44px; background: #2d2d33 !important; border: 1px solid #787884;
  border-radius: 10px; color: #f3f3f6 !important; font-size: 14px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-conversation>b {
  background: transparent !important; color: #b4b4bf;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-preview-page>div {
  background: #25252a !important; background-image: none !important;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-preview-page>footer {
  background: #222226 !important; color: #b4b4bf !important;
}

/* OLED finishing: existing common surfaces, no filters or decorative motion. */
body[data-spatial-stage] .fabrya-public-studio :is(
  .studio-project-card, .studio-demo-surface, .studio-company-fields,
  .studio-company-preview, .autonomous-composer
) { box-shadow: var(--studio-elevation) !important; }
body[data-spatial-stage] .fabrya-public-studio :is(
  .autonomous-history-panel, .autonomous-account-dialog>section,
  .studio-company-field-editor, .autonomous-credit-panel
) { box-shadow: var(--studio-modal-elevation) !important; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar .autonomous-credit-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  width: 88px; min-width: 88px; min-height: 44px; height: 44px; padding: 0 12px;
  flex: 0 0 auto; white-space: nowrap; font-variant-numeric: tabular-nums;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-button strong {
  color: #f3f3f6; font-size: 16px; line-height: 1; font-weight: 600;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-button span {
  display: inline; color: #b4b4bf; font-size: 12px; line-height: 1;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-dialog {
  padding: 24px; place-items: center; color: #f3f3f6;
}
body[data-spatial-stage] .fabrya-public-studio :is(
  .autonomous-credit-scrim, .autonomous-account-backdrop
) { background: rgb(10 10 12 / 68%); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-panel {
  box-sizing: border-box; width: min(560px, 100%); max-height: calc(100dvh - 48px);
  padding: 24px; border: 1px solid #36363d; border-radius: 20px;
  background: #1c1c20; overflow: auto; overscroll-behavior: contain;
  animation: none; color: #f3f3f6;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-panel>header {
  align-items: center; gap: 16px;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-panel h2 {
  margin: 0; color: #f3f3f6; font-size: 26px; line-height: 1.2; letter-spacing: -.025em; font-weight: 600;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-panel>header>button {
  width: 44px; height: 44px; border: 0; border-radius: 10px; background: #2d2d33; color: #f3f3f6;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-balance {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
  margin: 20px 0 24px; padding: 0; border: 0; border-radius: 0; background: transparent;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-balance>span {
  display: flex; align-items: baseline; gap: 8px; color: #f3f3f6; font-size: 14px; line-height: 1.4;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-balance strong {
  color: #f3f3f6; font-size: 36px; font-weight: 600; letter-spacing: -.035em; font-variant-numeric: tabular-nums;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-balance>small {
  color: #b4b4bf; font-size: 13px; line-height: 1.5; text-align: left;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 12px;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs>button {
  display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto auto auto;
  align-content: start; align-items: baseline; gap: 8px 12px; min-height: 0; min-width: 0;
  padding: 16px; border: 1px solid #3b3b44; border-radius: 14px;
  background: #25252a; color: #f3f3f6; transform: none; transition: background-color 120ms ease-out;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs>button:hover { background: #2d2d33; transform: none; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs em {
  position: static; grid-column: 1 / -1; grid-row: 1; padding: 0; background: transparent;
  color: #b4b4bf; font-size: 10px; line-height: 1.4; letter-spacing: .02em;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs strong {
  grid-column: 1; grid-row: 2; font-size: 16px; font-weight: 500;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs span {
  grid-column: 2; grid-row: 2; font-size: 22px; line-height: 1.3; font-weight: 600; white-space: nowrap;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs small {
  grid-column: 1 / -1; grid-row: 3; color: #b4b4bf; font-size: 12px; line-height: 1.5;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs b {
  grid-column: 1 / -1; grid-row: 4; width: 100%; min-height: 44px; margin-top: 4px;
  background: #34343c; color: #f3f3f6; font-size: 13px; font-weight: 500; border-radius: 9px;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs>button.is-popular { border-color: #3b3b44; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs>button.is-popular b,
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-resume { background: #7566b8; color: #fff; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-panel>footer,
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-notice {
  margin-top: 20px; color: #b4b4bf; font-size: 12px; line-height: 1.6; text-align: left;
}
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-blocked {
  border: 0; background: #25252a; color: #f3f3f6; border-radius: 12px; overflow-wrap: anywhere;
}
@media(max-width:700px) {
  body[data-spatial-stage] .fabrya-public-studio .autonomous-builder-page.is-opening .autonomous-topbar,
  body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar:has(.autonomous-credit-button):not(:has(.studio-journey)) {
    width: 144px !important; height: 44px; gap: 8px;
  }
  body[data-spatial-stage] .fabrya-public-studio .studio-public-navigation:not(.is-open)>.studio-universe-navigation { display: none; }
  body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-dialog { padding: 16px; }
  body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-panel {
    max-height: calc(100dvh - 32px); padding: 20px; border-radius: 18px;
  }
  body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs { grid-template-columns: 1fr; }
  body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs>button { order: 0; }
  body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-packs>button.is-popular { order: -1; }
}
/* Native scrolling stays neutral; the accent belongs to important actions. */
html:has(body[data-spatial-stage] .fabrya-public-studio),
body[data-spatial-stage] .fabrya-public-studio * {
  scrollbar-color: #52525d #17171a;
}
html:has(body[data-spatial-stage] .fabrya-public-studio)::-webkit-scrollbar-thumb,
body[data-spatial-stage] .fabrya-public-studio *::-webkit-scrollbar-thumb {
  background: #52525d; border: 0; box-shadow: none;
}

/* Before step 4: inline conversations replace the full-height drawer. */
body[data-spatial-stage] .fabrya-public-studio .studio-conversations {
  margin: 0 0 16px; border: 0; border-bottom: 1px solid #36363d;
  background: transparent; color: #f3f3f6;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations>summary {
  min-height: 44px; padding: 10px 0; width: fit-content; cursor: pointer;
  font-size: 14px; line-height: 24px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations>summary>span {
  margin-left: 8px; color: #b4b4bf; font-variant-numeric: tabular-nums;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations-content {
  padding: 4px 0 16px; display: grid; gap: 12px; max-width: 620px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-history-search {
  margin: 0; height: 44px; background: #25252a; border-color: #787884;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-history-search input {
  height: 40px; background: transparent !important; color: #f3f3f6; border: 0;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-sidebar-history {
  display: grid; gap: 8px !important; padding: 0; margin: 0;
  min-height: 0; max-height: 240px; overflow: auto; overscroll-behavior: contain;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-sidebar-history>div { display: grid; gap: 0; }
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-sidebar-history>small {
  padding: 0; color: #b4b4bf; font-size: 12px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-row {
  display: grid; grid-template-columns: minmax(0,1fr) 44px; border-radius: 8px; transform: none;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-row:is(:hover,.is-active) { background: #25252a; }
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-open {
  padding: 10px 8px; min-height: 56px; color: #f3f3f6; gap: 12px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-open>span {
  min-width: 0; display: grid; gap: 4px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-open strong {
  font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-open :is(small,em) {
  font-size: 11px; line-height: 1.4; color: #b4b4bf; background: transparent; padding: 0;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .studio-conversation-options {
  min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 8px;
  background: transparent; color: #b4b4bf; font-size: 22px; cursor: pointer;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-actions {
  position: static; inset: auto; grid-column: 1 / -1; display: flex; flex-wrap: wrap;
  justify-content: flex-start; padding: 8px; border: 0; background: #25252a; overflow: visible;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations .autonomous-conversation-actions button {
  min-height: 44px; background: #34343c; color: #f3f3f6; font-size: 12px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-conversations-content>a { color: #b4b4bf; font-size: 12px; padding: 8px 0; width: fit-content; }
body[data-spatial-stage] .fabrya-public-studio .studio-account-navigation {
  min-height: 44px; margin-top: 8px; padding: 8px 14px; text-align: left;
  border: 0; border-radius: 8px; background: transparent; color: #b4b4bf; font: inherit; font-size: 14px; cursor: pointer;
}
/* One shared credit presentation in the header and the existing wallet dialog. */
body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar .autonomous-credit-button {
  width: 128px; min-width: 128px; height: 44px; padding: 6px 8px;
  background: transparent !important; border: 0; border-radius: 8px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-credit-meter,
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-button .studio-credit-meter {
  display: grid; width: 100%; gap: 6px; text-align: left;
}
body[data-spatial-stage] .fabrya-public-studio .studio-credit-label,
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-button .studio-credit-label {
  display: flex; align-items: baseline; gap: 5px; color: #b4b4bf; font-size: 12px; line-height: 18px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-credit-label strong { color: #f3f3f6; font-size: 14px; font-weight: 600; line-height: 18px; }
body[data-spatial-stage] .fabrya-public-studio .studio-credit-meter :is(meter,.studio-credit-track) {
  display: block; appearance: none; width: 100%; height: 3px; min-height: 3px; margin: 0;
  border: 0; border-radius: 3px; background: #3b3b44; overflow: hidden; color: #9183b6;
}
body[data-spatial-stage] .fabrya-public-studio .studio-credit-meter meter::-webkit-meter-bar { background: #3b3b44; border: 0; border-radius: 3px; }
body[data-spatial-stage] .fabrya-public-studio .studio-credit-meter meter::-webkit-meter-optimum-value { background: #9183b6; border-radius: 3px; }
body[data-spatial-stage] .fabrya-public-studio .studio-credit-meter meter::-moz-meter-bar { background: #9183b6; border-radius: 3px; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-balance>.studio-credit-meter { max-width: 100%; gap: 12px; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-balance .studio-credit-label strong { font-size: 30px; line-height: 36px; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-credit-balance .studio-credit-label>span { font-size: 14px; }
/* Apple 5: one starting point, progressive details, no new motion. */
body[data-spatial-stage] .fabrya-public-studio .autonomous-ai-status { display:none !important; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar-actions { margin-left:auto !important; justify-content:flex-end !important; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-context { display:block; width:fit-content; max-width:100%; margin:18px auto 0; padding:8px 12px; border:1px solid #43414b; border-radius:10px; color:#d2c8e6; background:#25232b; font-size:13px; overflow-wrap:anywhere; }
body[data-spatial-stage] .fabrya-public-studio :is(.studio-scene-heading,.work2-introduction,.work2-scene-title) h1 { font-size:clamp(28px,3vw,40px); line-height:1.15; letter-spacing:-.035em; }
body[data-spatial-stage] .fabrya-public-studio :is(.studio-scene-heading,.work2-introduction,.work2-scene-title)>p { max-width:56ch; line-height:1.55; }
body[data-spatial-stage] .fabrya-public-studio :is(button,a,input,textarea,summary):focus-visible { outline:2px solid #afa1d0; outline-offset:3px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-grid { grid-template-columns:minmax(0,1fr) minmax(240px,.52fr); align-items:start; gap:32px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-grid:has(>div:empty) { grid-template-columns:minmax(0,720px); justify-content:center; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup { padding:28px; border:1px solid #34343b; border-radius:20px; background:linear-gradient(145deg,#222226,#1b1b1f); box-shadow:0 6px 18px #00000020; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup>label { display:block; margin-bottom:12px; font-size:16px; font-weight:550; color:#f3f3f6; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup>input { box-sizing:border-box; width:100%; min-height:54px; padding:14px 16px; border:1px solid #666670; border-radius:12px; background:#17171b; color:#f3f3f6; font:inherit; font-size:16px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup>input:focus-visible { outline:2px solid #a394c9; outline-offset:3px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup>p { margin:10px 0; font-size:13px; color:#c8c8d0; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup>p:empty { display:none; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup>small { display:block; margin-top:10px; font-size:11px; line-height:1.5; color:#aaaab7; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-matches { margin-top:8px; overflow:hidden; border:1px solid #44444e; border-radius:12px; background:#25252b; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-matches>button { display:grid; gap:5px; width:100%; padding:14px; min-height:62px; text-align:left; border:0; border-bottom:1px solid #3b3b43; background:transparent; color:#f3f3f6; cursor:pointer; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-matches>button:last-child { border-bottom:0; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-matches>button:is(:hover,:focus-visible,[aria-selected=true]) { background:#34303e; outline-offset:-3px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-matches strong { font-size:14px; overflow-wrap:anywhere; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-matches small { font-size:12px; color:#bcbcc8; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-free { display:grid; gap:12px; margin-top:24px; padding-top:20px; border-top:1px solid #3a3a42; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-free p { margin:0; font-size:14px; color:#bcbcc8; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-free .studio-primary { width:100%; min-height:48px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-optional { margin-top:20px; border:0; border-top:1px solid #34343c; border-radius:0; padding:12px 0; background:transparent; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-optional>summary { min-height:44px; padding:10px 0; cursor:pointer; color:#d2d2db; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-optional>summary>span { margin-left:8px; color:#9999a8; font-size:12px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-optional-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:16px 0; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-optional-fields label { display:grid; gap:7px; min-width:0; font-size:13px; color:#c6c6d0; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-optional-fields :is(input,textarea) { box-sizing:border-box; width:100%; min-height:46px; padding:12px; border:1px solid #4e4e59; border-radius:10px; background:#202025; color:#f3f3f6; font:inherit; font-size:16px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-save { display:flex; flex-wrap:wrap; gap:12px; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-summary { padding:24px; border:1px solid #34343b; border-radius:18px; background:#202024; box-shadow:none; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-summary h2 { margin:0 0 22px; font-size:22px; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-summary dl { display:grid; gap:20px; margin:0; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-summary dt { margin-bottom:6px; color:#aaaab7; font-size:12px; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-summary dd { margin:0; color:#e7e7ed; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
@media(max-width:1000px) {
 body[data-spatial-stage] .fabrya-public-studio .studio-company-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
}
@media(max-width:600px) {
 body[data-spatial-stage] .fabrya-public-studio :is(.work2-toolbar nav,.studio-journey) { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
 body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup { padding:20px 16px; border-radius:16px; }
 body[data-spatial-stage] .fabrya-public-studio .studio-company-optional-fields { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
  body[data-spatial-stage] .fabrya-public-studio .autonomous-builder-page.is-opening .autonomous-topbar,
  body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar:has(.autonomous-credit-button):not(:has(.studio-journey)) { width: 128px !important; min-width: 128px; }
  body[data-spatial-stage] .fabrya-public-studio .studio-public-navigation:not(.is-open)>.studio-account-navigation { display: none; }
  body[data-spatial-stage] .fabrya-public-studio .studio-account-navigation { flex-basis: 100%; margin: 4px 0 0; }
}
/* Product Excellence: one shared composer, intrinsic textarea sizing retained. */
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-composer.is-compact {
  display:grid !important; grid-template-columns:minmax(0,1fr) 44px !important;
  align-items:center !important; gap:8px !important; padding:8px !important;
  min-height:62px !important; height:auto !important; border-radius:20px !important;
}
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-composer.is-compact textarea {
  grid-column:1 !important; grid-row:1 !important; width:100% !important; min-width:0 !important;
  min-height:44px !important; max-height:156px !important; height:auto;
  padding:10px 8px !important; margin:0 !important; line-height:24px !important; box-sizing:border-box !important;
}
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-footer { display:contents !important; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-footer>button {
  grid-column:2 !important; grid-row:1 !important; align-self:end !important;
  display:grid !important; place-items:center !important; justify-content:center !important;
  position:static !important; inset:auto !important; transform:none !important;
  width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important;
  margin:0 !important; padding:0 !important; border-radius:14px !important; box-shadow:none !important;
}
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-footer>button>span { display:none !important; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-send-icon { display:block !important; width:20px; height:20px; margin:0; transform:none; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-footer>button:disabled { background:#34343d !important; color:#9999aa !important; opacity:1 !important; cursor:default; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-footer>button[data-busy=true] { color:#d7d2e7 !important; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-composer:focus-within { border-color:#a99ac9 !important; box-shadow:0 0 0 1px #a99ac9 !important; }
body[data-spatial-stage] .fabrya-public-studio .fabrya-unified-composer textarea:focus-visible { outline:none !important; box-shadow:none !important; }
body[data-spatial-stage] .fabrya-public-studio .autonomous-topbar-actions { margin-left:auto !important; justify-content:flex-end !important; }

/* Welcome: describe first; all existing suggestions behind one entry. */
body[data-spatial-stage=welcome] .fabrya-public-studio .autonomous-builder-page[data-studio-panel=project]:not(:has(>.studio-universe-view)) .autonomous-conversation {
  display:flex !important; flex-direction:column !important; align-items:center; justify-content:center;
  position:relative !important; inset:auto !important; height:auto !important; min-height:0 !important;
  max-height:none !important; overflow:visible !important; padding:clamp(48px,12vh,112px) 24px 28px !important;
}
body[data-spatial-stage=welcome] .fabrya-public-studio .autonomous-builder-page[data-studio-panel=project]:not(:has(>.studio-universe-view)) .autonomous-welcome {
  position:static !important; inset:auto !important; transform:none !important; width:100% !important; max-width:740px;
  margin:0 auto !important; text-align:center;
}
body[data-spatial-stage=welcome] .fabrya-public-studio .autonomous-builder-page[data-studio-panel=project]:not(:has(>.studio-universe-view)) .autonomous-composer-dock {
  position:relative !important; inset:auto !important; width:100% !important; max-width:788px;
  padding:0 24px 24px !important; margin:0 auto !important; box-sizing:border-box; transform:none !important;
}
body[data-spatial-stage=welcome] .fabrya-public-studio .autonomous-composer-dock .studio-inspiration-options {
  position:static !important; inset:auto !important; transform:none !important; width:100% !important; margin-top:8px; background:transparent;
}
body[data-spatial-stage=welcome] .fabrya-public-studio .autonomous-composer-dock .studio-prompt-suggestions { display:grid !important; grid-template-columns:1fr 1fr; margin:4px 0; }
body[data-spatial-stage=welcome] .fabrya-public-studio .studio-returning-project {
  position:static !important; inset:auto !important; transform:none !important; width:100% !important;
  max-width:740px; margin:24px auto 0 !important; padding:12px 16px !important; min-height:44px;
}
body[data-spatial-stage] .fabrya-public-studio .studio-company-context { display:inline-block; max-width:100%; margin-top:12px; color:#c9c5d4; font-size:14px; overflow-wrap:anywhere; }

/* Company: identity or search, and one explicitly requested edit at a time. */
body[data-spatial-stage] .fabrya-public-studio .studio-company-scene { max-width:820px; margin:0 auto; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-grid { grid-template-columns:minmax(0,1fr) !important; gap:24px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-lookup { border:0; padding:0; background:none; box-shadow:none; border-radius:0; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-free { margin-top:24px; padding-top:0; border-top:0; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-identity { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; padding:24px; border:1px solid #38383f; border-radius:18px; background:linear-gradient(145deg,#222226,#1b1b1f); }
body[data-spatial-stage] .fabrya-public-studio .studio-company-identity h2 { margin:0; font-size:22px; line-height:1.3; overflow-wrap:anywhere; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-identity p { margin:6px 0 0; color:#b4b4bf; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-identity>.studio-primary,
body[data-spatial-stage] .fabrya-public-studio .studio-company-public { grid-column:1/-1; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-public summary { cursor:pointer; min-height:44px; align-content:center; font-size:13px; color:#b4b4bf; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-public dl { display:grid; gap:16px; margin:12px 0; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-public dt { color:#aaaab7; font-size:12px; }
body[data-spatial-stage] .fabrya-public-studio .studio-company-public dd { margin:4px 0 0; font-size:14px; overflow-wrap:anywhere; }
body[data-spatial-stage] .fabrya-public-studio .studio-text-action { background:transparent !important; box-shadow:none !important; border:0 !important; padding:8px 0; min-height:44px; color:#c7bfdc; font-size:14px; text-align:left; }
body[data-spatial-stage] .fabrya-public-studio .studio-contextual-details { margin-top:24px; border-top:1px solid #34343c; padding-top:12px; }
body[data-spatial-stage] .fabrya-public-studio .studio-contextual-details>p { color:#b4b4bf; font-size:13px; line-height:1.6; }
body[data-spatial-stage] .fabrya-public-studio .studio-single-detail,
body[data-spatial-stage] .fabrya-public-studio .studio-single-detail form,
body[data-spatial-stage] .fabrya-public-studio .studio-single-detail label { display:grid; gap:12px; min-width:0; }
body[data-spatial-stage] .fabrya-public-studio .studio-single-detail { margin-top:8px; }
body[data-spatial-stage] .fabrya-public-studio .studio-single-detail :is(input,select,textarea) { box-sizing:border-box; width:100%; min-height:48px; padding:12px; color:#f3f3f6; background:#222226; border:1px solid #666670; border-radius:10px; font:inherit; font-size:16px; }
body[data-spatial-stage] .fabrya-public-studio .studio-single-detail button { justify-self:start; }
body[data-spatial-stage] .fabrya-public-studio .studio-known-project { margin-top:24px; }
body[data-spatial-stage] .fabrya-public-studio .studio-known-project h2 { font-size:18px; }
body[data-spatial-stage] .fabrya-public-studio .studio-known-project>button { display:grid; grid-template-columns:1fr auto; gap:8px; width:100%; text-align:left; padding:16px 0; border:0; border-bottom:1px solid #34343c; background:none; }
body[data-spatial-stage] .fabrya-public-studio .studio-known-project>button>span:first-child { color:#b4b4bf; font-size:12px; }
body[data-spatial-stage] .fabrya-public-studio .studio-known-project strong { grid-column:1; font-size:14px; font-weight:500; line-height:1.6; overflow-wrap:anywhere; }
body[data-spatial-stage] .fabrya-public-studio .studio-fact-edit { grid-column:2; grid-row:1/3; align-self:center; color:#c7bfdc; font-size:12px; }
@media(max-width:700px) {
 body[data-spatial-stage=welcome] .fabrya-public-studio .autonomous-builder-page[data-studio-panel=project]:not(:has(>.studio-universe-view)) .autonomous-conversation { padding:48px 16px 24px !important; }
 body[data-spatial-stage=welcome] .fabrya-public-studio .autonomous-builder-page[data-studio-panel=project]:not(:has(>.studio-universe-view)) .autonomous-composer-dock { padding:0 16px 24px !important; }
 body[data-spatial-stage] .fabrya-public-studio .studio-company-identity { padding:20px 16px; }
}

/* A brief summarizes known facts; it is not a second intake questionnaire. */
body[data-spatial-stage] .fabrya-public-studio .studio-brief-panel { align-self:start; min-height:0 !important; padding:20px !important; border:1px solid #38383f !important; border-radius:18px !important; background:linear-gradient(145deg,#222226,#1b1b1f) !important; box-shadow:none !important; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-panel>header { display:flex; align-items:center; gap:10px; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-panel h2 { margin:0; color:#f3f3f6; font-size:18px; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-toggle { display:inline-flex !important; align-items:center; margin-left:auto; min-height:44px; padding:8px; background:transparent !important; color:#c7bfdc; border:0; font-size:12px; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-panel[data-expanded=false] .studio-brief-details { display:none !important; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-panel[data-expanded=true] .studio-brief-details { display:block !important; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-details>section { min-height:0 !important; padding:12px 0 !important; background:none !important; box-shadow:none !important; border:0 !important; border-bottom:1px solid #38383f !important; border-radius:0 !important; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-details h3 { margin:0 0 4px; font-size:12px; color:#b4b4bf; }
body[data-spatial-stage] .fabrya-public-studio .studio-brief-details p { margin:0; color:#f3f3f6; line-height:1.6; }
body[data-spatial-stage=vision] .fabrya-public-studio .autonomous-builder-page:not(:has(.studio-brief-panel)) .autonomous-conversation:not(.has-native-work) { width:calc(100% - 48px) !important; max-width:900px !important; margin-inline:auto !important; }
@media(max-width:700px) { body[data-spatial-stage=vision] .fabrya-public-studio .autonomous-builder-page:not(:has(.studio-brief-panel)) .autonomous-conversation:not(.has-native-work) { width:calc(100% - 32px) !important; margin-inline:16px !important; } }