/* Shared visual polish for Rosconvert utility tool pages. */
body .utility-page{max-width:980px!important;margin:0 auto!important}
body .utility-page__head{margin:0 0 22px!important;padding:22px 24px!important;border:1px solid #e5e8f1!important;border-radius:18px!important;background:linear-gradient(135deg,#fbfcff 0%,#f5f7ff 100%)!important;box-shadow:0 10px 28px rgba(38,51,92,.055)!important}
body .utility-page__eyebrow{margin-bottom:10px!important;padding:6px 10px!important;border-radius:999px!important;background:#e9edff!important;color:#5363cf!important;font-size:11px!important;font-weight:800!important;letter-spacing:.055em!important}
body .utility-page h1{margin:0 0 10px!important;color:#2d3550!important;font-size:clamp(30px,3.6vw,42px)!important;line-height:1.12!important;letter-spacing:-.025em!important}
body .utility-page__lead{max-width:760px!important;color:#6d768b!important;font-size:15.5px!important;line-height:1.62!important}

body .utility-page__panel{padding:24px!important;border:1px solid #e3e7f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 32px rgba(38,51,92,.07)!important}
body .utility-page__drop{display:flex!important;align-items:center!important;gap:16px!important;min-height:132px!important;padding:22px!important;border:2px dashed #cbd2e5!important;border-radius:15px!important;background:#fafbfe!important;color:#626d82!important;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease!important}
body .utility-page__drop:hover,body .utility-page__drop.is-dragging{border-color:#7c89e2!important;background:#f5f7ff!important;box-shadow:0 0 0 4px rgba(101,116,236,.07)!important;transform:translateY(-1px)!important}
body .utility-page__drop-icon{display:grid!important;place-items:center!important;flex:0 0 58px!important;width:58px!important;height:58px!important;border-radius:14px!important;background:#e9edff!important;color:#5363d0!important;font-size:24px!important;font-weight:800!important}
body .utility-page__drop strong{margin-bottom:5px!important;color:#30384d!important;font-size:16px!important;font-weight:800!important}
body .utility-page__drop-copy>div{color:#7b8496!important;font-size:13px!important;line-height:1.5!important}
body .utility-page__filename{display:inline-block!important;max-width:100%!important;margin-top:9px!important;padding:5px 9px!important;border-radius:7px!important;background:#eef1ff!important;color:#5262cd!important;font-size:12px!important;font-weight:750!important;overflow-wrap:anywhere!important}

body .utility-page__fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}
body .utility-page__field{gap:7px!important}
body .utility-page__field>span,body .utility-page__check span{color:#414a60!important;font-size:12.5px!important;font-weight:750!important}
body .utility-page__field input,body .utility-page__field select{min-height:46px!important;padding:10px 12px!important;border:1px solid #d7dce8!important;border-radius:9px!important;background:#fff!important;color:#30384d!important;font-size:14px!important;box-shadow:0 1px 2px rgba(37,48,76,.025)!important}
body .utility-page__field input:hover,body .utility-page__field select:hover{border-color:#c6ccdd!important}
body .utility-page__field input:focus,body .utility-page__field select:focus{border-color:#7b88e1!important;box-shadow:0 0 0 4px rgba(101,116,236,.08)!important}
body .utility-page__range{min-height:46px!important;padding:0 12px!important;border:1px solid #d7dce8!important;border-radius:9px!important;background:#fff!important}
body .utility-page__range input[type="range"]{min-height:auto!important;padding:0!important;border:0!important;box-shadow:none!important}
body .utility-page__range output{min-width:34px!important;color:#5262cd!important;font-size:13px!important;font-weight:800!important;text-align:right!important}
body .utility-page__check{min-height:46px!important;margin-top:20px!important;padding:11px 12px!important;border:1px solid #d7dce8!important;border-radius:9px!important;background:#fafbfe!important}
body .utility-page__check input[type="checkbox"]{width:18px!important;height:18px!important;accent-color:#6574ec!important}

body .utility-page__button{min-height:52px!important;margin-top:20px!important;padding:13px 20px!important;border-radius:10px!important;background:#6574ec!important;font-size:15.5px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(101,116,236,.18)!important;transition:background .15s ease,transform .12s ease,box-shadow .15s ease!important}
body .utility-page__button:hover{background:#5666dc!important;transform:translateY(-1px)!important;box-shadow:0 9px 22px rgba(101,116,236,.22)!important}
body .utility-page__processing{display:none!important;margin-top:12px!important;padding:11px 13px 11px 40px!important;border:1px solid #d9def5!important;border-radius:10px!important;background:#f6f7ff!important;color:#4c59a7!important;font-size:13px!important;font-weight:650!important;position:relative!important}
body .utility-page__processing.is-visible{display:block!important}
body .utility-page__processing::before{content:""!important;position:absolute!important;left:14px!important;top:50%!important;width:16px!important;height:16px!important;margin-top:-8px!important;border:2px solid #d4d9f4!important;border-top-color:#6070dd!important;border-radius:50%!important;animation:utility-page-spin .75s linear infinite!important}
body .utility-page__notice{margin-top:11px!important;color:#8a92a2!important;font-size:12px!important;line-height:1.55!important;text-align:center!important}
body .utility-page__error{margin-bottom:16px!important;padding:12px 14px!important;border-radius:10px!important;font-size:13px!important;font-weight:650!important}
body .utility-page__about{margin-top:24px!important;padding:18px 20px!important;border:1px solid #e8eaf0!important;border-radius:14px!important;background:#fbfcfe!important}
body .utility-page__about h2{margin:0 0 7px!important;color:#35405a!important;font-size:19px!important}
body .utility-page__about p{color:#737d91!important;font-size:14px!important}

body .utility-crop{margin-top:20px!important;padding:16px!important;border-radius:12px!important;background:#f8f9fd!important}
body .utility-crop__reset{min-height:38px!important;padding:8px 12px!important;border-radius:8px!important}
body .utility-crop__viewport{border-radius:9px!important}

@keyframes utility-page-spin{to{transform:rotate(360deg)}}

@media(max-width:700px){
  body .utility-page{max-width:none!important}
  body .utility-page__head{margin-bottom:16px!important;padding:18px 16px!important;border-radius:15px!important;text-align:center!important}
  body .utility-page__eyebrow{margin-bottom:9px!important}
  body .utility-page h1{font-size:29px!important;line-height:1.13!important}
  body .utility-page__lead{margin-left:auto!important;margin-right:auto!important;font-size:14.5px!important;line-height:1.55!important}
  body .utility-page__panel{padding:14px!important;border-radius:15px!important;box-shadow:0 7px 22px rgba(38,51,92,.055)!important}
  body .utility-page__drop{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;min-height:112px!important;padding:16px!important;border-radius:12px!important;text-align:left!important}
  body .utility-page__drop-icon{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;border-radius:12px!important;font-size:21px!important}
  body .utility-page__drop strong{font-size:15px!important}
  body .utility-page__drop-copy>div{font-size:12.5px!important}
  body .utility-page__fields{grid-template-columns:1fr!important;gap:12px!important;margin-top:16px!important}
  body .utility-page__field input,body .utility-page__field select,body .utility-page__range{min-height:48px!important;font-size:16px!important}
  body .utility-page__check{min-height:50px!important;margin-top:16px!important}
  body .utility-page__button{min-height:54px!important;margin-top:16px!important;font-size:16px!important}
  body .utility-page__notice{text-align:left!important}
  body .utility-page__about{margin-top:18px!important;padding:16px!important}
  body .utility-crop{padding:11px!important}
}

@media(prefers-reduced-motion:reduce){
  body .utility-page__processing::before{animation:none!important}
  body .utility-page__drop,body .utility-page__button{transition:none!important}
}


/* Selected/uploading states and long-file handling. */
body .utility-page__drop.has-files{border-style:solid!important;border-color:#bcc6ef!important;background:#f8f9ff!important}
body .utility-page__drop.has-files .utility-page__drop-icon{background:#dfe5ff!important;color:#4658cf!important}
body .utility-page__drop-copy{min-width:0!important}
body .utility-page__filename{display:block!important;width:fit-content!important;max-width:100%!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important}
body .utility-page__button:disabled{transform:none!important;box-shadow:none!important}
body .utility-page__panel[aria-busy="true"] .utility-page__drop,
body .utility-page__panel[aria-busy="true"] .utility-page__fields{opacity:.72!important}
@media(max-width:700px){
  body .utility-page__filename{width:100%!important;padding:7px 9px!important;line-height:1.35!important}
  body .utility-page__field>span,body .utility-page__check span{font-size:13.5px!important}
  body .utility-page__check{align-items:center!important}
}