/* AllFileOne runtime support bundle v3.25.19. Generated from validated runtime UI styles. */

/* === Accessibility === */

/* AllFileOne accessibility completion layer */
:root{--cm-focus:#2563eb;--cm-focus-ring:0 0 0 3px rgba(37,99,235,.38)}
html[data-theme="dark"]{--cm-focus:#93c5fd;--cm-focus-ring:0 0 0 3px rgba(147,197,253,.42)}
:where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{outline:3px solid var(--cm-focus)!important;outline-offset:3px!important;box-shadow:var(--cm-focus-ring)!important}
:where(button,[role="button"],a.cm-button,a.btn,.button):disabled,[aria-disabled="true"]{cursor:not-allowed!important;opacity:.58!important}
.cm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cm-skip-link{position:fixed;left:12px;top:-80px;z-index:2147483747;padding:12px 16px;border-radius:10px;background:#111827;color:#fff;text-decoration:none;font-weight:800;transition:top .15s ease}
.cm-skip-link:focus{top:12px}
[aria-live]{overflow-wrap:anywhere}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media (forced-colors:active){:where(a,button,input,select,textarea,[role="button"]):focus-visible{outline:3px solid Highlight!important}.cm-skip-link{border:1px solid ButtonText}}

/* === Mobile runtime === */

/* AllFileOne v3.22.5 mobile runtime completion layer */
:root{--cm-vvh:100dvh;--cm-mobile-keyboard:0px}
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,video,canvas,svg,iframe,object,embed{max-width:100%;height:auto}
pre,code,.cm-file-name,.file-name,.result-name,.history-name{overflow-wrap:anywhere;word-break:break-word}
button,a[role="button"],input,select,textarea{min-width:0}
.cm-mobile-sticky-action{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:760px){
  body{min-height:var(--cm-vvh);padding-bottom:calc(88px + env(safe-area-inset-bottom,0px) + var(--cm-mobile-keyboard))!important}
  main,.main,.app,.page,.converter-page,.converter-shell,.workspace,.workspace-shell,.content,.content-wrap{min-width:0!important;max-width:100%!important}
  .grid,.row,.toolbar,.actions,.button-row,.result-actions,.download-actions,.recommendation-grid,.workflow-grid{min-width:0;max-width:100%}
  button,.btn,[role="button"],a.button,a.btn{min-height:48px!important;touch-action:manipulation}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea{width:100%!important;max-width:100%!important;font-size:16px!important}
  .cm-file-name,.file-name,.result-name,.history-name,.upload-file-name{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
  table{width:max-content;min-width:100%}
  .cm-table-scroll,.table-wrap,.table-wrapper{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .toast,.cm-toast,.notification,.cm-failure-recovery,.cm-batch-stability{left:12px!important;right:12px!important;width:auto!important;max-width:none!important}
  .modal,.dialog,.cm-dialog{padding:8px!important}
  .modal-card,.dialog-card,.cm-dialog-card{max-width:100%!important;max-height:calc(var(--cm-vvh) - 16px)!important;overflow:auto!important}
  .fixed-bottom,.sticky-bottom,.action-bar,.download-bar,.bottom-actions{left:0!important;right:0!important;bottom:0!important;width:100%!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
  .recommendation-grid,.cm-tool-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  .recommendation-grid,.cm-tool-grid,.workflow-grid{grid-template-columns:1fr!important}
  button,.btn,[role="button"],a.button,a.btn{width:100%}
  .inline-actions,.button-row,.result-actions,.download-actions{display:grid!important;grid-template-columns:1fr!important}
}
@media(pointer:coarse){button,a,[role="button"],label,summary{min-height:44px}}

/* AllFileOne v3.24.4 mobile real-use completion */
:root{--cm-mobile-edge:12px;--cm-mobile-action-height:64px}
@media(max-width:760px){
  html{scroll-padding-bottom:calc(var(--cm-mobile-action-height) + 24px + env(safe-area-inset-bottom,0px))}
  body{overscroll-behavior-x:none}
  :where(.container,.page-container,.converter-container,.main-container,.content-container,.converter-main,.pdf-container,.tool-container){width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--cm-mobile-edge)!important;padding-right:var(--cm-mobile-edge)!important}
  :where(.hero,.converter-header,.pdf-hero,.tool-hero,.workspace-header){min-width:0!important;overflow:hidden}
  :where(.modal,.dialog,.cm-dialog,[role="dialog"],dialog){max-width:calc(100vw - 16px)!important;max-height:calc(var(--cm-vvh) - 16px - env(safe-area-inset-bottom,0px))!important;margin:auto!important}
  :where(.modal-card,.dialog-card,.cm-dialog-card,.cm-tutorial-card,.cm-site-action-dialog-card){width:auto!important;max-width:100%!important;max-height:calc(var(--cm-vvh) - 24px - env(safe-area-inset-bottom,0px))!important;overflow:auto!important;overscroll-behavior:contain}
  .cm-tutorial-card{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;top:auto!important;width:auto!important;max-height:min(46vh,360px)!important;padding:14px!important;border-radius:16px!important}
  .cm-tutorial-card h2{font-size:1rem!important;line-height:1.35;margin:8px 0 5px!important}
  .cm-tutorial-card p{font-size:.88rem!important;line-height:1.45;margin:0 0 10px!important}
  .cm-tutorial-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .cm-tutorial-actions button{width:100%!important;min-height:42px!important;padding:8px 6px!important;font-size:.82rem!important}
  .cm-tutorial-target{scroll-margin-top:18px;scroll-margin-bottom:calc(min(46vh,360px) + 24px)}
  :where(.toolbar,.actions,.button-row,.result-actions,.download-actions,.cm-actions,.pdf-actions){gap:8px!important;flex-wrap:wrap!important}
  :where(.toolbar,.actions,.button-row,.result-actions,.download-actions,.cm-actions,.pdf-actions)>button,
  :where(.toolbar,.actions,.button-row,.result-actions,.download-actions,.cm-actions,.pdf-actions)>a{flex:1 1 150px;max-width:100%}
  :where(.file-row,.file-item,.upload-item,.queue-item,.result-row,.result-item,.history-item){min-width:0!important;max-width:100%!important;overflow:hidden}
  :where(.file-row,.file-item,.upload-item,.queue-item,.result-row,.result-item,.history-item)>*{min-width:0!important}
  :where(.file-name,.cm-file-name,.result-name,.upload-file-name,[data-file-name]){line-height:1.35;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important}
  :where(.fixed-bottom,.sticky-bottom,.action-bar,.download-bar,.bottom-actions,.cm-mobile-sticky-action){z-index:80!important;box-shadow:0 -8px 24px rgba(15,23,42,.12)}
  body.cm-keyboard-open :where(.fixed-bottom,.sticky-bottom,.action-bar,.download-bar,.bottom-actions,.cm-mobile-sticky-action){position:static!important;box-shadow:none!important}
}
@media(max-width:430px){
  :root{--cm-mobile-edge:10px}
  :where(.recommendation-grid,.cm-tool-grid,.workflow-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  :where(.recommendation-grid,.cm-tool-grid,.workflow-grid)>*{min-width:0!important}
  :where(.recommendation-grid,.cm-tool-grid,.workflow-grid) h3,
  :where(.recommendation-grid,.cm-tool-grid,.workflow-grid) strong{font-size:.9rem!important;overflow-wrap:anywhere}
  :where(.modal-card,.dialog-card,.cm-dialog-card) footer,
  :where(.modal-actions,.dialog-actions){display:grid!important;grid-template-columns:1fr!important}
}
html[data-theme="dark"] :where(.modal,.dialog,.cm-dialog,.modal-card,.dialog-card,.cm-dialog-card,.cm-tutorial-card){background:#111827!important;color:#f8fafc!important;border-color:#334155!important}
html[data-theme="dark"] :where(.modal,.dialog,.cm-dialog,.modal-card,.dialog-card,.cm-dialog-card,.cm-tutorial-card) :where(input,select,textarea){background:#0f172a!important;color:#f8fafc!important;border-color:#475569!important}