/* --------------------------------------------------------------------------
   Rust Compiler Studio V20 — Mobile Compiler Stack Repair
   Goal: on phone sizes the compiler becomes a clean vertical flow:
   header/tabs → code editor → runtime input → compilation output.
   -------------------------------------------------------------------------- */
body[data-project-key="RUST_COMPILER_STUDIO"] {
  --rust-v20-green: #39ff14;
  --rust-v20-pink: #ff007f;
  --rust-v20-cyan: #26e6ff;
  --rust-v20-ink: #050506;
  --rust-v20-paper: #fafafa;
}

body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-grid-v20 {
  align-items: start !important;
}

body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20,
body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 {
  min-width: 0 !important;
  max-width: 100% !important;
}

body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 {
  scroll-margin-top: 84px;
}

body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v20 {
  overflow: visible !important;
}

/* The mobile visual fallback created a big empty panel on compiler screens.
   Rust already has the project orb above the app, so the compiler should be the focus. */
body[data-project-key="RUST_COMPILER_STUDIO"] #root .mv10-fallback {
  display: none !important;
}

@media (max-width: 1023.98px) {
  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-shell {
    height: clamp(218px, 60vw, 320px) !important;
    min-height: 218px !important;
    margin: .75rem auto 1.15rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-kicker,
  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-mode {
    font-size: .5rem !important;
    padding: .28rem .42rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-title {
    font-size: .68rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-hint {
    font-size: .48rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root main {
    width: 100% !important;
    padding-left: clamp(.72rem, 3.6vw, 1rem) !important;
    padding-right: clamp(.72rem, 3.6vw, 1rem) !important;
    padding-top: .9rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root header {
    position: sticky !important;
    top: 0 !important;
    z-index: 25 !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root header > div {
    padding: .72rem .78rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root header > div > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .65rem !important;
    align-items: stretch !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root header [class*="items-center"][class*="gap-4"] {
    align-items: flex-start !important;
    gap: .55rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root header h1,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root header .chaos-title {
    font-size: clamp(1rem, 7.2vw, 1.65rem) !important;
    line-height: .98 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root header p {
    font-size: .72rem !important;
    line-height: 1.35 !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root [role="tablist"] {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .28rem !important;
    overflow: visible !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root [role="tab"] {
    min-width: 0 !important;
    min-height: 42px !important;
    padding: .42rem .25rem !important;
    font-size: clamp(.55rem, 2.8vw, .72rem) !important;
    line-height: 1.05 !important;
    text-align: center !important;
    justify-content: center !important;
    gap: .25rem !important;
    white-space: normal !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root [role="tab"] svg {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 auto !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-grid-v20,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root [class*="lg:grid-cols-2"].rust-editor-grid-v20 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
    align-items: stretch !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 {
    order: 1 !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v17 {
    order: 2 !important;
    margin-top: .75rem !important;
    transform: none !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 > .flex:first-child,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 > .flex:first-child,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v17 > .flex:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .6rem !important;
    align-items: stretch !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 > .flex:first-child > div,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 > .flex:first-child > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: .5rem !important;
    width: 100% !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 button,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 button {
    min-height: 44px !important;
    width: 100% !important;
    justify-content: center !important;
    padding-inline: .65rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 textarea[placeholder*="Rust code"],
  body[data-project-key="RUST_COMPILER_STUDIO"] #root textarea[placeholder="Write your Rust code here..."] {
    height: min(54svh, 390px) !important;
    min-height: 320px !important;
    max-height: 430px !important;
    font-size: clamp(.78rem, 3.3vw, .9rem) !important;
    line-height: 1.65 !important;
    padding-top: .85rem !important;
    padding-bottom: .85rem !important;
    color: #050506 !important;
    -webkit-text-fill-color: #050506 !important;
    background: #fff !important;
    caret-color: var(--rust-v20-pink) !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 textarea[placeholder*="Rust code"] + *,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root textarea[placeholder="Write your Rust code here..."] + * {
    max-width: 100% !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v20,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v17,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 .neon-card,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v17 .neon-card {
    min-height: 260px !important;
    padding: 1rem !important;
    box-shadow: 7px 7px 0 var(--rust-v20-pink) !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v20 [class*="min-h-[500px]"],
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v17 [class*="min-h-[500px]"] {
    min-height: 240px !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v20 [class*="h-[480px]"],
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v17 [class*="h-[480px]"] {
    height: auto !important;
    max-height: 48svh !important;
    overflow: auto !important;
    padding-right: .2rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v20 pre,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-card-v17 pre {
    max-height: 46svh !important;
    overflow: auto !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    font-size: .78rem !important;
    line-height: 1.55 !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-runtime-inputs-v19 {
    margin-top: .9rem !important;
    padding: .9rem !important;
    box-shadow: 5px 5px 0 rgba(57,255,20,.82) !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-runtime-inputs-v19 .rr-title {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .55rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-runtime-inputs-v19 .rr-status {
    justify-content: center !important;
    width: 100% !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-runtime-inputs-v19 textarea {
    min-height: 84px !important;
  }
}

@media (max-width: 430px) {
  body[data-project-key="RUST_COMPILER_STUDIO"] .project-origin-actions,
  body[data-project-key="RUST_COMPILER_STUDIO"] .binding-summary-strip {
    display: none !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-shell {
    height: 214px !important;
    min-height: 214px !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-caption {
    align-items: center !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] .orb-v11-hint {
    display: none !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root main {
    padding-left: .62rem !important;
    padding-right: .62rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 textarea[placeholder*="Rust code"],
  body[data-project-key="RUST_COMPILER_STUDIO"] #root textarea[placeholder="Write your Rust code here..."] {
    min-height: 300px !important;
    height: min(52svh, 350px) !important;
    padding-left: 3.35rem !important;
    padding-right: .75rem !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 .neon-card,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 .neon-card,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v17 .neon-card {
    border-width: 3px !important;
    box-shadow: 5px 5px 0 var(--rust-v20-green) !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 .neon-card,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v17 .neon-card {
    box-shadow: 5px 5px 0 var(--rust-v20-pink) !important;
  }

  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-editor-column-v20 > .flex:first-child > div,
  body[data-project-key="RUST_COMPILER_STUDIO"] #root .rust-results-column-v20 > .flex:first-child > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}