/* PIXICORE_AI_STUDIO_MOBILE_PREMIUM_V1_START */

/*
 * Couche complémentaire exclusivement visuelle.
 * Les styles métier existants restent dans :
 * - ai-studio.css
 * - ai-studio-orbital-2026.css
 */

.ai-studio-page.ai-studio-orbital-page {
  overflow-x: clip;
}

/*
 * Protection générale contre les débordements.
 */
.ai-studio-page :is(
  main,
  section,
  aside,
  article,
  .ai-studio-shell,
  .ai-workspace,
  .ai-workbench,
  .ai-side,
  .ai-panel,
  .ai-field,
  .ai-result,
  .ai-runtime,
  .ai-upload-zone
) {
  min-width: 0;
}

.ai-studio-page :is(
  img,
  canvas,
  video,
  svg
) {
  max-width: 100%;
}

/*
 * Hero desktop et tablette.
 */
.ai-studio-page .ai-hero.ai-orbital-hero {
  min-height: auto;
}

.ai-studio-page .ai-hero-grid {
  align-items: center;
}

.ai-studio-page .ai-hero h1 {
  text-wrap: balance;
}

.ai-studio-page .ai-hero-copy {
  text-wrap: pretty;
}

/*
 * Cartes des capacités.
 */
.ai-studio-page .ai-category-card {
  min-width: 0;

  border-radius: 20px;

  box-shadow:
    0 14px 34px rgba(5, 17, 38, .16),
    inset 0 1px 0 rgba(255, 255, 255, .04);
}

.ai-studio-page .ai-category-card :is(
  strong,
  span,
  p
) {
  overflow-wrap: anywhere;
}

/*
 * Panneaux de travail.
 */
.ai-studio-page :is(
  .ai-panel,
  .ai-workbench,
  .ai-runtime-card,
  .ai-result-panel,
  .ai-history-panel
) {
  border-radius: 22px;
}

.ai-studio-page :is(
  .ai-field,
  .ai-form-grid > *,
  .ai-upload-grid > *,
  .ai-model-row > *
) {
  min-width: 0;
}

/*
 * Champs interactifs.
 */
.ai-studio-page :is(
  input,
  select,
  textarea,
  button
) {
  max-width: 100%;
}

.ai-studio-page :is(
  select,
  input[type="number"],
  input[type="text"],
  textarea
) {
  min-width: 0;
}

.ai-studio-page textarea {
  resize: vertical;
}

.ai-studio-page .ai-workbench textarea.form-control {
  line-height: 1.55;
}

/*
 * Uploads.
 */
.ai-studio-page .ai-upload-zone {
  overflow: hidden;

  border-radius: 18px;
}

.ai-studio-page .ai-upload-zone :is(
  strong,
  span,
  small,
  p
) {
  overflow-wrap: anywhere;
}

.ai-studio-page :is(
  .ai-image-preview,
  .ai-upload-preview,
  .ai-mask-stage
) {
  max-width: 100%;
  overflow: hidden;
}

/*
 * Résultats.
 */
.ai-studio-page :is(
  .ai-result-content,
  .ai-result-text,
  .ai-image-result,
  .ai-history,
  #aiResult,
  #aiHistory
) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-studio-page :is(
  .ai-result-content,
  .ai-result-text
) pre {
  max-width: 100%;
  overflow: auto;

  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/*
 * Tablette.
 */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .ai-studio-page .ai-hero.ai-orbital-hero {
    padding-top: 3.5rem;
  }

  .ai-studio-page .ai-hero-visual {
    min-height: 500px;
  }

  .ai-studio-page .ai-studio-shell {
    width: min(calc(100% - 30px), 1180px);
  }

  .ai-studio-page .ai-side {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

/*
 * Téléphones.
 */
@media (max-width: 767.98px) {
  :root {
    --aio-nav-h: 68px;
  }

  .ai-studio-page .ai-hero.ai-orbital-hero {
    min-height: 0;

    padding:
      2.7rem
      .65rem
      2.8rem;
  }

  .ai-studio-page .ai-hero-inner {
    width: min(calc(100% - 4px), 680px);
  }

  .ai-studio-page .ai-hero-grid {
    gap: 1.35rem;
  }

  .ai-studio-page .ai-hero h1 {
    max-width: 11ch;

    font-size: clamp(2.25rem, 11vw, 3.35rem);
    line-height: .99;
    letter-spacing: -.045em;
  }

  .ai-studio-page .ai-hero-copy {
    font-size: .98rem;
    line-height: 1.58;
  }

  .ai-studio-page .ai-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: .65rem;

    width: 100%;
  }

  .ai-studio-page .ai-hero-actions .btn {
    width: 100%;
    min-height: 50px;

    justify-content: center;
  }

  /*
   * Statuts du hero en deux colonnes pour éviter une
   * très longue pile verticale.
   */
  .ai-studio-page .ai-hero-status {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: .55rem;
  }

  .ai-studio-page .ai-hero-status > * {
    min-width: 0;
    padding: .7rem;

    border-radius: 14px;
  }

  .ai-studio-page .ai-hero-status :is(
    strong,
    span,
    small
  ) {
    overflow-wrap: anywhere;
  }

  /*
   * Orbite plus compacte.
   */
  .ai-studio-page .ai-hero-visual {
    min-height: 340px;
  }

  .ai-studio-page .ai-orbital-stage {
    width: min(390px, 100%);
  }

  .ai-studio-page .ai-orbital-core {
    inset: 31%;
  }

  .ai-studio-page .ai-core-logo-shell {
    width: 68px;
  }

  .ai-studio-page .ai-orbital-card {
    width: 124px;
    padding: .55rem;
    gap: .42rem;

    border-radius: 15px;
  }

  .ai-studio-page .ai-orbital-card-icon {
    width: 32px;
    min-width: 32px;

    border-radius: 10px;
  }

  .ai-studio-page .ai-orbital-card strong {
    font-size: .72rem;
    line-height: 1.2;
  }

  .ai-studio-page .ai-orbital-card strong + span {
    display: none;
  }

  .ai-studio-page .ai-orbital-card--text {
    left: 0;
  }

  .ai-studio-page .ai-orbital-card--code {
    right: 0;
  }

  .ai-studio-page .ai-orbital-card--vision {
    left: 29%;
  }

  .ai-studio-page .ai-orbital-card--private {
    right: 0;
  }

  /*
   * Conteneur principal.
   */
  .ai-studio-page .ai-studio-shell,
  .ai-studio-page .ai-privacy {
    width: min(calc(100% - 14px), 680px) !important;
  }

  .ai-studio-page .ai-studio-shell {
    margin-top: -.65rem;
  }

  .ai-studio-page .ai-studio-intro {
    padding: .9rem;

    border-radius: 17px;
  }

  /*
   * Capacités en grille de deux colonnes.
   * Cela évite une liste très longue tout en gardant
   * des cartes tactiles.
   */
  .ai-studio-page .ai-category-strip {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: .65rem;
  }

  .ai-studio-page .ai-category-card {
    min-height: 132px;
    padding: .85rem;

    border-radius: 17px;
  }

  .ai-studio-page .ai-category-card :is(
    h3,
    strong
  ) {
    font-size: .92rem;
    line-height: 1.2;
  }

  .ai-studio-page .ai-category-card :is(
    p,
    span,
    small
  ) {
    font-size: .74rem;
    line-height: 1.4;
  }

  /*
   * Zone de travail.
   */
  .ai-studio-page .ai-workspace,
  .ai-studio-page .ai-side,
  .ai-studio-page .ai-form-grid,
  .ai-studio-page .ai-upload-grid,
  .ai-studio-page .ai-progress-steps,
  .ai-studio-page .ai-result-metrics,
  .ai-studio-page .ai-image-result dl,
  .ai-studio-page .ai-privacy-grid,
  .ai-studio-page .ai-model-row,
  .ai-studio-page .ai-runtime-metrics {
    grid-template-columns: 1fr !important;
  }

  .ai-studio-page .ai-workspace {
    gap: .8rem;
  }

  .ai-studio-page :is(
    .ai-panel,
    .ai-workbench,
    .ai-runtime-card,
    .ai-result-panel,
    .ai-history-panel
  ) {
    padding: .85rem;

    border-radius: 18px;
  }

  .ai-studio-page .ai-workbench textarea.form-control {
    min-height: 138px;
  }

  /*
   * Évite le zoom automatique d’iOS.
   */
  .ai-studio-page :is(
    select,
    textarea,
    input[type="text"],
    input[type="number"]
  ) {
    font-size: 16px;
  }

  /*
   * Uploads et prévisualisations.
   */
  .ai-studio-page .ai-upload-zone {
    min-height: 150px;
    padding: .8rem;

    border-radius: 16px;
  }

  .ai-studio-page .ai-upload-grid {
    gap: .7rem;
  }

  /*
   * Barre du masque.
   */
  .ai-studio-page .ai-mask-toolbar {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: .55rem;
  }

  .ai-studio-page .ai-mask-toolbar .ai-field {
    grid-column: 1 / -1;
  }

  .ai-studio-page .ai-mask-toolbar button {
    width: 100%;
    min-height: 46px;
  }

  /*
   * Contrôles privés : largeur complète et texte lisible.
   */
  .ai-studio-page .ai-private-adult-confirmations {
    display: grid;
    gap: .7rem;
  }

  .ai-studio-page .ai-private-adult-confirmations label {
    min-width: 0;
    padding: .72rem;

    border-radius: 14px;

    line-height: 1.45;
  }

  .ai-studio-page .ai-private-adult-confirmations input {
    flex: 0 0 auto;
    margin-top: .15rem;
  }

  /*
   * Bouton principal.
   */
  .ai-studio-page #aiRunButton {
    width: 100%;
    min-height: 54px;

    justify-content: center;

    border-radius: 15px;
  }

  /*
   * Panneaux latéraux sous le workbench.
   */
  .ai-studio-page .ai-side {
    gap: .8rem;
  }

  .ai-studio-page .ai-runtime-hero-main {
    grid-template-columns:
      62px
      minmax(0, 1fr);

    gap: .7rem;
  }

  .ai-studio-page .ai-runtime-ring {
    width: 60px;
  }

  /*
   * Confidentialité.
   */
  .ai-studio-page .ai-privacy {
    padding-bottom: 3rem;
  }

  .ai-studio-page .ai-privacy-grid > * {
    padding: .85rem;

    border-radius: 16px;
  }
}

/*
 * Très petits écrans.
 */
@media (max-width: 420px) {
  .ai-studio-page .ai-hero.ai-orbital-hero {
    padding-inline: .45rem;
  }

  .ai-studio-page .ai-hero h1 {
    font-size: clamp(2.08rem, 11.5vw, 2.75rem);
  }

  .ai-studio-page .ai-hero-visual {
    min-height: 310px;
  }

  .ai-studio-page .ai-orbital-card {
    width: 112px;
  }

  .ai-studio-page .ai-orbital-card strong {
    font-size: .66rem;
  }

  .ai-studio-page .ai-category-strip {
    grid-template-columns: 1fr !important;
  }

  .ai-studio-page .ai-category-card {
    min-height: 0;
  }

  .ai-studio-page .ai-studio-shell,
  .ai-studio-page .ai-privacy {
    width: min(calc(100% - 10px), 420px) !important;
  }

  .ai-studio-page :is(
    .ai-panel,
    .ai-workbench,
    .ai-runtime-card,
    .ai-result-panel,
    .ai-history-panel
  ) {
    padding: .72rem;
    border-radius: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-studio-page *,
  .ai-studio-page *::before,
  .ai-studio-page *::after {
    scroll-behavior: auto !important;
  }
}

/* PIXICORE_AI_STUDIO_MOBILE_PREMIUM_V1_END */

/* PIXICORE_AI_STUDIO_ORBIT_FOOTER_V2_START */

/*
 * Sur téléphone, l’orbite est placée avant le contenu
 * éditorial du hero.
 */
@media (max-width: 767.98px) {
  .ai-studio-page .ai-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 1rem;
  }

  .ai-studio-page .ai-hero-visual {
    order: 1;

    width: 100%;
    min-height: 315px;

    margin:
      -.35rem
      auto
      .25rem;
  }

  .ai-studio-page .ai-hero-copy-column {
    order: 2;

    width: 100%;
    max-width: none;
  }

  .ai-studio-page .ai-orbital-stage {
    margin-inline: auto;
  }

  .ai-studio-page .ai-hero-copy-column::before {
    inset:
      -1rem
      -.4rem
      -1.2rem;
  }
}

@media (max-width: 420px) {
  .ai-studio-page .ai-hero-visual {
    min-height: 285px;
  }

  .ai-studio-page .ai-orbital-stage {
    transform: scale(.94);
    transform-origin: center;
  }
}

/*
 * Aucun style particulier n’est appliqué au footer.
 * Le composant partagé conserve exactement les règles
 * globales utilisées par les autres pages publiques.
 */

/* PIXICORE_AI_STUDIO_ORBIT_FOOTER_V2_END */

/* === PIXICORE AI STUDIO MOBILE HERO CARD V1 START === */

/*
 * La composition desktop reste intacte.
 * La carte de présentation devient un panneau premium
 * centré sur tablette et mobile.
 */
@media (max-width: 1199.98px) {
  .ai-studio-orbital-page .ai-hero-copy-column {
    position: relative;
    isolation: isolate;

    width: min(100%, 780px);
    max-width: 780px;

    margin:
      clamp(0.9rem, 2.8vw, 1.8rem)
      auto
      clamp(2.4rem, 6vw, 4.5rem);

    padding:
      clamp(1.65rem, 4vw, 2.7rem)
      clamp(1.4rem, 4vw, 2.8rem);

    text-align: center;

    border:
      1px solid
      rgba(143, 207, 255, 0.22);

    border-radius:
      clamp(26px, 4vw, 38px);

    background:
      radial-gradient(
        circle at 18% 8%,
        rgba(108, 224, 255, 0.11),
        transparent 38%
      ),
      radial-gradient(
        circle at 88% 84%,
        rgba(113, 238, 207, 0.09),
        transparent 36%
      ),
      linear-gradient(
        145deg,
        rgba(8, 22, 42, 0.92),
        rgba(12, 29, 53, 0.84)
      );

    box-shadow:
      0 28px 70px rgba(1, 8, 23, 0.34),
      0 12px 30px rgba(50, 153, 211, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      inset 0 -1px 0 rgba(79, 167, 218, 0.08);

    backdrop-filter:
      blur(22px)
      saturate(125%);

    -webkit-backdrop-filter:
      blur(22px)
      saturate(125%);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset: -1px;
    border-radius: inherit;

    pointer-events: none;

    background:
      linear-gradient(
        135deg,
        rgba(141, 222, 255, 0.19),
        transparent 30%,
        transparent 65%,
        rgba(102, 238, 204, 0.12)
      );

    opacity: 0.85;

    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;

    padding: 1px;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column::after {
    content: "";

    position: absolute;
    z-index: -2;

    width: 64%;
    height: 28%;

    left: 18%;
    bottom: -9%;

    border-radius: 50%;

    pointer-events: none;

    background:
      radial-gradient(
        ellipse,
        rgba(58, 176, 224, 0.17),
        transparent 70%
      );

    filter: blur(22px);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-kicker {
    justify-content: center;
    margin-inline: auto;
    margin-bottom: clamp(1rem, 2.4vw, 1.4rem);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column h1 {
    width: min(100%, 700px);

    margin:
      0
      auto
      clamp(1.15rem, 2.8vw, 1.6rem);

    text-align: center;

    font-size:
      clamp(2.15rem, 6vw, 4.2rem);

    line-height: 1.04;
    text-wrap: balance;

    color: #eaf6ff;

    background:
      linear-gradient(
        135deg,
        #f4f9ff 0%,
        #b9ddff 35%,
        #82d8f3 68%,
        #78ead2 100%
      );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-text-stroke:
      0.65px rgba(179, 224, 255, 0.2);

    text-shadow:
      0 1px 0 rgba(255, 255, 255, 0.24),
      0 10px 26px rgba(40, 135, 190, 0.16),
      0 22px 50px rgba(4, 14, 31, 0.28);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-copy {
    width: min(100%, 650px);

    margin:
      0
      auto
      clamp(1.5rem, 3vw, 2rem);

    text-align: center;

    color: rgba(230, 241, 255, 0.82);

    font-size:
      clamp(1rem, 2vw, 1.1rem);

    line-height: 1.72;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-actions {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;

    width: min(100%, 620px);

    margin:
      0
      auto
      clamp(1.55rem, 3vw, 2.1rem);

    gap: 0.85rem;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column
  .ai-hero-actions .btn {
    min-width: min(240px, 100%);
    min-height: 52px;

    display: inline-flex;
    justify-content: center;
    align-items: center;

    padding: 0.8rem 1.15rem;

    border-radius: 16px;

    font-weight: 750;
    letter-spacing: 0.01em;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-status {
    display: grid;

    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    width: min(100%, 680px);

    margin:
      clamp(0.2rem, 1vw, 0.6rem)
      auto
      0;

    gap: 0.75rem;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-status-tile {
    min-width: 0;
    min-height: 82px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 0.85rem 0.65rem;

    text-align: center;

    border:
      1px solid
      rgba(146, 205, 255, 0.13);

    border-radius: 18px;

    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.025)
      );

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.055);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column
  .ai-status-tile strong {
    display: block;

    color: #f3f9ff;

    font-size: clamp(0.92rem, 1.6vw, 1.04rem);
    line-height: 1.25;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column
  .ai-status-tile span {
    display: block;

    margin-top: 0.3rem;

    color: rgba(201, 218, 239, 0.72);

    font-size: 0.75rem;
    line-height: 1.3;
  }
}

@media (max-width: 767.98px) {
  .ai-studio-orbital-page .ai-hero-copy-column {
    width: calc(100% - 20px);

    margin:
      clamp(1.2rem, 5vw, 1.8rem)
      auto
      clamp(2.8rem, 10vw, 4.5rem);

    padding:
      clamp(1.55rem, 6vw, 2rem)
      clamp(1rem, 5vw, 1.35rem);

    border-radius:
      clamp(24px, 7vw, 32px);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column h1 {
    font-size:
      clamp(2rem, 9.2vw, 3.05rem);

    line-height: 1.05;

    margin-bottom:
      clamp(1rem, 4vw, 1.35rem);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-copy {
    font-size: 0.98rem;
    line-height: 1.68;

    padding-inline: 0.15rem;

    margin-bottom:
      clamp(1.35rem, 5vw, 1.75rem);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-actions {
    display: grid;
    grid-template-columns: 1fr;

    width: 100%;
    gap: 0.75rem;

    margin-bottom:
      clamp(1.4rem, 5vw, 1.8rem);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column
  .ai-hero-actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 52px;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-status {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    width: 100%;

    gap: 0.65rem;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-status-tile {
    min-height: 78px;
    padding: 0.75rem 0.45rem;
    border-radius: 16px;
  }
}

@media (max-width: 419.98px) {
  .ai-studio-orbital-page .ai-hero-copy-column {
    width: calc(100% - 16px);

    margin-top: 1rem;
    margin-bottom: 2.8rem;

    padding:
      1.4rem
      0.85rem
      1.05rem;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column h1 {
    font-size:
      clamp(1.85rem, 9.6vw, 2.55rem);

    line-height: 1.06;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-kicker {
    max-width: 100%;
    font-size: 0.74rem;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-status {
    gap: 0.55rem;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-status-tile {
    min-height: 74px;
  }
}

/* === PIXICORE AI STUDIO MOBILE HERO CARD V1 END === */

/* === PIXICORE AI STUDIO TABLET DESKTOP RESET V2 START === */

/*
 * Le précédent panneau glass responsive reste réservé
 * au mobile. Sur tablette, le hero reprend le langage
 * visuel desktop.
 */
@media (
  min-width: 768px
) and (
  max-width: 1199.98px
) {
  .ai-studio-orbital-page
  .ai-hero-copy-column {
    isolation: auto;

    width: 100%;
    max-width: 620px;

    margin: 0;
    padding: 0;

    text-align: left;

    border: 0;
    border-radius: 0;

    background: transparent;

    box-shadow: none;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset:
      -2rem
      -2.2rem
      -2rem
      -1.8rem;

    padding: 0;

    border-radius: 36px;

    opacity: 1;

    background:
      radial-gradient(
        circle at 28% 48%,
        rgba(6, 17, 38, 0.94),
        rgba(6, 17, 38, 0.58) 54%,
        transparent 84%
      );

    -webkit-mask: none;
    mask: none;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column::after {
    display: none;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-kicker {
    justify-content: flex-start;

    margin:
      0
      0
      clamp(0.9rem, 2vw, 1.25rem);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column h1 {
    width: 100%;
    max-width: 12ch;

    margin:
      0
      0
      clamp(1rem, 2vw, 1.4rem);

    text-align: left;

    font-size:
      clamp(2.35rem, 4.5vw, 3.8rem);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-copy {
    width: 100%;
    max-width: 610px;

    margin:
      0
      0
      clamp(1.25rem, 2.5vw, 1.8rem);

    text-align: left;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-actions {
    justify-content: flex-start;

    width: 100%;

    margin:
      0
      0
      clamp(1.3rem, 2.6vw, 1.9rem);
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column
  .ai-hero-actions .btn {
    width: auto;
    min-width: 0;
  }

  .ai-studio-orbital-page
  .ai-hero-copy-column .ai-hero-status {
    width: 100%;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    margin-inline: 0;
  }
}

/* === PIXICORE AI STUDIO TABLET DESKTOP RESET V2 END === */