@media (max-width: 760px), (max-width: 1000px) and (max-height: 500px) and (pointer: coarse) {
  #brands { padding: 16px; border-radius: 18px; }
  #brands:has(.inline-active) { padding: 0; overflow: hidden; }
  #brand-workspace { height: clamp(360px, calc(100dvh - 124px), 660px); }
  #brand-workspace .section-heading { align-items: start; gap: 8px; }
  #brand-workspace .section-heading h2 { font-size: 21px; line-height: 1.4; word-break: keep-all; }
  #brand-workspace .brand-options { width: auto; }
  #brand-workspace .brand-count { font-size: 11px; line-height: 1.5; }
  #brand-workspace .search-field { height: 52px; padding-inline: 12px; }
  #brand-workspace .search-field input { font-size: 16px; }
  #brand-workspace .clear-search { width: 44px; height: 44px; flex-shrink: 0; background: transparent; }
  #brand-workspace .search-meta { padding-block: 12px; }
  #brand-workspace .search-meta p, #brand-workspace .scroll-cue { font-size: 11px; }
  #brand-workspace .brand-scroll { border: 0; padding: 0; background: transparent; }
  #brand-workspace .brand-list { gap: 8px; }
  #brand-workspace .brand-card { grid-template-columns: 18px 62px minmax(0, 1fr) 20px; min-height: 72px; height: auto; gap: 9px; padding: 12px 10px; border-radius: 12px; }
  #brand-workspace .brand-copy strong { font-size: 15px; line-height: 1.4; }
  #brand-workspace .brand-copy small { font-size: 11px; line-height: 1.4; }
  #brand-workspace .brand-logo img { width: 58px; height: 35px; }
  #brand-workspace .brand-action { display: none; }
  #brand-workspace .search-preview a { min-height: 56px; padding: 12px; }
  #brand-workspace .search-preview strong { font-size: 15px; }
  #brand-workspace .search-preview small { font-size: 12px; }
  #brand-workspace .empty-state a { min-height: 48px; align-items: center; font-size: 14px; }
  .inline-panel { border-radius: 18px; }
  .inline-heading { min-height: 56px; flex-shrink: 0; padding: 4px 16px; gap: 8px; font-size: 13px; }
  .inline-heading button { min-height: 48px; padding: 8px 0; font-size: 15px; white-space: nowrap; }
  .inline-heading > span { min-width: 0; text-align: right; line-height: 1.4; }
  .inline-model { padding: 16px 16px 0; overflow-y: auto; overscroll-behavior-y: contain; }
  .inline-model h3 { flex-shrink: 0; font-size: 24px; line-height: 1.35; letter-spacing: -.04em; word-break: keep-all; overflow-wrap: break-word; }
  .inline-model > p { flex-shrink: 0; margin: 9px 0 14px; font-size: 14px; line-height: 1.55; word-break: keep-all; }
  .inline-model > input { min-height: 52px; padding: 14px; border-radius: 12px; font-size: 16px; }
  .inline-model-list { flex: 1 0 144px; min-height: 144px; max-height: 320px; margin: 10px 0; overscroll-behavior-y: contain; scroll-padding-block: 8px; }
  .inline-model-row { min-height: 52px; padding: 13px 10px; gap: 12px; font-size: 17px; line-height: 1.4; }
  .inline-model-row > span:first-child { min-width: 0; overflow-wrap: anywhere; }
  .inline-model-row > span:last-child { flex-shrink: 0; }
  .inline-model-empty { padding: 16px 10px; font-size: 14px; line-height: 1.6; }
  .inline-model-actions { position: sticky; bottom: 0; z-index: 1; flex-shrink: 0; flex-direction: column-reverse; align-items: stretch; gap: 4px; padding: 10px 0 6px; background: #fff; }
  .inline-model-actions button { min-height: 48px; padding: 12px; font-size: 15px; line-height: 1.4; word-break: keep-all; }
  .inline-model-actions button[type='submit'] { border-radius: 12px; }
  .mobile-keyboard-open #brand-workspace { height: min(360px, calc(100dvh - 96px)); }
  .mobile-keyboard-compact #brand-workspace { height: 260px; }
  .mobile-keyboard-open .inline-heading { min-height: 48px; }
  .mobile-keyboard-open .inline-heading button { min-height: 44px; }
  .mobile-keyboard-open .inline-model { padding-top: 12px; }
  .mobile-keyboard-open .inline-model h3 { font-size: 22px; }
  .mobile-keyboard-open .inline-model > p { display: none; }
  .mobile-keyboard-open .inline-model-list { flex: 0 0 112px; min-height: 112px; }
  .mobile-keyboard-open .inline-model-actions { position: static; }
  .photo-card { min-height: 76px; padding: 14px 16px; gap: 12px; border-radius: 14px; }
  .photo-copy strong { font-size: 13px; line-height: 1.5; word-break: keep-all; }
  .photo-copy > span { font-size: 14px; line-height: 1.5; }
  html:not([lang='ko']) #brand-workspace .section-heading h2,
  html:not([lang='ko']) .inline-model h3,
  html:not([lang='ko']) .inline-model > p,
  html:not([lang='ko']) .inline-model-actions button,
  html:not([lang='ko']) .photo-copy strong { word-break: normal; overflow-wrap: anywhere; }
}
@media (max-width: 760px) and (max-height: 560px), (max-width: 1000px) and (max-height: 500px) and (pointer: coarse) {
  .inline-heading { min-height: 48px; }
  .inline-heading button { min-height: 44px; }
  .inline-model { padding-top: 12px; }
  .inline-model h3 { font-size: 22px; }
  .inline-model > p { display: none; }
  .inline-model-list { flex: 0 0 112px; min-height: 112px; }
  .inline-model-actions { position: static; }
}