.pdw-page {
  --pdw-ink: #202e49;
  --pdw-muted: #62718a;
  --pdw-accent: #405ddd;
  --pdw-accent-hover: #304bc5;
  --pdw-surface: #fff;
  --pdw-soft: #f6f8fe;
  --pdw-line: #dfe5f1;
  --pdw-tint: #edf1ff;
  background: #f8f9fd;
  color: var(--pdw-ink);
}
.pdw-page [hidden] { display: none !important; }
.pdw-main { font-family: Inter, system-ui, -apple-system, sans-serif; }
.pdw-main button, .pdw-main input, .pdw-main select { font: inherit; }
.pdw-main a { color: var(--pdw-accent); }
.pdw-page button:focus-visible, .pdw-page a:focus-visible, .pdw-page select:focus-visible, .pdw-page summary:focus-visible { outline: 3px solid #8ea5ff; outline-offset: 4px; }
.pdw-skip { position: fixed; top: -100px; inset-inline-start: 16px; z-index: 200; padding: 12px 18px; border-radius: 8px; background: var(--pdw-surface); }
.pdw-skip:focus { top: 12px; }
.pdw-main { max-width: 1020px; padding: 28px 24px 72px; margin: 0 auto; }
.pdw-breadcrumb { display: flex; gap: 12px; color: var(--pdw-muted); font-size: .8rem; margin-bottom: 28px; }
.pdw-breadcrumb a { color: var(--pdw-muted); text-decoration: none; }
.pdw-breadcrumb a:hover { text-decoration: underline; }
.pdw-intro { max-width: 680px; margin: 0 auto 30px; text-align: center; }
.pdw-eyebrow { color: var(--pdw-accent); font-size: .72rem; font-weight: 750; letter-spacing: .15em; }
.pdw-intro h1 { font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.15; font-weight: 750; letter-spacing: -.04em; margin: 10px 0 15px; color: var(--pdw-ink); }
.pdw-intro > p { max-width: 560px; margin: auto; color: var(--pdw-muted); font-size: 1.04rem; line-height: 1.7; }
.pdw-card { max-width: 780px; margin: auto; padding: 30px; background: var(--pdw-surface); border: 1px solid var(--pdw-line); border-radius: 18px; box-shadow: 0 10px 36px #233c7210; }
.pdw-card-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.pdw-card-heading h2 { margin: 0 0 3px; font-size: 1.18rem; line-height: 1.4; color: var(--pdw-ink); }
.pdw-card-heading p { margin: 0; color: var(--pdw-muted); font-size: .88rem; }
.pdw-output-badge { flex-shrink: 0; display: flex; direction: ltr; align-items: center; gap: 9px; border: 1px solid var(--pdw-line); border-radius: 7px; padding: 6px 10px; color: var(--pdw-muted); font-size: .76rem; font-weight: 650; }
.pdw-output-badge span { color: var(--pdw-accent); }
.pdw-service { display: flex; align-items: center; gap: 8px; min-height: 22px; margin: 15px 0 12px; color: var(--pdw-muted); font-size: .74rem; flex-wrap: wrap; }
.pdw-service-dot { width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: #97a3b6; }
.pdw-service[data-state="ready"] .pdw-service-dot { background: #1f8b66; }
.pdw-service[data-state="unavailable"] .pdw-service-dot { background: #b06c1c; }
.pdw-service .pdw-text-button { font-size: .76rem; padding: 0 3px; }
.pdw-dropzone { display: flex; flex-direction: column; align-items: center; padding: 30px 20px 22px; border: 1.5px dashed #b9c6ee; border-radius: 12px; background: var(--pdw-soft); text-align: center; transition: background .15s, border-color .15s; }
.pdw-dropzone.is-dragging { background: var(--pdw-tint); border-color: var(--pdw-accent); outline: 3px solid #405ddd18; }
.pdw-document-icon { position: relative; height: 59px; margin-bottom: 12px; color: #8296dd; }
.pdw-document-icon span { position: absolute; top: 23px; left: -5px; padding: 1px 6px; background: var(--pdw-accent); border: 3px solid var(--pdw-soft); border-radius: 6px; color: white; font-size: .65rem; font-weight: 750; letter-spacing: .02em; }
.pdw-dropzone h3 { margin: 0 0 4px; font-size: 1.08rem; font-weight: 650; color: var(--pdw-ink); }
.pdw-dropzone p { margin: 0 0 16px; font-size: .83rem; color: var(--pdw-muted); }
.pdw-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 11px 22px; border: 1px solid transparent; border-radius: 8px; font-size: .9rem; font-weight: 650; line-height: 1.45; cursor: pointer; text-decoration: none; transition: background .15s, border-color .15s; }
.pdw-page .pdw-primary { background: var(--pdw-accent); color: #fff; }
.pdw-primary:hover:not(:disabled) { background: var(--pdw-accent-hover); }
.pdw-secondary { background: var(--pdw-surface); border-color: var(--pdw-line); color: var(--pdw-ink); }
.pdw-secondary:hover:not(:disabled) { background: var(--pdw-soft); border-color: #afbddb; }
.pdw-page button:disabled, .pdw-page select:disabled { opacity: .58; cursor: not-allowed; }
.pdw-dropzone .pdw-file-limit { margin: 14px 0 0; font-size: .73rem; }
.pdw-options { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 23px; }
.pdw-field label { display: block; margin-bottom: 8px; font-size: .82rem; font-weight: 650; color: var(--pdw-ink); }
.pdw-field select { width: 100%; min-height: 45px; padding-block: 9px; padding-inline: 12px 32px; border: 1px solid var(--pdw-line); border-radius: 7px; background-color: var(--pdw-surface); color: var(--pdw-ink); font-size: .83rem; }
.pdw-field p { margin: 7px 0 0; font-size: .72rem; line-height: 1.6; color: var(--pdw-muted); }
.pdw-submit { width: 100%; margin-top: 23px; }
.pdw-consent { margin: 12px 0 0; text-align: center; color: var(--pdw-muted); font-size: .71rem; line-height: 1.7; }
.pdw-consent a { text-decoration: underline; text-underline-offset: 2px; }
.pdw-selected { display: flex; align-items: center; gap: 13px; border: 1px solid var(--pdw-line); border-radius: 10px; padding: 17px 14px; background: var(--pdw-soft); }
.pdw-file-icon { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 48px; border-radius: 7px; background: #e7edff; color: #405ddd; font-size: .7rem; font-weight: 750; }
.pdw-selected-info { flex: 1; min-width: 0; }
.pdw-selected-info strong { display: block; overflow-wrap: anywhere; color: var(--pdw-ink); font-size: .87rem; line-height: 1.45; }
.pdw-selected-info > span { display: block; margin-top: 3px; color: var(--pdw-muted); font-size: .74rem; }
.pdw-text-button { min-height: 30px; padding: 3px 0; border: 0; background: none; color: var(--pdw-accent); font-size: .8rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.pdw-remove { display: grid; place-items: center; border: 0; width: 32px; height: 36px; flex-shrink: 0; background: transparent; color: var(--pdw-muted); font-size: 1.5rem !important; cursor: pointer; border-radius: 6px; }
.pdw-remove:hover { background: var(--pdw-tint); }
.pdw-error { margin-top: 17px; border: 1px solid #f0c8ce; border-radius: 8px; background: #fff3f4; color: #9d253a; padding: 13px 15px; font-size: .85rem; line-height: 1.6; overflow-wrap: anywhere; }
.pdw-job { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--pdw-line); }
.pdw-job-heading { display: flex; align-items: flex-start; gap: 13px; }
.pdw-status-icon { display: grid; place-items: center; width: 39px; height: 39px; flex-shrink: 0; border-radius: 50%; background: var(--pdw-tint); color: var(--pdw-accent); font-size: 1.25rem; }
.pdw-job h3 { margin: 0 0 4px; color: var(--pdw-ink); font-size: 1rem; }
.pdw-job #pdwDetail { color: var(--pdw-muted); font-size: .8rem; line-height: 1.6; margin: 0; }
.pdw-progress-row { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.pdw-progress-row progress { display: block; width: 100%; height: 7px; border: 0; border-radius: 10px; overflow: hidden; background: var(--pdw-tint); accent-color: var(--pdw-accent); }
.pdw-progress-row progress::-webkit-progress-bar { background: var(--pdw-tint); }
.pdw-progress-row progress::-webkit-progress-value { background: var(--pdw-accent); border-radius: 10px; }
.pdw-progress-row progress::-moz-progress-bar { background: var(--pdw-accent); border-radius: 10px; }
.pdw-progress-row > span { color: var(--pdw-muted); font-variant-numeric: tabular-nums; font-size: .75rem; width: 34px; flex-shrink: 0; text-align: end; }
.pdw-job-meta { color: var(--pdw-muted); font-size: .75rem; margin-top: 12px; }
.pdw-result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.pdw-result-actions:empty { display: none; }
.pdw-expiry { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 15px; margin-top: 12px; color: var(--pdw-muted); font-size: .72rem; }
.pdw-expiry .pdw-text-button { font-size: .72rem; }
.pdw-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px; margin: 19px auto 0; color: var(--pdw-muted); font-size: .73rem; }
.pdw-trust span { display: inline-flex; align-items: center; gap: 7px; }
.pdw-how { margin: 65px 0 45px; }
.pdw-how > h2, .pdw-faq > h2 { color: var(--pdw-ink); font-size: 1.55rem; line-height: 1.3; letter-spacing: -.025em; margin: 0 0 26px; }
.pdw-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.pdw-steps article > span { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--pdw-line); border-radius: 8px; background: var(--pdw-surface); color: var(--pdw-accent); font-size: .74rem; font-weight: 700; margin-bottom: 14px; }
.pdw-steps h3 { font-size: .94rem; margin: 0 0 8px; color: var(--pdw-ink); }
.pdw-steps p, .pdw-notes p { color: var(--pdw-muted); font-size: .84rem; line-height: 1.8; margin: 0; }
.pdw-notes { display: grid; grid-template-columns: 1fr 1.3fr; gap: 36px; padding: 32px; border-radius: 12px; background: var(--pdw-tint); }
.pdw-notes h2 { margin: 10px 0 0; font-size: 1.6rem; font-weight: 650; line-height: 1.3; color: var(--pdw-ink); letter-spacing: -.03em; }
.pdw-notes p + p { margin-top: 12px; }
.pdw-faq { max-width: 780px; margin: 50px auto 0; }
.pdw-faq details { border-bottom: 1px solid var(--pdw-line); }
.pdw-faq summary { padding: 18px 24px 18px 0; cursor: pointer; font-size: .88rem; font-weight: 600; color: var(--pdw-ink); }
.pdw-faq p { padding: 0 20px 20px 0; font-size: .83rem; color: var(--pdw-muted); line-height: 1.8; }
.pdw-related { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin: 36px auto 0; max-width: 780px; padding: 23px; background: var(--pdw-surface); border: 1px solid var(--pdw-line); border-radius: 10px; text-decoration: none; }
.pdw-related strong { display: block; font-size: .88rem; margin-bottom: 4px; }
.pdw-related div > span { display: block; color: var(--pdw-muted); font-size: .8rem; }
.pdw-related:hover { border-color: var(--pdw-accent); }
.pdw-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
[data-theme="dark"] .pdw-page { --pdw-ink: #e5eaf7; --pdw-muted: #a9b5ce; --pdw-accent: #a2b4ff; --pdw-accent-hover: #b4c2ff; --pdw-surface: #182339; --pdw-soft: #141f32; --pdw-line: #34425e; --pdw-tint: #233352; background: #10192b; }
[data-theme="dark"] .pdw-page .pdw-primary { color: #142143; }
[data-theme="dark"] .pdw-error { background: #3c2330; border-color: #754053; color: #ffc1cb; }
[data-theme="dark"] .pdw-file-icon { background: #2a3d6a; color: #b9c8ff; }
[data-theme="dark"] .pdw-document-icon span { background: #8aa2ff; color: #172342; }
@media (max-width: 650px) {
  .pdw-main { padding: 20px 16px 45px; }
  .pdw-breadcrumb { margin-bottom: 24px; }
  .pdw-intro { margin-bottom: 24px; }
  .pdw-intro > p { font-size: .9rem; }
  .pdw-card { padding: 20px; border-radius: 14px; }
  .pdw-card-heading h2 { font-size: 1.02rem; }
  .pdw-output-badge { padding: 5px 7px; font-size: .67rem; gap: 5px; }
  .pdw-dropzone { padding: 24px 12px 20px; }
  .pdw-options { grid-template-columns: 1fr; gap: 17px; }
  .pdw-trust { gap: 6px 16px; font-size: .67rem; }
  .pdw-steps { grid-template-columns: 1fr; gap: 24px; }
  .pdw-how { margin: 42px 0 30px; }
  .pdw-steps article { position: relative; padding-inline-start: 49px; }
  .pdw-steps article > span { position: absolute; inset-inline-start: 0; top: 0; }
  .pdw-notes { grid-template-columns: 1fr; gap: 18px; padding: 23px; }
  .pdw-notes h2 { font-size: 1.35rem; }
  .pdw-how > h2, .pdw-faq > h2 { font-size: 1.35rem; }
  .pdw-selected { gap: 9px; flex-wrap: wrap; }
  .pdw-selected-info { min-width: calc(100% - 70px); }
  .pdw-selected .pdw-text-button { margin-inline-start: 49px; }
  .pdw-remove { margin-inline-start: auto; }
  .pdw-result-actions .pdw-button { flex: 1 1 100%; }
}
html[dir="rtl"] .pdw-main { font-family: "Segoe UI", Tahoma, Arial, sans-serif; }
html[dir="rtl"] .pdw-eyebrow { letter-spacing: normal; }
@media (prefers-reduced-motion: reduce) { .pdw-page *, .pdw-page *::before, .pdw-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }