/* Shared PDF tool content. Navigation, brand, canvas and page motion belong to the site shell. */
.pdf-tools { --pdf-blue: var(--accent); --pdf-shadow: 0 14px 55px rgba(29,40,59,.035); }
.pdf-tools[data-tool="compress"] #site-footer { background: transparent; }
.pdf-tools .page-wrap { color: var(--ink); letter-spacing: -.012em; }
.pdf-tools :where(.page-wrap, .pdf-footer) a { color: inherit; text-decoration: none; }
.pdf-tools :where(.page-wrap) button { font: inherit; cursor: pointer; }
.pdf-tools .page-wrap button:disabled { cursor: not-allowed; opacity: .48; }
.pdf-tools :is(.page-wrap, .pdf-footer) svg { display: block; flex-shrink: 0; }
.pdf-tools .page-wrap :is(button, a, [tabindex]):focus-visible { outline: 3px solid #7abaff; outline-offset: 3px; }
.pdf-tools .pdf-brand { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.pdf-tools .pdf-brand img { display: block; width: 24px; height: 24px; filter: brightness(0); }
.pdf-tools .prototype-notice { margin: 0 0 20px; padding: 12px 16px; border-radius: 12px; background: var(--site-surface); color: var(--ink-dim); font-size: 12px; line-height: 1.6; }
.pdf-tools :is(#workspace, #how-it-works, #faq) { scroll-margin-top: 72px; }
.pdf-tools .faq-item:not(.is-enhanced) .faq-answer { display: block; }
.pdf-tools .page-wrap { max-width:1080px;margin:0 auto;padding:0 28px }
.pdf-tools .tool-tabs { padding:25px 0 8px;display:flex;justify-content:center;gap:5px }
.pdf-tools .tool-tab { display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;padding:11px 18px;font-size:12px;font-weight:600;color:#68717a;border-radius:99px;transition:all .2s }
.pdf-tools .tool-tab.active { background:#fff;border-color:#e8eaf0;color:#17191d;box-shadow:0 3px 15px rgba(0,0,0,.025) }
.pdf-tools .tool-tab:hover:not(.active) { background:#ededf1;color:#24262b }
.pdf-tools .pdf-hero { text-align:center;padding:47px 15px 43px }
.pdf-tools .pdf-eyebrow { color:var(--pdf-blue);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 17px }
.pdf-tools .pdf-hero h1 { max-width:880px;margin-inline:auto }
.pdf-tools .pdf-hero h1 .soft { color:#8d919a }
.pdf-tools .pdf-hero p { font-size:17px;color:#737983;line-height:1.52;font-weight:410;max-width:570px;margin:20px auto 0;letter-spacing:-.018em }
.pdf-tools .feature-pills { display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:27px }
.pdf-tools .feature-pills span { display:flex;align-items:center;gap:6px;color:#69717b;font-size:12px;font-weight:500 }
.pdf-tools .feature-pills svg { color:#7292b8 }
.pdf-tools .workspace { background:#fff;border:1px solid #e7e9ef;border-radius:26px;box-shadow:var(--pdf-shadow);max-width:970px;margin:0 auto;overflow:hidden }
.pdf-tools .workspace-top { display:flex;justify-content:space-between;align-items:center;padding:24px 34px;border-bottom:1px solid #eef0f3 }
.pdf-tools .workspace-heading { display:flex;align-items:center;gap:11px }
.pdf-tools .workspace-icon { background:#f4f6f9;color:#353d48;width:37px;height:37px;display:grid;place-items:center;border-radius:12px }
.pdf-tools .workspace-top h2 { margin:0;font-size:16px;font-weight:690;letter-spacing:-.028em }
.pdf-tools .workspace-top p { font-size:12px;color:#8b909a;margin:4px 0 0 }
.pdf-tools .status-pill { border:1px solid #e7eaf0;background:#fcfcfe;font-size:11px;padding:8px 11px;border-radius:99px;color:#7c818a;white-space:nowrap }
.pdf-tools .status-dot { display:inline-block;width:6px;height:6px;background:#49b68d;border-radius:50%;margin-right:6px }
.pdf-tools .workspace-content { padding:30px 34px 29px }
.pdf-tools .dropzone { min-height:206px;border:1.5px dashed #ced6e1;background:#fbfcfe;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:29px;transition:background .16s,border .16s;outline:none }
.pdf-tools .dropzone.drag-over, .pdf-tools .dropzone:focus-visible { background:#f0f7ff;border-color:#4b99e5 }
.pdf-tools .drop-icon { width:48px;height:48px;border-radius:16px;background:#eef4fd;color:#3682cb;display:grid;place-items:center;margin-bottom:14px }
.pdf-tools .dropzone h3 { font-size:15px;margin:0 0 6px;font-weight:670;letter-spacing:-.02em }
.pdf-tools .dropzone p { font-size:12px;color:#8b919b;margin:0 0 17px }
.pdf-tools .select-btn { background:#1c1e22;color:#fff;font-size:12px;border:0;border-radius:99px;padding:11px 20px;font-weight:660;display:flex;gap:8px;align-items:center }
.pdf-tools .select-btn:hover { background:#30343a }
.pdf-tools .data-title { font-size:11px;font-weight:690;letter-spacing:.08em;text-transform:uppercase;color:#a0a5ae;margin:0 0 12px }
.pdf-tools .sample-area { margin-top:26px }
.pdf-tools .sample-head { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px }
.pdf-tools .sample-head h3 { margin:0;font-size:13px;letter-spacing:-.015em }
.pdf-tools .sample-head small { font-size:11px;color:#a0a5ae }
.pdf-tools .sample-list, .pdf-tools .file-list { display:grid;gap:8px }
.pdf-tools .sample-file, .pdf-tools .file-row { border:1px solid #edf0f4;display:flex;align-items:center;gap:12px;border-radius:12px;padding:11px 12px;background:#fff;min-height:58px }
.pdf-tools .file-icon { width:34px;height:36px;border-radius:9px;color:#da5957;background:#fff1f1;display:grid;place-items:center;flex:none }
.pdf-tools .file-icon svg { width:19px;height:19px }
.pdf-tools .file-detail { min-width:0;flex:1 }
.pdf-tools .file-detail strong { font-weight:620;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.pdf-tools .file-detail span { font-size:10px;color:#9ba0aa;margin-top:4px;display:block }
.pdf-tools .sample-order { font-size:11px;font-weight:660;color:#acb0b9;width:14px;flex:none;text-align:center }
.pdf-tools .drag-visual { color:#bec2ca }
.pdf-tools .sample-file { background:#fcfcfd }
.pdf-tools .sample-file .file-icon { background:#fff4f4 }
.pdf-tools .file-control { display:flex;align-items:center;gap:4px }
.pdf-tools .tiny-icon-btn { width:31px;height:31px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#7d838e }
.pdf-tools .tiny-icon-btn:hover:not(:disabled) { background:#f2f4f8;color:#2e3138 }
.pdf-tools .tiny-icon-btn:disabled { opacity:.25 }
.pdf-tools .file-row { border-color:#e9ecf1 }
.pdf-tools .file-row .file-detail span { font-size:11px }
.pdf-tools .file-row.error { border-color:#f7bdbd;background:#fffafa }
.pdf-tools .file-row.error .file-detail span { color:#b85555 }
.pdf-tools .step-note { display:flex;gap:7px;align-items:center;font-size:11px;color:#9ca2aa;margin:12px 0 0 }
.pdf-tools .summary-bar { padding:20px 34px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #f0f1f4;background:#fff }
.pdf-tools .summary-meta .top { font-size:12px;font-weight:650 }
.pdf-tools .summary-meta .bottom { font-size:11px;color:#9298a1;margin-top:5px }
.pdf-tools .summary-btns { display:flex;gap:9px;align-items:center }
.pdf-tools #compress-progress { width:100%;height:8px;accent-color:#0071e3 }
.pdf-tools .action-primary { display:inline-flex;align-items:center;gap:10px;justify-content:center;border-radius:99px;background:#0878ea;color:#fff;border:0;font-size:13px;font-weight:690;padding:15px 26px;min-width:174px;box-shadow:0 6px 18px rgba(0,113,227,.12) }
.pdf-tools .action-primary:hover:not(:disabled) { background:#006bd5;box-shadow:0 7px 20px rgba(0,113,227,.22) }
.pdf-tools .action-secondary { border-radius:99px;background:#f2f4f7;color:#363d47;border:0;padding:13px 17px;font-size:12px;font-weight:650 }
.pdf-tools .action-secondary:hover { background:#e8ebef }
.pdf-tools .text-action { border:0;background:transparent;color:#1279e7;font-size:12px;font-weight:630;padding:8px }
.pdf-tools .text-action:hover { text-decoration:underline }
.pdf-tools .notice { display:flex;align-items:center;gap:10px;border-radius:12px;padding:11px 14px;background:#eff8f6;color:#347969;font-size:11px;margin:16px 0 0 }
.pdf-tools .notice svg { flex:none }
.pdf-tools .feedback { font-size:12px;margin-top:13px;color:#646b78;display:none;line-height:1.5 }
.pdf-tools .feedback.show { display:block }
.pdf-tools .feedback.success { color:#2a8a65 }
.pdf-tools .feedback.error { color:#ba5656 }
.pdf-tools .file-input { display:none }
.pdf-tools .selected-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px }
.pdf-tools .selected-head h3 { font-size:13px;margin:0 }
.pdf-tools .muted-foot { margin:12px 0 0;font-size:11px;color:#9299a3 }
.pdf-tools .compress-selected { border:1px solid #e9ecf2;border-radius:14px;padding:18px;display:flex;align-items:center;gap:15px;margin:0 0 23px }
.pdf-tools .compress-selected .file-icon { width:48px;height:48px }
.pdf-tools .compress-selected .file-detail strong { font-size:14px }
.pdf-tools .compress-selected .file-detail span { font-size:12px }
.pdf-tools .compress-status { border-radius:40px;background:#f3f5f8;color:#656e79;font-weight:600;font-size:10px;padding:7px 10px }
.pdf-tools .compress-options { margin-top:26px }
.pdf-tools .option-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px }
.pdf-tools .option-head h3 { margin:0;font-size:13px }
.pdf-tools .option-head span { font-size:11px;color:#a0a6af }
.pdf-tools .compress-option { border:1.5px solid #d2e4fa;border-radius:15px;padding:17px 18px;background:#fafdff;display:flex;gap:13px;align-items:flex-start }
.pdf-tools .option-dot { border:5px solid #0878ea;width:18px;height:18px;flex:none;border-radius:50%;margin-top:2px;background:white }
.pdf-tools .option-text strong { font-size:13px;font-weight:660;display:flex;align-items:center;gap:8px }
.pdf-tools .recommended { color:#0878ea;background:#eaf3fe;font-size:9px;padding:4px 7px;border-radius:99px;font-weight:720 }
.pdf-tools .option-text p { margin:6px 0 0;font-size:11px;color:#818994;line-height:1.6 }
.pdf-tools .compress-explain { margin-top:14px;font-size:11px;line-height:1.6;color:#949aa4 }
.pdf-tools .example-result { border:1px solid #e5ebef;border-radius:17px;padding:22px;background:#fbfcfd;margin-top:22px }
.pdf-tools .result-header { display:flex;justify-content:space-between;gap:8px;align-items:center }
.pdf-tools .result-header h3 { margin:0;font-size:13px }
.pdf-tools .demo-label { font-size:10px;color:#7e8792;background:#f1f3f6;padding:6px 9px;border-radius:99px }
.pdf-tools .result-stats { display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px }
.pdf-tools .result-stats .metric { font-size:24px;font-weight:710;letter-spacing:-.055em;margin-top:6px }
.pdf-tools .result-stats .desc { font-size:10px;color:#959da6 }
.pdf-tools .result-stats .metric.green { color:#17855d }
.pdf-tools .bar-example { width:100%;height:6px;background:#e7ebf0;border-radius:10px;margin-top:11px;overflow:hidden }
.pdf-tools .bar-example span { display:block;height:100%;background:#bcc3cc;border-radius:10px }
.pdf-tools .bar-example.green span { background:#50bc92 }
.pdf-tools .result-caption { font-size:10px;color:#979da6;line-height:1.55;margin-top:16px }
.pdf-tools .processing { display:none;align-items:center;justify-content:center;gap:9px;font-size:12px;padding:14px 20px;color:#65717f }
.pdf-tools .processing.show { display:flex }
.pdf-tools .spinner { width:16px;height:16px;border:2px solid #d9eafd;border-top-color:#0878ea;border-radius:50%;animation:spin .6s linear infinite }
@keyframes spin {to{transform:rotate(360deg)}}
.pdf-tools .benefits { max-width:970px;margin:72px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px }
.pdf-tools .benefit { padding:0 8px 0 0 }
.pdf-tools .benefit-icon { border:1px solid #e9ebef;background:#fff;color:#4f647e;border-radius:13px;display:grid;place-items:center;width:39px;height:39px;margin-bottom:14px }
.pdf-tools .benefit h3 { font-size:13px;font-weight:680;margin:0 0 8px }
.pdf-tools .benefit p { font-size:12px;color:#858c96;line-height:1.65;margin:0 }
.pdf-tools .pdf-banner-section { max-width:970px;margin:76px auto 0;display:flex;justify-content:center }
.pdf-tools .pdf-banner-frame { display:flex;flex-direction:column;align-items:center;gap:12px;width:100% }
.pdf-tools .pdf-banner-label { font-size:10px;text-transform:none;letter-spacing:.035em;color:#9ca3ab }
.pdf-tools .pdf-banner-space { height:110px;max-width:850px;width:100%;border:1px solid #e4e7ec;background:#f0f1f4;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:10px;color:#aeb3ba }
.pdf-tools .pdf-banner-space span { font-size:11px;color:#a9aeb6 }
.pdf-tools .pdf-banner-space strong { font-size:11px;font-weight:500;color:#adb1b8 }
.pdf-tools .lower { max-width:970px;margin:98px auto 0;padding-bottom:96px }
.pdf-tools .pdf-section-title { font-weight:730;letter-spacing:-.045em;font-size:34px;margin:0 0 12px }
.pdf-tools .section-lead { font-size:14px;line-height:1.65;color:#858c96;margin:0 0 28px;max-width:580px }
.pdf-tools .how-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px }
.pdf-tools .how-card { background:#fff;border:1px solid #edf0f3;border-radius:18px;padding:23px 22px;min-height:157px }
.pdf-tools .how-num { color:#0b78ec;font-size:12px;font-weight:750;letter-spacing:.04em }
.pdf-tools .how-card h3 { font-size:14px;margin:21px 0 7px;font-weight:660 }
.pdf-tools .how-card p { font-size:11px;color:#90969f;margin:0;line-height:1.6 }
.pdf-tools .faq-layout { margin-top:87px;display:grid;grid-template-columns:1fr 1.45fr;gap:50px }
.pdf-tools .faq-layout .pdf-section-title { font-size:27px }
.pdf-tools .faq-layout>div:first-child p { color:#8a909a;font-size:12px;line-height:1.75;max-width:270px }
.pdf-tools .faq-list { border-top:1px solid #e3e6ec }
.pdf-tools .faq-item { border-bottom:1px solid #e3e6ec }
.pdf-tools .faq-trigger { border:0;padding:20px 0;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;color:#292d34;font-size:13px;font-weight:620;gap:12px }
.pdf-tools .faq-trigger svg { transition:transform .2s }
.pdf-tools .faq-item.open .faq-trigger svg { transform:rotate(45deg) }
.pdf-tools .faq-answer { display:none;color:#7d858f;font-size:12px;line-height:1.65;padding:0 24px 18px 0 }
.pdf-tools .faq-item.open .faq-answer { display:block }
.pdf-tools .related { margin-top:88px;padding:29px 30px;background:#eaf1f9;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:20px }
.pdf-tools .related h3 { font-size:20px;letter-spacing:-.04em;margin:0 0 7px }
.pdf-tools .related p { font-size:12px;color:#67798e;margin:0 }
.pdf-tools .related a { background:#fff;color:#1a406a;padding:13px 19px;border-radius:99px;font-size:12px;font-weight:670;white-space:nowrap;display:flex;align-items:center;gap:7px }
.pdf-tools .pdf-footer { border-top:1px solid #e5e7ec;background:var(--site-canvas) }
.pdf-tools .pdf-footer-inner { max-width:1080px;margin:auto;padding:26px 28px 35px;display:flex;justify-content:space-between;align-items:center;gap:15px }
.pdf-tools .pdf-footer small { font-size:11px;color:#9399a2 }
.pdf-tools .pdf-footer-links { display:flex;gap:21px;font-size:11px;color:#777e88 }
.pdf-tools .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);overflow:hidden }
.pdf-tools .hidden { display:none!important }
@media(max-width:800px) {
.pdf-tools .pdf-hero { padding-top:32px }
.pdf-tools .workspace-content { padding:24px }
.pdf-tools .workspace-top, .pdf-tools .summary-bar { padding-left:24px;padding-right:24px }
.pdf-tools .benefits { gap:14px }
.pdf-tools .pdf-banner-section { margin-top:60px }
.pdf-tools .lower { margin-top:75px }
.pdf-tools .faq-layout { gap:30px }
}
@media(max-width:600px) {
.pdf-tools .page-wrap { padding:0 16px }
.pdf-tools .tool-tabs { padding-top:18px;padding-bottom:0 }
.pdf-tools .tool-tab { padding:9px 13px;font-size:11px;gap:6px }
.pdf-tools .tool-tab svg { height:15px;width:15px }
.pdf-tools .pdf-hero { padding:34px 3px 29px }
.pdf-tools .pdf-hero h1 { font-size:clamp(37px,9.9vw,51px) }
.pdf-tools .pdf-hero p { font-size:14px;margin-top:15px;line-height:1.55 }
.pdf-tools .pdf-eyebrow { font-size:10px;margin-bottom:13px }
.pdf-tools .feature-pills { gap:12px;margin-top:19px }
.pdf-tools .feature-pills span { font-size:10px }
.pdf-tools .workspace { border-radius:19px }
.pdf-tools .workspace-top { padding:18px;align-items:center }
.pdf-tools .workspace-icon { width:32px;height:32px;border-radius:9px }
.pdf-tools .workspace-top h2 { font-size:14px }
.pdf-tools .workspace-top p { font-size:10px }
.pdf-tools .status-pill { font-size:10px;padding:7px 8px }
.pdf-tools .workspace-content { padding:17px }
.pdf-tools .dropzone { min-height:194px;padding:20px }
.pdf-tools .dropzone p { font-size:11px }
.pdf-tools .sample-area { margin-top:22px }
.pdf-tools .sample-head h3 { font-size:12px }
.pdf-tools .file-row, .pdf-tools .sample-file { gap:8px;padding:9px 8px }
.pdf-tools .sample-order { width:11px }
.pdf-tools .file-icon { width:29px;height:32px }
.pdf-tools .file-detail strong { font-size:11px }
.pdf-tools .file-detail span { font-size:9px }
.pdf-tools .tiny-icon-btn { width:25px;height:28px }
.pdf-tools .file-control { gap:0 }
.pdf-tools .summary-bar { padding:16px 17px;display:flex;align-items:stretch;flex-direction:column;gap:15px }
.pdf-tools .summary-btns { width:100%;display:flex }
.pdf-tools .summary-btns .action-primary { flex:1;min-width:0 }
.pdf-tools .action-primary { font-size:12px;padding:14px 18px }
.pdf-tools .summary-meta .top { font-size:11px }
.pdf-tools .summary-meta .bottom { font-size:10px }
.pdf-tools .compress-selected { padding:13px;gap:11px }
.pdf-tools .compress-selected .file-detail strong { font-size:12px }
.pdf-tools .compress-selected .file-detail span { font-size:10px }
.pdf-tools .compress-status { display:none }
.pdf-tools .compress-option { padding:14px }
.pdf-tools .option-text strong { flex-wrap:wrap }
.pdf-tools .benefits { margin-top:55px;grid-template-columns:1fr;gap:20px }
.pdf-tools .benefit { display:grid;grid-template-columns:39px 1fr;column-gap:13px;align-items:start;padding:0 8px }
.pdf-tools .benefit-icon { grid-row:span 2;margin-bottom:0 }
.pdf-tools .benefit h3 { margin:2px 0 5px;font-size:12px }
.pdf-tools .benefit p { font-size:11px }
.pdf-tools .pdf-banner-section { margin-top:58px }
.pdf-tools .pdf-banner-space { height:104px }
.pdf-tools .pdf-banner-space strong { font-size:10px }
.pdf-tools .lower { margin-top:65px;padding-bottom:66px }
.pdf-tools .pdf-section-title { font-size:29px }
.pdf-tools .section-lead { font-size:12px }
.pdf-tools .how-grid { grid-template-columns:1fr;gap:9px }
.pdf-tools .how-card { padding:19px;min-height:0 }
.pdf-tools .how-card h3 { margin-top:13px }
.pdf-tools .faq-layout { grid-template-columns:1fr;gap:14px;margin-top:65px }
.pdf-tools .faq-layout .pdf-section-title { font-size:26px }
.pdf-tools .faq-layout>div:first-child p { max-width:none }
.pdf-tools .related { margin-top:62px;flex-direction:column;align-items:flex-start;padding:24px }
.pdf-tools .related a { width:100%;justify-content:center }
.pdf-tools .pdf-footer-inner { flex-direction:column;align-items:flex-start }
.pdf-tools .result-stats .metric { font-size:21px }
}
@media (prefers-reduced-motion: reduce) {
  .pdf-tools :is(.tool-tab, .dropzone, .faq-trigger svg) { transition: none; }
}