@media (min-width:880px) and (min-height:720px){
  .app:not(.home-app){width:min(1180px,100%);height:100dvh;min-height:0;padding:14px 28px 88px;overflow:hidden}
  .app:not(.home-app) .internal-topbar{margin-bottom:0}
  .app:not(.home-app) .screen-head{margin:2px 0 14px}
  .app:not(.home-app)+.bottom-nav{bottom:10px;width:min(calc(100% - 88px),1360px);grid-template-columns:repeat(4,1fr);padding:7px 18px 8px;border:1px solid #49556c99;border-radius:22px;background:#0d1321ed}
  .app:not(.home-app)+.bottom-nav .mobile-scanner-nav{display:none}
  .app:not(.home-app)+.bottom-nav button{min-height:58px;padding-bottom:9px}

  .app:has(.create-entries) .create-entries{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app:has(.create-entries) .section-title{margin:20px 0 10px}
  .app:has(.create-entries) .template-strip button{padding:14px 8px}

  .app:has(.grid .type-card) .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .app:has(.grid .type-card) .type-card{min-height:118px}

  .app:has(.need-list) .need-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .app:has(.need-list)>.muted{margin:0 0 12px}
  .app:has(.need-list) .action-card{min-height:86px;padding:14px 18px}

  .app:has(.business-banner) .business-banner{margin-bottom:12px;padding:16px 20px}
  .app:has(.business-banner) .need-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .app:has(.business-banner) .need-actions button{min-height:76px}

  .app:has(#qrForm) #qrForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  .app:has(#qrForm) #qrForm>.field{margin-bottom:12px}
  .app:has(#qrForm) #qrForm>.button{grid-column:1/-1}

  .app:has(#templateForm){display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:24px}
  .app:has(#templateForm)>.topbar,.app:has(#templateForm)>.screen-head{grid-column:1/-1}
  .app:has(#templateForm)>.poster{grid-column:1;grid-row:3/5;width:100%;min-height:390px;max-height:520px;margin:0}
  .app:has(#templateForm)>#templateForm{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 14px}
  .app:has(#templateForm)>#templateForm>.field{margin-bottom:10px}
  .app:has(#templateForm)>#templateForm>.button{grid-column:1/-1}
  .app:has(#templateForm)>.pro-tools{grid-column:2;grid-row:4;margin:10px 0 0;padding:12px 15px}
  .app:has(#templateForm)>.pro-tools>div{margin-top:8px}

  .app:has(.settings-card .version){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:0 14px}
  .app:has(.settings-card .version)>.topbar,.app:has(.settings-card .version)>.screen-head{grid-column:1/-1}
  .app:has(.settings-card .version)>.settings-card{margin:0;align-self:start;min-height:170px}

  .app:has(.gallery-picker) .gallery-picker{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto auto;align-items:center;gap:8px 28px;text-align:left}
  .app:has(.gallery-picker) .gallery-visual{grid-column:1;grid-row:1/5;margin:0;min-height:390px}
  .app:has(.gallery-picker) .gallery-picker h2,.app:has(.gallery-picker) .gallery-picker p,.app:has(.gallery-picker) .gallery-picker label{grid-column:2}
  .app:has(.gallery-picker) .privacy-note{text-align:left;margin:8px 0}

  .app:has(.session-code) .qr-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);grid-template-rows:auto auto 1fr auto auto auto;align-items:center;align-content:start;gap:8px 28px;text-align:left}
  .app:has(.session-code) .qr-wrap>.eyebrow,.app:has(.session-code) .qr-wrap>.status-title,.app:has(.session-code) .qr-wrap>.muted,.app:has(.session-code) .qr-wrap>.expiry,.app:has(.session-code) .qr-wrap>#cancelShare{grid-column:1}
  .app:has(.session-code) .qr-wrap>.qr{grid-column:2;grid-row:1/4;width:min(100%,250px);justify-self:center}
  .app:has(.session-code) .qr-wrap>.preview{grid-column:2;grid-row:1/4;max-height:220px;margin:0}
  .app:has(.session-code) .session-code{grid-column:2;grid-row:4/6;justify-self:center}
  .app:has(.session-code) #cancelShare{width:100%}

  .app:has(.progress-ring):not(:has(#receiveTitle)) .qr-wrap{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);grid-template-rows:auto auto auto auto;align-items:center;gap:8px 32px;text-align:left}
  .app:has(.progress-ring):not(:has(#receiveTitle)) .transfer-logo{grid-column:1;grid-row:1/5;width:180px;margin:auto}
  .app:has(.progress-ring):not(:has(#receiveTitle)) .eyebrow,.app:has(.progress-ring):not(:has(#receiveTitle)) .status-title,.app:has(.progress-ring):not(:has(#receiveTitle)) .progress-ring,.app:has(.progress-ring):not(:has(#receiveTitle)) #speed,.app:has(.progress-ring):not(:has(#receiveTitle)) #cancelShare{grid-column:2}
  .app:has(.progress-ring):not(:has(#receiveTitle)) .progress-ring{margin:12px 0}

  .app:has(#receiveTitle){width:min(1180px,100%)}
  .app:has(#receiveTitle)>.topbar{min-height:42px}
  .app:has(#receiveTitle)>.topbar .brand-lockup{width:92px}
  .app:has(#receiveTitle) .qr-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);grid-template-rows:auto auto auto auto auto auto;align-content:center;align-items:center;gap:8px 34px;text-align:left;min-height:calc(100dvh - 150px)}
  .app:has(#receiveTitle) .transfer-logo{display:none}
  .app:has(#receiveTitle) .eyebrow{grid-column:1;grid-row:1}
  .app:has(#receiveTitle) #receiveTitle{grid-column:1;grid-row:2}
  .app:has(#receiveTitle) .progress-ring{grid-column:1;grid-row:3;margin:12px 0}
  .app:has(#receiveTitle) #speed{grid-column:1;grid-row:4;margin:0}
  .app:has(#receiveTitle) #download{grid-column:1;grid-row:5;width:100%;margin-top:8px}
  .app:has(#receiveTitle) .receive-exit{grid-column:1;grid-row:6;width:100%;padding:10px 16px}
  .app:has(#receiveTitle) #receivedPreview{grid-column:2;grid-row:1/5;align-self:stretch;max-height:390px;margin:0;background:#0c1626}
  .app:has(#receiveTitle) .received-file-card{grid-column:2;grid-row:5/7;display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#122136,#0e1929)}
  .app:has(#receiveTitle) .received-file-card b,.app:has(#receiveTitle) .received-file-card small{display:block;word-break:break-word}
  .app:has(#receiveTitle) .received-file-card small{margin-top:4px;color:var(--muted)}
  .app:has(#receiveTitle) .received-file-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:16px;background:#172b42;color:var(--cyan);font-size:1.5rem}
  .app:has(#receiveTitle) .preview[hidden]+#download[hidden]~.received-file-card{grid-row:1/7;align-self:center}

  .app:has(.history-item){height:auto;min-height:100dvh;overflow:visible}
}

@media (max-width:879px), (max-height:719px){
  .received-file-card{display:none}
}