/* ===== CriAI IDE — Landscape ===== */
@media (orientation: landscape) {
  .ide-sidebar { right: 6px; padding: 6px 4px; gap: 2px; border-radius: 12px; }
  .ide-sidebar.expanded { padding: 6px 8px; }
  .sidebar-icon { width: 32px; height: 32px; border-radius: 10px; }
  .sidebar-emoji { font-size: 16px; }
  .ide-explorer { width: 180px; }
  .ide-titlebar .user-info { font-size: var(--fs-xs); }
  .ide-tabs { min-height: 26px; }
  .ide-tab { height: 26px; padding: 0 0.6rem; font-size: var(--fs-sm); }
  .ide-content { padding: 0.75rem; }
  .ide-btn { padding: 0.4rem 0.7rem; font-size: var(--fs-sm); }
  .ide-input, .ide-select, .ide-textarea { font-size: var(--fs-sm); padding: 0.4rem 0.5rem; }
  body.ide-page { margin: 0; height: 100vh; }
  .ide-titlebar { height: 24px; }

  /* Carousel — bigger cards in landscape */
  .carousel-wrap { padding: 1rem 0 0.5rem; }
  .carousel-stage { height: 250px; }
  .carousel-card { width: 200px; }
  .carousel-card[data-pos="-1"] { transform: translate(calc(-50% - 210px), -50%) rotateY(-35deg) scale(0.85); }
  .carousel-card[data-pos="1"] { transform: translate(calc(-50% + 210px), -50%) rotateY(35deg) scale(0.85); }
  .carousel-card[data-pos="-2"] { transform: translate(calc(-50% - 370px), -50%) rotateY(-50deg) scale(0.7); }
  .carousel-card[data-pos="2"] { transform: translate(calc(-50% + 370px), -50%) rotateY(50deg) scale(0.7); }

  /* Login page — landscape */
  .login-wrap { min-height: calc(100vh - 44px); padding: 0.25rem 1rem; flex-direction: column; }

  /* Landing page — landscape */
  .ide-landing {
    display: flex !important; flex-direction: column !important;
    align-items: center; justify-content: center;
    padding: 0.5rem 1rem !important; gap: 0.5rem !important;
    min-height: calc(100vh - 24px - 20px) !important;
    scroll-snap-align: start;
  }
  .landing-icon { display: none !important; }
  .landing-title { font-size: 1.4rem !important; letter-spacing: 2px !important; }
  .landing-title .sub { font-size: 0.55rem !important; letter-spacing: 4px !important; }
  .landing-subtitle { font-size: 0.7rem !important; margin-bottom: 0.5rem !important; max-width: 90% !important; }
  .tags { margin-bottom: 0.5rem !important; }
  .tag { font-size: 8px !important; padding: 0.2rem 0.5rem !important; }
  .pipeline, .landing-hint { display: none !important; }
  .btn-enter { padding: 0.5rem 1.5rem !important; font-size: 11px !important; }
  .login-box { max-width: 520px; padding: 0.35rem 1.5rem; }
  .form-title { display: none; }
  .form-group { margin-bottom: 0.35rem; display: flex; align-items: center; gap: 0.5rem; }
  .form-group label { margin-bottom: 0; white-space: nowrap; min-width: 3.5rem; }
  .form-group input { padding: 0.35rem 0.6rem; font-size: 13px; }
  .btn-primary { padding: 0.4rem; font-size: 13px; }
  .form-links { margin-top: 0.4rem; font-size: 12px; }
}