/* ══════════════════════════════════════════════════════════════
   13-responsive-fix.css — iPhone SE 顶栏 + iPad Air 工作室修复
   放在 12-mobile.css 之后引入
   ══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════
   1. iPhone SE (≤375px) — 顶栏修复
   ══════════════════════════════════════════ */
@media (max-width: 375px) {
  #musicore-topbar .lang-switcher, #musicore-topbar #langSwitcher { display: none !important; }
  #musicore-topbar .topbar-credits { padding: 4px 6px !important; gap: 3px !important; font-size: 11px !important; }
  #musicore-topbar .topbar-credits .credits-label { display: none !important; }
  #musicore-topbar .topbar-credits svg { width: 12px !important; height: 12px !important; }
  #musicore-topbar .topbar-subscribe { font-size: 10px !important; padding: 5px 8px !important; }
  #musicore-topbar .topbar-login { font-size: 11px !important; padding: 4px 6px !important; white-space: nowrap !important; }
  #musicore-topbar .topbar-breadcrumb { font-size: 13px !important; max-width: 60px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  #musicore-topbar { gap: 4px !important; padding: 0 6px !important; }
}

/* ══════════════════════════════════════════
   2. 中等手机 (376px ~ 480px)
   ══════════════════════════════════════════ */
@media (min-width: 376px) and (max-width: 480px) {
  #musicore-topbar .lang-switcher, #musicore-topbar #langSwitcher { display: none !important; }
  #musicore-topbar .topbar-credits .credits-label { display: none !important; }
  #musicore-topbar { gap: 6px !important; padding: 0 8px !important; }
}

/* ══════════════════════════════════════════
   3. iPad Air (769px ~ 1024px)
   ══════════════════════════════════════════ */
@media (min-width: 769px) and (max-width: 1024px) {

  /* 侧边栏缩窄 */
  :root { --sidebar-w: 52px !important; --sb-w: 52px !important; }
  #musicore-sidebar .nav-item { padding: 8px 10px !important; }
  #musicore-sidebar .nav-icon svg { width: 18px !important; height: 18px !important; }

  /* 顶栏 */
  #musicore-topbar { height: 50px !important; min-height: 50px !important; padding: 0 14px !important; gap: 8px !important; }
  .topbar-breadcrumb { font-size: 14px !important; }
  .topbar-credits { padding: 4px 8px !important; font-size: 11px !important; }
  .topbar-subscribe { font-size: 11px !important; padding: 5px 12px !important; }
  .topbar-login { font-size: 12px !important; }

  /* 工作室容器 */
  .studio-container {
    display: grid !important;
    grid-template-columns: 300px 1fr !important;
    height: calc(100vh - 50px - 50px) !important;
    max-height: calc(100vh - 50px - 50px) !important;
    overflow: hidden !important;
  }

  /* 左栏 */
  .studio-sidebar {
    width: 100% !important; min-width: 0 !important; max-width: none !important;
    height: 100% !important; max-height: 100% !important;
    overflow-y: auto !important; overflow-x: hidden !important;
    border-right: 1px solid rgba(255,255,255,.06) !important;
    border-bottom: none !important; grid-column: 1 !important;
    scrollbar-width: thin !important;
  }

  /* 右栏 */
  .studio-main {
    width: 100% !important; min-width: 0 !important;
    height: 100% !important; max-height: 100% !important;
    overflow-y: auto !important; grid-column: 2 !important;
  }

  /* ── 只做微调上移，不改元素大小 ── */

  /* 去掉表单区的上下padding（省32px） */
  .sc-form {
    overflow: visible !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 隐藏装饰扫光条（省2px） */
  .sc-sidebar__sweep { display: none !important; }

  /* 标题区上边距缩一点（省4px） */
  .sc-header { padding-top: 8px !important; padding-bottom: 4px !important; }

  /* 分隔线间距缩（省4px） */
  .sc-divider { margin: 2px 0 !important; }

  /* 每个字段区上下间距缩一点（每个省2px，4个字段省8px） */
  .sc-field { padding-top: 3px !important; padding-bottom: 3px !important; }

  /* 生成区上间距缩（省4px） */
  .sc-generate-area { padding-top: 4px !important; }

  /* ── 音效区按钮防溢出 ── */
  .sc-generate-area > div:last-child > div:last-child {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .sc-generate-area > div:last-child > div:last-child button {
    padding: 4px 10px !important;
    font-size: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ── 右栏歌曲卡片略缩 ── */
  .sm-cover, .sm-cover__art {
    width: 50px !important; height: 50px !important;
    min-width: 50px !important; border-radius: 6px !important;
  }
  .sm-info__title { font-size: 12px !important; }
  .sm-info__meta { font-size: 9px !important; }
  .sm-wave { height: 24px !important; }
  .sm-ops button, .sm-op-btn {
    font-size: 9px !important; padding: 2px 5px !important;
    height: 24px !important;
  }

  /* 播放器 */
  #musicore-player { height: 50px !important; min-height: 50px !important; }
  .section-title { font-size: 15px !important; }
}

/* ══════════════════════════════════════════
   4. 小桌面 (1025px ~ 1200px)
   ══════════════════════════════════════════ */
@media (min-width: 1025px) and (max-width: 1200px) {
  .studio-container { grid-template-columns: 340px 1fr !important; }
}