/* Compact, one-screen-first layout for phone browsers. */
.ait-camera-language{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px;color:var(--mint2)}
.ait-camera-language select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px;font-size:14px}
#ait-camera-toggle[hidden]{display:none}
#ait-camera-toggle[hidden]+#ait-scan{grid-column:1 / -1}
#ait-canvas:not([hidden]){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08100d}
.ait-viewfinder[hidden],#ait-camera-review[hidden]{display:none}
#ait-camera-review{margin-top:8px}
#ait-camera-review label{font-size:12px;color:var(--mint2)}
#ait-camera-review textarea{min-height:62px;height:72px;max-height:140px;font-size:16px;margin-top:4px}
#ait-camera-review button{margin-top:4px;padding:9px}
@media (max-height:950px),(max-width:520px){
  .ait-app{padding:calc(7px + env(safe-area-inset-top)) 10px calc(8px + env(safe-area-inset-bottom))}
  .ait-remote-output{min-height:86px;margin-bottom:7px;border-radius:16px}
  .ait-remote-output__inner{padding:9px 14px}
  .ait-remote-output__head{font-size:8px}
  .ait-remote-output__head button{padding:5px 8px;font-size:11px}
  .ait-remote-output p{margin-top:5px;font-size:clamp(17px,5vw,24px);line-height:1.15}
  .ait-header{min-height:34px;margin-bottom:7px}
  .ait-brand{gap:8px}
  .ait-brand__mark{width:34px;height:34px;border-radius:10px;font-size:17px}
  .ait-brand p{font-size:8px}
  .ait-brand h1{font-size:16px}
  .ait-icon-button{width:32px;height:32px;font-size:15px}
  .ait-language{grid-template-columns:1fr 42px 1fr;padding:3px;margin-bottom:6px;border-radius:13px}
  .ait-lang,.ait-swap{min-height:40px}
  .ait-lang span{font-size:13px}
  .ait-lang small{font-size:10px}
  .ait-swap{font-size:21px}
  .ait-tabs{margin-bottom:7px}
  .ait-tabs button{padding:8px 4px;font-size:12px}
  .ait-card,.ait-result{border-radius:17px}
  .ait-voice-card{padding:9px 10px}
  .ait-auto-listen{min-height:46px;padding:6px 10px;border-radius:12px}
  .ait-auto-listen__dot{width:10px;height:10px}
  .ait-auto-listen strong{font-size:12px}
  .ait-auto-listen small{font-size:9px;margin-top:1px}
  .ait-orb{width:76px;height:76px;margin:10px 0 7px}
  .ait-orb__mic{font-size:17px;box-shadow:0 14px 0 -6px #e9fff6}
  .ait-status{min-height:18px;margin:0 0 7px;font-size:12px}
  .ait-hold{min-height:52px;border-radius:13px}
  .ait-hold span{font-size:15px}
  .ait-hold small{font-size:10px;margin-top:1px}
  .ait-result{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(38px,auto) auto;column-gap:18px;row-gap:3px;margin-top:7px;padding:10px 12px}
  .ait-result>.ait-result__head:first-child{grid-column:1;grid-row:1}
  .ait-result>#ait-source{grid-column:1;grid-row:2}
  .ait-result>.ait-divider{position:absolute;left:50%;top:9px;bottom:9px;width:1px;height:auto;margin:0}
  .ait-result>.ait-divider+.ait-result__head{grid-column:2;grid-row:1}
  .ait-result>#ait-target{grid-column:2;grid-row:2}
  .ait-result>#ait-provider{grid-column:2;grid-row:3}
  .ait-result__head{font-size:9px;letter-spacing:.08em}
  .ait-result__head button{padding:4px 6px;margin-left:2px;font-size:10px}
  .ait-result p{margin:4px 0 0;font-size:12px;line-height:1.3}
  .ait-result .ait-result__translation{font-size:14px}
  .ait-provider{font-size:8px!important}
  .ait-privacy{display:none}
  .ait-camera{max-height:34vh;aspect-ratio:16/9;border-radius:15px}
  .ait-camera-actions{margin-top:7px;gap:7px}
  .ait-primary,.ait-secondary{padding:11px 8px;border-radius:12px;font-size:12px}
  .ait-camera-tip{margin-top:5px;font-size:10px}
  .ait-progress{min-height:14px;margin:5px 0 0;font-size:10px}
  .ait-panel textarea{min-height:26vh;max-height:34vh;padding:11px;border-radius:13px;font-size:14px}
  .ait-wide{margin-top:7px}
}
@media (max-height:680px){
  .ait-remote-output{min-height:68px}
  .ait-remote-output p{font-size:16px}
  .ait-brand p{display:none}
  .ait-orb{width:58px;height:58px;margin:6px 0 5px}
  .ait-orb__ring{inset:-5px}
  .ait-auto-listen{min-height:40px}
  .ait-status{margin-bottom:5px}
  .ait-hold{min-height:46px}
}