/* Keep the complete Mac composition on phones, with a real, tappable focus
   demonstration. The app canvas is fitted inside the frame, never cropped. */
@media(max-width:760px), (max-width:1000px) and (max-height:500px){
 #craft .craft-phone-preview{display:none!important}
 #craft .craft-workspace{display:block!important;width:100%;max-width:none;margin-inline:0}
 #craft .craft-workspace .responsive-view-controls,
 #craft .craft-workspace>figcaption{display:none!important}
 #craft .craft-responsive-viewport{width:100%;overflow:hidden;border-radius:9px;scrollbar-width:none;overscroll-behavior:auto}
 #craft .craft-live{display:block;width:100%;min-width:0;max-width:100%;height:auto;aspect-ratio:1440/903;margin:0;border-radius:9px;pointer-events:none}
 #craft .craft-instruction{min-height:96px;margin-bottom:20px}
 #craft .craft-before{max-width:100%;gap:12px}
 #craftPrompt{font:18px/1.45 var(--serif);color:#494337}
 #craftEscape{min-height:44px;font-size:14px;gap:10px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 #craftEscape kbd{font-size:13px}
 #craft .craft-quiet-line{font-size:23px;line-height:1.3;max-width:24ch}
 #craft .craft-restore{min-height:44px;height:44px;margin-top:10px}
 #craftRestore{min-height:44px;font-size:13px;padding:10px 4px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
}