.mobile-actions,.mobile-share-guide{display:none}
.preview-enlarge{margin-top:10px;width:100%;font-size:13px}
.sheet-zoom{max-width:95vw;width:1100px;max-height:90dvh;border:1px solid #b7c6ab;border-radius:14px;padding:16px;background:#fffefa;color:#344d40}
.sheet-zoom::backdrop{background:#25332dcc}.sheet-zoom>button{float:right;min-height:44px}.sheet-zoom p{font-size:12px;margin:12px 70px 20px 0}.sheet-zoom>div{overflow:auto;max-height:75dvh}.sheet-zoom img{display:block;max-width:none;width:auto;height:auto}
.business-density{display:block;margin-bottom:14px;font-weight:bold}
.business-density select{display:block;width:100%;padding:10px;margin:6px 0;font:inherit;background:white;color:#344d40;border:1px solid #b8c5ab;border-radius:8px}
.business-density small{display:block;font-weight:normal}
.preview,.editor{scroll-margin-top:12px;min-width:0}
.format-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.format-options button{padding:11px 5px}
.format-options small{display:block;margin:4px 0 0}
@media(max-width:800px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .workspace,.editor,.preview,.canvas-wrap,.two-col>label{min-width:0;max-width:100%;box-sizing:border-box}
  .editor{padding:16px}
  input:not([type=file]),textarea,select,.writing-template select{font-size:16px!important}
  button,.upload-button,.format-options button,.share-buttons a,.job-picker summary{min-height:44px;box-sizing:border-box}
  .races{grid-template-columns:repeat(3,minmax(0,1fr))}
  .race{font-size:12px}.race img{width:58px;height:58px}
  .gender-options button{flex:1;min-width:0}
  .two-col{grid-template-columns:minmax(0,1fr)}
  .themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .theme b{font-size:11px}.theme small{font-size:10px}
  .upload-row{flex-wrap:wrap}.upload-button{display:flex;align-items:center}
  .section-head{flex-wrap:wrap;gap:8px;font-size:10px}
  .preview-footer{flex-wrap:wrap;gap:6px}.share-help{padding:15px}
  .mobile-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:6px;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fffefaee;border-top:1px solid #cbd6c3;padding:9px 10px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #344d4018}
  .mobile-actions button{font-size:12px;font-weight:bold;padding:9px 4px}
  .mobile-share-guide{display:block;background:#fff9e9;border-radius:8px;padding:12px;line-height:1.8;font-size:13px!important}
  .mobile-share-guide small{font-size:11px}
  .share-steps{display:none}
  .extra-links{padding:12px}.extra-links legend small{display:block;margin:3px 0}
  .job-picker #jobs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editor-bottom{flex-wrap:wrap}.editor-bottom span{flex-basis:100%;font-size:11px}
}
