@media(max-width:680px){
  .header-inner{padding:14px 14px 0}
  .brand{font-size:19px}
  .site-header nav{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    flex:0 0 calc(100% + 28px);
    margin-inline:-14px;
    overflow:visible;
    scrollbar-width:none
  }
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{
    justify-content:center;
    min-width:0;
    padding:12px 3px 10px;
    white-space:normal;
    text-align:center;
    font-size:12px;
    line-height:1.2
  }
}

@media(max-width:760px){
  .tool-page button,
  .tool-page .choose-button,
  .tool-page a[class*="download"]{
    min-height:44px;
    max-width:100%;
    font-size:14px!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-indent:0!important;
    -webkit-text-fill-color:currentColor;
    overflow-wrap:anywhere
  }
  .tool-page .choose-button,
  .tool-page .convert-button,
  .tool-page .result-download,
  .tool-page .combine-download,
  .tool-page .code-actions .primary{color:#fff!important}
  .tool-page select,
  .tool-page input,
  .tool-page textarea{font-size:16px}
  .editor-toolbar{scrollbar-width:none}
  .editor-toolbar::-webkit-scrollbar{display:none}
}