/* PDF Converter keeps the shared image-tool frame, rail, canvas and settings. */
.mx.pc { --btn:#b5f3ee; }
.pc h1.mx-title { margin-top:0; margin-bottom:0; }
.pc h2 { margin:0 0 12px; font-size:12px; color:#f4f4f5; }
.pc .pc-pager { display:flex; align-items:center; gap:3px; margin-left:auto; }
.pc-pager label { display:flex; align-items:center; gap:7px; font-size:11px; color:#b0b0bc; white-space:nowrap; }
.pc-pager input { width:46px; padding:6px 3px; border:1px solid #34343d; border-radius:6px; background:#15151d; color:#fff; text-align:center; }
.pc-file { display:block; max-width:200px; overflow-wrap:anywhere; font-size:12px; }
.pc .mx-board { background:#fff; }
.pc .pc-select { display:grid; gap:8px; margin-bottom:16px; font-size:11px; color:#b0b0bc; }
.pc-select select { width:100%; padding:10px; border:1px solid #34343d; border-radius:9px; background:#141419; color:#f4f4f5; }
.pc .pc-error,.pc #pc-status.bad { color:#fda4af; font-size:12px; line-height:1.6; }
.pc #pc-convert { margin-top:14px; }
.pc #pc-cancel { margin-top:10px; width:100%; justify-content:center; }
.pc progress { width:100%; margin-top:12px; height:7px; accent-color:#88ded0; }
.pc-result { margin-top:16px; padding:14px; border:1px solid #335b50; background:#11211f; border-radius:12px; }
.pc-result b { font-size:13px; color:#b5f3ee; }
.pc-result p { font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.pc-result a { margin-top:8px; text-decoration:none; }
.pc-guide { font-size:12px; line-height:1.8; }
.pc-guide h2 { font-size:15px; }
.pc-guide h3 { margin:16px 0 4px; }
.pc-guide p,.pc-guide li { color:#b0b0bc; }
.pc-guide ol { padding-left:19px; }
.pc-guide a { color:#a6e9de; text-underline-offset:3px; }
.pc-guide details { border-bottom:1px solid #292931; padding:12px 0; }
.pc-guide summary { color:#e4e4e7; cursor:pointer; font-weight:650; }
.pc-guide details p { margin-bottom:0; }
.pc-crumb { margin-bottom:14px; font-size:11px; color:#aaa; }
.pc-password { max-width:420px; width:calc(100% - 32px); border:1px solid #44665e; border-radius:18px; background:#101018; color:#eee; padding:24px; font:14px Inter,system-ui,sans-serif; }
.pc-password::backdrop { background:#000b; }
.pc-password h2 { font-size:18px; margin:0 0 10px; }
.pc-password p { color:#b0b0bc; line-height:1.6; }
.pc-password label { display:grid; gap:8px; }
.pc-password input { min-width:0; padding:12px; border:1px solid #555; border-radius:8px; background:#191920; color:#fff; }
.pc-password form>div { display:flex; justify-content:flex-end; gap:12px; margin-top:20px; }
.pc-password button { cursor:pointer; padding:10px 14px; border-radius:8px; border:0; }
.pc-password input:focus-visible,.pc-password button:focus-visible { outline:2px solid #a6e9de; outline-offset:3px; }
.pc-noscript { position:fixed; left:16px; bottom:16px; right:16px; padding:16px; background:#101018; border:1px solid #555; z-index:1000; }
@media(min-width:761px) and (max-width:1250px) { .pc .mx-sub,.pc .mx-zoom { display:none; } }
@media(max-width:760px) {
  .mx.pc { grid-template-rows:auto 52px minmax(120px,1fr) minmax(210px,43%); }
  .pc .pc-pager { display:flex; order:3; justify-content:center; width:100%; padding-top:4px; }
  .pc .mx-title { max-width:170px; font-size:13px; }
  .pc .mx-tools { gap:2px; }
  .pc .mx-tool { padding:0 7px; }
  .pc .mx-tool span { font-size:10px; }
  .pc .mx-empty { padding:12px; }
  .pc .mx-empty b { font-size:19px; }
  .pc .mx-empty>svg { width:32px; height:32px; margin-bottom:8px; }
  .pc .mx-empty p { font-size:11px; margin:8px 0; }
  .pc .mx-empty small { font-size:10px; }
  .pc .mx-empty .cv-badge { margin-top:8px; font-size:10px; }
}
@media(max-height:650px) and (max-width:760px) { .pc .mx-empty>svg,.pc .mx-empty small,.pc .mx-empty .cv-badge { display:none; } }