.input-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}
.input-row:focus-within{outline:3px solid #e9837025;border-color:var(--coral)}
.input-row button:disabled{cursor:wait;opacity:.65}
.input-row .clear-url{width:30px;height:30px;border:0;border-radius:50%;padding:0;margin-right:4px;color:var(--muted);font-size:20px}
.converter[aria-busy="true"]{opacity:.78}
.compatibility{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;font-size:9px;color:var(--muted)}
.compatibility b{border:1px solid #9eb09a;background:#edf3e9;color:#42603c;border-radius:20px;padding:4px 8px;font-size:8px}
.quality small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:500}
.quality:hover small{color:#ddd}
.archive-tools{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.archive-tools summary{cursor:pointer;list-style:none;padding:14px 28px 14px 2px;font:700 13px "Gowun Batang",serif;position:relative}
.archive-tools summary::-webkit-details-marker{display:none}
.archive-tools summary:after{content:"+";position:absolute;right:4px;top:9px;font:400 22px sans-serif}.archive-tools[open] summary:after{content:"–"}
.archive-tools summary small{margin-left:7px;color:var(--muted);font:500 8px "Noto Sans KR",sans-serif}
.archive-tools-body{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:7px;padding:0 0 12px}
.archive-tools-body button,.subtitle-tool select,.filename-option select{min-height:39px;border:1px solid var(--ink);background:#fff;color:var(--ink);padding:8px;font-size:9px}
.archive-tools-body button{cursor:pointer}.archive-tools-body button:hover:not(:disabled){background:var(--ink);color:#fff}.archive-tools-body button:disabled{opacity:.4;cursor:not-allowed}
.subtitle-tool{display:grid;grid-template-columns:minmax(0,1fr) auto}.subtitle-tool select{min-width:0;border-right:0}
.archive-tools>p{min-height:15px;margin:0 0 9px;color:var(--coral);font-size:9px}
.filename-option{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;font-size:9px;color:var(--muted)}.filename-option select{min-height:34px;padding:5px 8px}
.drawer-privacy{font-size:10px;line-height:1.7;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px}
.history-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:13px 0!important;border-bottom:1px solid var(--line)}
.history-item div{min-width:0}.history-item b,.history-item span{display:block}.history-item b{font:700 12px "Gowun Batang",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item span,.history-item time{font-size:8px;color:var(--muted)}
.history-item em{grid-column:2;grid-row:1;font-style:normal;font-size:8px;border:1px solid var(--line);border-radius:20px;padding:3px 7px}.history-item .status-success{color:#42603c;border-color:#9eb09a}.history-item .status-failed{color:#a64035;border-color:#d4a49e}
.history-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.history-actions button,.history-actions label{min-height:38px;border:1px solid var(--ink);background:#fff;display:grid;place-items:center;font-size:9px;cursor:pointer}.history-actions .clear{grid-column:1/-1}.history-actions input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;padding:75px 55px;margin-bottom:90px;border-top:1px solid var(--ink)}
.faq-heading>p{font-size:9px;letter-spacing:.22em;font-weight:700}
.faq-heading h2{font:700 clamp(28px,4vw,39px) "Gowun Batang",serif;margin:13px 0 10px}
.faq-heading span{font-size:11px;color:var(--muted)}
.faq-list{border-top:1px solid var(--ink)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}
.faq-list summary{list-style:none;cursor:pointer;padding:19px 36px 19px 0;font:700 14px "Gowun Batang",serif;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:4px;top:14px;font:400 23px "Noto Sans KR",sans-serif}
.faq-list details[open] summary:after{content:"–"}
.faq-list details p{margin:0;padding:0 38px 19px 0;font-size:11px;line-height:1.85;color:var(--muted)}
@media(max-width:760px){
  .input-row{grid-template-columns:auto minmax(0,1fr) auto auto}
  .input-row .prepare{grid-column:1/-1}
  .input-row .clear-url{margin-right:1px}
  .compatibility{line-height:1.6}
  .archive-tools-body{grid-template-columns:1fr}.subtitle-tool select{min-width:0}.filename-option{justify-content:space-between}
  .faq{grid-template-columns:1fr;gap:30px;padding:55px 8px;margin-bottom:60px}
}
.ad-video-slot>img{width:100%;max-height:190px;aspect-ratio:16/9;object-fit:cover;margin:10px 0 13px;border:1px solid #ffffff44}.page-sponsor[hidden]{display:none}.page-sponsor{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;margin-top:55px;margin-bottom:65px;padding:20px;border:1px solid var(--ink);background:#f8f4ec;box-shadow:7px 7px 0 #ded6c8}.page-sponsor-image{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}.page-sponsor span{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;color:#8e4e43}.page-sponsor h2{margin:8px 0 7px;font:700 clamp(20px,3vw,29px)/1.35 "Gowun Batang",serif}.page-sponsor p{margin:0 0 15px;color:var(--muted);font-size:14px;line-height:1.7}.page-sponsor a{display:inline-flex;min-height:42px;align-items:center;padding:8px 14px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.page-sponsor a:hover{background:var(--ink);color:#fff}.footer-sponsor{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);margin-top:0}
@media(max-width:760px){.page-sponsor{grid-template-columns:1fr;gap:16px;margin-top:38px;margin-bottom:45px;padding:14px}.page-sponsor h2{font-size:22px}.page-sponsor p{font-size:14px}.ad-video-slot>img{max-height:150px}}

/* Readable type scale: essential text stays legible on every screen. */
body{font-size:16px;line-height:1.65}
nav a,.lang,.scroll-link,.converter>label,.message,.section-heading small,.meta,.rights,.story li,.language-dialog>p:not(:first-of-type){font-size:13px}
.brand small,.round-btn b,.kicker,.section-heading>p,.story>div>p,.ad-dialog>p,.language-dialog>p,.result-image span,.supported,.usage-limits p,.usage-limits strong,.format-tab small,.compatibility,.compatibility b,.quality small,.archive-tools summary small,.archive-tools-body button,.subtitle-tool select,.filename-option,.filename-option select,.archive-tools>p,.drawer-privacy,.history-item span,.history-item time,.history-item em,.history-actions button,.history-actions label,.faq-heading>p,.faq-heading span,.ad-label,.ad-video-slot small,.progress-copy span,.download-progress>b,.browser-hint,footer p,.legal-links a{font-size:12px}
.format-tab,.input-row input,.input-row button,.quality,.archive-tools summary,.faq-list summary,.story>div>p:last-child{font-size:14px}
.faq-list details p{font-size:13px}
.archive-tools-body button,.subtitle-tool select,.filename-option select,.history-actions button,.history-actions label{min-height:44px}
.ad-video-slot.has-sponsor{border-style:solid;background:#22211f}.ad-video-slot.has-sponsor .ad-play{color:#f1b5a8}.ad-video-slot>a{margin-top:13px;border:1px solid #ffffff88;color:#fff;text-decoration:none;padding:8px 12px;font-size:13px}.ad-video-slot>a:hover{background:#fff;color:#24231f}.ad-video-slot>a[hidden]{display:none}.download-progress{display:block}.continue[hidden]{display:none}
.footer-meta{text-align:right}.legal-links{display:flex;justify-content:flex-end;gap:18px}.legal-links a{color:#ddd;text-decoration:none}.legal-links a:hover{text-decoration:underline}
.policy-back{color:var(--ink);font-size:14px}.policy-page{max-width:860px;padding:75px 0 110px}.policy-page>header{text-align:center;margin-bottom:35px}.policy-page>header>p,.policy-page section>p:first-child{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--coral)}.policy-page h1{font:700 clamp(36px,6vw,60px)/1.35 "Gowun Batang",serif;margin:14px 0}.policy-page>header>span{font-size:13px;color:var(--muted)}.policy-nav{position:sticky;top:0;z-index:2;display:flex;justify-content:center;gap:0;background:var(--paper);border:1px solid var(--ink);margin-bottom:38px}.policy-nav a{flex:1;text-align:center;padding:13px;border-right:1px solid var(--ink);font-size:13px}.policy-nav a:last-child{border-right:0}.policy-page section{scroll-margin-top:75px;background:var(--cream);border:1px solid var(--line);padding:36px;margin-bottom:18px}.policy-page h2{font:700 30px "Gowun Batang",serif;margin:5px 0 25px}.policy-page h3{font:700 17px "Gowun Batang",serif;margin:25px 0 8px}.policy-page section>p:not(:first-child){font-size:14px;line-height:1.9;color:#5f5b54}.policy-page aside{margin-top:25px;padding:18px;border-left:4px solid var(--coral);background:#f6f0e7}.policy-page aside strong{font:700 16px "Gowun Batang"}.policy-page aside p{font-size:13px;line-height:1.8;margin:7px 0 0}
@media(max-width:760px){
  body{font-size:16px}.page-width{width:min(100% - 28px,1120px)}
  nav a,.lang,.scroll-link,.converter>label,.message,.section-heading small,.meta,.rights,.story li,.language-dialog>p:not(:first-of-type),.faq-list details p{font-size:14px}
  .brand small,.round-btn b,.kicker,.section-heading>p,.story>div>p,.ad-dialog>p,.language-dialog>p,.result-image span,.supported,.usage-limits p,.usage-limits strong,.format-tab small,.compatibility,.compatibility b,.quality small,.archive-tools summary small,.archive-tools-body button,.subtitle-tool select,.filename-option,.filename-option select,.archive-tools>p,.drawer-privacy,.history-item span,.history-item time,.history-item em,.history-actions button,.history-actions label,.faq-heading>p,.faq-heading span,.ad-label,.ad-video-slot small,.progress-copy span,.download-progress>b,.browser-hint,footer p,.legal-links a{font-size:13px}
  .input-row input,.input-row button,.format-tab,.quality,.archive-tools summary,.faq-list summary{font-size:15px}.input-row input{height:58px}
  footer>div{gap:38px}.footer-meta{text-align:left}.legal-links{justify-content:flex-start;flex-wrap:wrap;gap:10px 18px}
  .policy-page{padding:45px 0 75px}.policy-page section{padding:25px 20px}.policy-nav a{font-size:12px;padding:12px 5px}.policy-page section>p:not(:first-child){font-size:15px}.policy-page h2{font-size:27px}
}