/* Design audit: retain the existing palette and layout, improve task clarity and readability. */
:root{--orange:#b94324;--muted:#62685e}
.header{height:90px}
.header nav{font-size:14px}
.header nav a,.language{min-height:44px;display:inline-flex;align-items:center}
.hero{padding-top:50px}
.hero h1{font-size:clamp(38px,5.8vw,70px);letter-spacing:-3px;line-height:1.13;margin:21px 0 23px;text-wrap:balance}
.hero h1>span{color:var(--orange)}
.hero-copy{font-size:17px;max-width:690px;line-height:1.8;text-wrap:pretty}
.eyebrow{font-size:11px;letter-spacing:1.4px}
.downloader{max-width:790px;padding:0 25px 20px;margin-top:28px;box-shadow:0 4px 0 #e7e7de80,0 12px 30px #23291c06}
.tool-tabs{gap:28px;height:60px;margin-bottom:20px;font-size:14px}
.tool-tabs a{font-size:13px;min-height:44px}
.input-label{display:block;text-align:left;font-size:13px;font-weight:600;margin-bottom:10px}
.input-row input{font-size:16px;padding:18px 12px}
.input-icon{margin-left:14px}
.paste{min-height:44px;min-width:70px;font-size:12px;padding:10px;white-space:nowrap;flex-shrink:0}
.paste .icon{width:16px;height:16px}
.primary{font-size:14px;min-height:56px;padding:17px 21px}
.primary:hover{background:#993719}
.link-help{font-size:12px;text-align:left;color:var(--muted);margin-top:11px;line-height:1.7}
.tool-note{font-size:12px;margin-top:16px;padding-top:14px;border-top:1px solid #eeeee8}
.permission{font-size:12px;max-width:720px;line-height:1.75}
.benefits{font-size:12px;gap:27px;margin-top:5px;padding:27px 0 30px}
.breadcrumbs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:-16px 0 24px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.section-top>p,.step p,.format-card p,.quality-copy>p:not(.eyebrow),.faq>div>p:not(.eyebrow){font-size:14px}
.step h3,.format-card h3{font-size:19px}
.step p{line-height:1.85}
.quality-copy>p.fine-print{font-size:12px}
.quality-copy ul{font-size:14px}
.format-card>span{font-size:13px}
.format-detail{max-width:920px;margin-top:42px}
.format-detail>p:not(.eyebrow),.format-tips{font-size:16px;line-height:1.85;color:var(--muted)}
.format-tips{padding-left:23px;display:grid;gap:12px;margin:22px 0 0}
.faq summary{font-size:15px;padding:22px 0}
.faq details p{font-size:14px;line-height:1.85}
.footer-links{font-size:13px;gap:20px}
.footer-links a{min-height:44px;display:flex;align-items:center}
.footer-top>div>p{font-size:13px}
.footer-bottom{font-size:11px;line-height:1.6;flex-wrap:wrap}
#form-status{font-size:14px;padding:12px 14px;border-radius:7px;background:#f0f4ea}
#form-status.error{background:#fff0e9;color:#96331c;border-left:3px solid #b94324}
.results{max-width:790px}
.results>p,.media-info p{font-size:13px}
.result-heading button{min-height:44px;font-size:13px}
.media-info h3{font-size:17px}
#result-title:focus{outline:2px solid var(--orange);outline-offset:5px;border-radius:3px}
@media(min-width:1400px){.hero{padding-top:58px}.hero h1{font-size:76px}}
@media(max-width:900px){.header nav{font-size:12px;gap:20px}.hero h1{font-size:55px}.footer-bottom{font-size:11px}}
@media(max-width:650px){
  .header{height:76px}.header nav{top:76px;left:20px;right:20px;height:46px;font-size:11px;gap:10px}
  .header nav a{min-height:44px}.language{font-size:12px;min-height:40px}
  .hero{padding-top:29px}.hero h1{font-size:clamp(32px,8.7vw,48px);letter-spacing:-1.5px;line-height:1.18;margin:18px 0 20px}
  body[data-lang=zh] .hero h1{letter-spacing:-1px;font-size:clamp(29px,7.8vw,42px)}
  .hero-copy{font-size:15px;line-height:1.8}.eyebrow{font-size:10px}
  .downloader{padding:0 15px 18px;margin-top:22px}
  .tool-tabs{gap:0;justify-content:space-between;height:55px;margin-bottom:17px}
  .tool-tabs a{font-size:12px;gap:4px}.tool-tabs .icon{display:none}
  .input-label{font-size:13px}.input-row input{font-size:16px;padding:17px 8px}.input-icon{display:none}
  .paste{min-width:64px;padding:8px;min-height:44px}.primary{font-size:15px;min-height:54px}
  .link-help,.tool-note{font-size:12px}.permission{font-size:12px;text-wrap:pretty}
  .benefits{font-size:11px;gap:10px;flex-wrap:wrap;justify-content:center;padding:23px 0}.benefits span{gap:4px}
  .section-top>p{font-size:13px}.step{padding-left:68px}.step h3{font-size:18px}.step p{font-size:14px}
  h2{font-size:29px;line-height:1.3;text-wrap:balance}.quality-copy h2{font-size:34px}
  .quality-copy>p:not(.eyebrow),.quality-copy ul,.format-card p{font-size:14px}.quality-copy>p.fine-print{font-size:12px}
  .format-card{padding-left:74px}.format-card h3{font-size:18px}.format-card>span{font-size:13px}
  .faq summary{font-size:14px;line-height:1.7}.faq details p{font-size:14px}.faq>div>p:not(.eyebrow){font-size:14px}
  .footer-top{flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.footer-top>div>p{font-size:12px}
  .footer-bottom,.footer-bottom>span{font-size:11px}.footer-bottom>span:last-child{margin-left:0}
  .breadcrumbs{margin:0 0 18px;font-size:12px}.format-detail{margin-top:32px}.format-detail>p:not(.eyebrow),.format-tips{font-size:15px}
  #media-grid{grid-template-columns:1fr}.media-info{padding:16px}.media-info h3{font-size:17px}.media-info p{font-size:13px}.media-info .primary{font-size:14px;min-height:48px}
}