/* AllFileOne v2.0.0 — mobile UX guardrails */
:root{--cm-mobile-safe-bottom:env(safe-area-inset-bottom,0px)}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;min-width:0}
img,canvas,svg,video{max-width:100%}
input,select,textarea,button{max-width:100%;font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
.cm-mobile-only{display:none!important}
.cm-mobile-collapse-toggle{display:none}
.cm-mobile-overflow-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:760px){
  body{padding-bottom:calc(76px + var(--cm-mobile-safe-bottom))}
  .container,.special-shell,.workspace-shell,.cm-instant-container,.cm-static-seo-inner{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
  .converter-page,.special-shell{padding-top:14px}
  .panel,.summary,.preview-section,.status-section,.report-section,.workspace-card{border-radius:14px!important;padding:16px!important;margin-top:14px!important}
  .header-row,.section-head,.format-settings-head,.preview-toolbar,.toolbar,.page-toolbar,.result-item,.modal-head{min-width:0}
  .header-row,.section-head{gap:10px}
  h1{font-size:clamp(24px,7vw,32px);line-height:1.2;overflow-wrap:anywhere}
  h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
  h3{overflow-wrap:anywhere}
  p,li,.note,.action-copy{overflow-wrap:anywhere}
  button,.header-btn,.primary-btn,.secondary-btn,.ghost-btn,.convert-btn,.native-picker-button,.icon-btn{min-height:46px;min-width:44px}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{min-height:46px;font-size:16px!important}
  input[type=checkbox],input[type=radio]{width:22px;height:22px;flex:0 0 22px}
  .options-grid,.format-settings-grid,.summary-grid,.report-grid,.help-grid,.purpose-presets,.trust-strip{grid-template-columns:1fr!important}
  .option-group,.field,.format-field,.format-check-field{min-width:0}
  .quality-row,.inline-row,.color-row,.selection-actions,.toolbar-controls,.smart-actions,.header-actions,.pdf-action-buttons,.file-actions,.result-actions{flex-wrap:wrap}
  .quality-row>*:not(input[type=range]),.inline-row>*{max-width:100%}
  .header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .header-actions>*{width:100%}
  .upload-box,.drop-zone,.pdf-upload-zone{padding:24px 14px!important;min-height:210px}
  .upload-icon{font-size:40px}
  .native-picker-row{width:100%}
  .native-picker-button,.native-file-control{width:100%!important}
  .preview-list,.page-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .file-card>img{height:128px}
  .card-actions,.page-card-actions{grid-template-columns:1fr 1fr!important}
  .card-actions button,.page-card-actions button{min-height:44px;font-size:13px}
  .pdf-file-row,.merge-file-card{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important}
  .file-actions{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .file-actions button{width:100%}
  .range-label{width:100%;flex-direction:column;align-items:stretch!important}
  .range-label input{width:100%!important;min-width:0!important}
  .history-item{grid-template-columns:1fr!important}
  .compare-grid{grid-template-columns:1fr!important}
  .modal{padding:8px!important;align-items:end}
  .modal-card{width:100%!important;max-height:88dvh!important;border-radius:18px 18px 0 0!important;padding-bottom:calc(18px + var(--cm-mobile-safe-bottom))!important}
  .cm-mobile-only{display:initial!important}
  .cm-mobile-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;padding:8px 11px;min-height:40px;border:1px solid var(--line,#d0d5dd);border-radius:10px;background:var(--surface,#fff);color:var(--text,#111827);font-weight:800}
  .cm-mobile-collapsible.cm-mobile-collapsed>:not(.section-head):not(.cm-mobile-collapse-toggle){display:none!important}
  #actionPanel:not(.hidden),.action-section:not([hidden]){position:fixed!important;left:0;right:0;bottom:0;z-index:900;margin:0!important;padding:10px 12px calc(10px + var(--cm-mobile-safe-bottom))!important;border-radius:0!important;border-top:1px solid var(--line,#dbe3ef)!important;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent)!important;backdrop-filter:blur(12px);box-shadow:0 -8px 28px rgba(15,23,42,.16)}
  #actionPanel .pdf-action-buttons,.action-section{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #actionPanel .action-copy{display:none}
  #actionPanel button,.action-section button{width:100%!important;min-height:50px!important}
  .cm-static-seo-content{content-visibility:auto;contain-intrinsic-size:900px}
  .cm-seo-related-grid{grid-template-columns:1fr!important}
  .cm-mobile-overflow-wrap,table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:420px){
  .preview-list,.page-thumbnail-grid{grid-template-columns:1fr!important}
  .header-actions{grid-template-columns:1fr!important}
  .file-card>img{height:180px}
  .card-actions,.page-card-actions,.file-actions{grid-template-columns:1fr!important}
  .panel,.summary,.preview-section,.status-section,.report-section,.workspace-card{padding:14px!important}
}

@media(pointer:coarse){
  button,a[role=button],summary,label[for]{-webkit-tap-highlight-color:transparent}
  summary{min-height:44px;display:flex;align-items:center}
}
