/* One gutter owner for full Studio pages; embedded canvas previews do not use it. */
.ir-studio-layout { min-width: 0; width: 100%; box-sizing: border-box; }
[data-studio-breadcrumb] { min-width: 0; font-family: Vazirmatn, sans-serif; }
[data-studio-breadcrumb] a.is-loading { position: relative; pointer-events: none; cursor: wait; }
[data-studio-breadcrumb] a.is-loading > * { opacity: 0; }
[data-studio-breadcrumb] a.is-loading::after {
  content: ""; position: absolute; inset: 0; margin: auto;
  width: 16px; height: 16px; border: 2px solid currentColor;
  border-inline-end-color: transparent; border-radius: 50%;
  animation: studio-breadcrumb-spin .72s linear infinite;
}
@keyframes studio-breadcrumb-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  [data-studio-breadcrumb] a.is-loading::after { animation: none; }
}
@media (max-width: 767px) {
  .ir-studio-layout { padding-inline: 12px; }
  .ir-studio-layout > :is(.ir-studio-shell, .ir-studio-editor-page, .ir-studio-manage-hub, .ir-studio-library-manager, .ir-studio-template-manager, .ir-studio-qa-shell) {
    box-sizing: border-box; min-width: 0;
    width: 100% !important; max-width: 100% !important;
    margin-inline: 0 !important; padding-inline: 0;
  }
  .ir-studio-layout > .ir-studio-editor-page--canvas-first::before {
    left: 0; width: 100%; transform: none;
  }
}