@media (max-width: 700px) {
  :is(.book-cover-studio,.back-cover-studio,.print-cover-studio,.isbn-studio,.cover-template-library) {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    margin: auto;
    padding: 12px;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scroll-padding-top: 70px;
  }
  :is(.cover-heading,.back-cover-studio header,.print-cover-studio header,.isbn-studio header,.cover-template-library header) {
    position: sticky;
    top: -12px;
    z-index: 2;
    background: var(--ui-surface);
    padding: 10px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--line);
  }
  :is(.cover-heading,.back-cover-studio header,.print-cover-studio header,.isbn-studio header,.cover-template-library header) h2 {
    font-size: 21px;
    margin: 0;
    min-width: 0;
    line-height: 1.2;
  }
  :is(.book-cover-studio,.back-cover-studio,.print-cover-studio,.isbn-studio,.cover-template-library) button {
    min-height: 44px;
    font-size: 16px;
    white-space: normal;
    overflow-wrap: anywhere;
    max-width: 100%;
    touch-action: manipulation;
  }
  :is(.cover-heading,.back-cover-studio header,.print-cover-studio header,.isbn-studio header,.cover-template-library header) button {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
  }
  :is(.cover-fields,.back-fields,.wrap-fields,.isbn-studio) :is(input:not([type=checkbox]),select,textarea) {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    font-size: 16px;
    box-sizing: border-box;
  }
  :is(.cover-fields,.back-fields,.wrap-fields) label { min-width: 0; }
  .cover-columns { grid-template-columns: 1fr; gap: 12px; }
  .cover-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cover-actions button { width: 100%; }
  .book-cover-studio canvas { max-height: 42dvh; }
  .back-cover-studio canvas { max-height: 45dvh; }
  .print-cover-studio > button,.back-cover-studio > button { width: 100%; margin: 5px 0; }
  .wrap-preflight { margin: 10px 0; font-size: 14px; line-height: 1.5; }
  .wrap-preflight summary { min-height: 44px; display: list-item; cursor: pointer; }
  .wrap-preflight ul { padding-left: 20px; }
  .wrap-dimensions,.wrap-status { overflow-wrap: anywhere; }
  .template-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .template-grid h3 { min-height: 0; font-size: 16px; }
  .template-grid article { min-width: 0; }
}
@media (max-width: 430px) {
  .back-fields,.wrap-fields { grid-template-columns: 1fr; }
  .isbn-colours { grid-template-columns: 1fr; gap: 8px; }
  .isbn-colours label { grid-template-columns: 1fr 72px; align-items: center; }
  .isbn-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .isbn-actions button { width: 100%; }
  .template-grid { grid-template-columns: 1fr; }
}