:root{--ptw-blue:#2563eb;--ptw-navy:#18233e;--ptw-muted:#68738b;--ptw-line:#dfe6f1;--ptw-soft:#f7f9fd}
.ptw-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eef5ff,#f4f0ff 58%,#fff4ed);border:1px solid #e4e8f5}.ptw-hero:after{content:"W";position:absolute;right:5%;top:50%;transform:translateY(-50%) rotate(-8deg);font-size:10rem;font-weight:800;color:rgba(37,99,235,.05)}.ptw-page{max-width:1180px}.ptw-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.ptw-trust span{padding:10px;border:1px solid var(--ptw-line);border-radius:10px;background:#fff;color:#566178;font-size:.78rem;font-weight:600;text-align:center}.ptw-tool-shell{padding:22px;border:1px solid var(--ptw-line);border-radius:24px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 22px 70px rgba(31,48,85,.1)}
.pdf-upload-zone{position:relative;display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #b8c8e7;border-radius:20px;background:radial-gradient(circle at 50% 0,#eef4ff,transparent 48%),#fff;text-align:center;cursor:pointer;transition:.2s}.pdf-upload-zone:hover,.pdf-upload-zone.dragover{border-color:var(--ptw-blue);transform:translateY(-2px);box-shadow:0 18px 50px rgba(37,99,235,.12)}.pdf-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:2rem;box-shadow:0 14px 32px rgba(65,75,210,.25)}.pdf-upload-zone h2{margin:18px 0 5px;color:var(--ptw-navy);font-size:1.35rem}.pdf-upload-zone p{margin:0;color:var(--ptw-muted)}.choose-file{margin:18px 0 12px;padding:10px 22px;border-radius:999px;background:var(--ptw-navy);color:#fff;font-weight:700}.pdf-upload-zone small{color:#7b859a}
.pre-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.file-summary{padding:24px;border-radius:18px;background:linear-gradient(155deg,#17213a,#293755);color:#fff}.file-symbol{display:grid;place-items:center;width:66px;height:78px;margin-bottom:20px;border-radius:8px 16px 8px 8px;background:linear-gradient(135deg,#fff,#e7efff);color:#2563eb;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.2)}.file-name{overflow:hidden;text-overflow:ellipsis;font-size:1rem;font-weight:700;white-space:nowrap}.file-meta{display:flex;gap:8px;margin-top:8px;color:#bdc9e0;font-size:.75rem}.file-meta span+span:before{content:"·";margin-right:8px}.summary-note{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13)}.summary-note strong{color:#c8d8ff;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.summary-note p{color:#c4cede;font-size:.78rem;line-height:1.55}.options-card{padding:10px 14px 8px}.option-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}.option-heading.compact{margin-top:22px}.option-heading>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#eaf1ff;color:var(--ptw-blue);font-size:.78rem;font-weight:800}.option-heading h2{margin:0;color:var(--ptw-navy);font-size:1rem}.option-heading p{margin:3px 0 0;color:var(--ptw-muted);font-size:.75rem}.format-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}.format-pill{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--ptw-line);border-radius:13px;background:#fff;text-align:left;cursor:pointer;font-family:inherit}.format-pill>b{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#eef3fb;color:#53617a;font-size:.75rem}.format-pill span{display:flex;flex-direction:column}.format-pill strong{color:var(--ptw-navy);font-size:.82rem}.format-pill small{margin-top:2px;color:var(--ptw-muted)}.format-pill.active{border-color:#78a3ff;background:#f1f6ff;box-shadow:0 0 0 2px #d9e6ff}.format-pill.active>b{background:var(--ptw-blue);color:#fff}.format-hint{margin:8px 2px 0;color:var(--ptw-muted);font-size:.72rem}.page-range-row{display:grid;grid-template-columns:1fr 25px 1fr;gap:8px;align-items:end}.page-range-row>span{padding-bottom:10px;color:var(--ptw-muted);font-size:.75rem;text-align:center}.page-range-row label{color:#58647c;font-size:.72rem;font-weight:700}.page-range-row input,.pw-wrap input{width:100%;box-sizing:border-box;margin-top:5px;padding:10px 12px;border:1px solid #d3ddeb;border-radius:10px;font:500 .85rem inherit;outline:none}.page-range-row input:focus,.pw-wrap input:focus{border-color:var(--ptw-blue);box-shadow:0 0 0 3px #e6efff}.page-range-row input[aria-invalid=true]{border-color:#dc2626}.range-message{margin-top:7px;color:#68738b;font-size:.72rem}.range-message.error{color:#c5221f;font-weight:700}.password-option{margin-top:18px;padding:11px 13px;border:1px solid var(--ptw-line);border-radius:11px;background:#fafbfe}.password-option summary{color:#48546c;font-size:.78rem;font-weight:700;cursor:pointer}.password-option p{margin:6px 0 0;color:var(--ptw-muted);font-size:.68rem}.pw-wrap{position:relative;margin-top:10px}.pw-wrap input{padding-right:58px}.pw-toggle{position:absolute;right:7px;bottom:5px;padding:6px 8px;border:0;border-radius:7px;background:#edf2fa;color:#45516a;font:700 .7rem inherit;cursor:pointer}.process-btn{display:flex;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,#2563eb,#6d49d8);color:#fff;font:700 .94rem inherit;cursor:pointer;box-shadow:0 10px 25px rgba(55,78,207,.23)}.process-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.process-btn:disabled{opacity:.55;cursor:not-allowed}.usage-note{margin:8px 0 0;color:var(--ptw-muted);font-size:.68rem;text-align:center}
.processing-card,.result-card{max-width:620px;margin:auto;padding:65px 24px;text-align:center}.processing-orbit{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border:3px solid #dce7ff;border-top-color:var(--ptw-blue);border-radius:50%;animation:ptw-spin 1s linear infinite}.processing-orbit span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--ptw-blue);color:#fff;font-weight:800;animation:ptw-spin 1s linear infinite reverse}@keyframes ptw-spin{to{transform:rotate(360deg)}}.processing-card h2,.result-card h2{color:var(--ptw-navy)}.processing-card>p,.result-meta,.result-safe{color:var(--ptw-muted);font-size:.82rem}.progress-track{height:9px;margin:22px 0 8px;overflow:hidden;border-radius:999px;background:#e3e9f3}.progress-fill{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .3s}.progress-text{color:var(--ptw-blue);font-size:.75rem;font-weight:700}.process-tips{display:flex;justify-content:space-between;margin-top:20px;color:#8a94a8;font-size:.68rem}.result-check{display:grid;place-items:center;width:66px;height:66px;margin:auto;border-radius:50%;background:#dcfce7;color:#159447;font-size:2rem}.result-icon{display:inline-grid;place-items:center;min-width:42px;height:42px;margin-top:15px;padding:0 8px;border-radius:10px;background:#eaf1ff;color:#2563eb;font-size:.75rem;font-weight:800}.result-title{margin:12px 0 4px}.dl-row{display:flex;justify-content:center;gap:9px;margin-top:20px}.dl-primary,.dl-ghost{padding:11px 18px;border-radius:10px;font:700 .82rem inherit;cursor:pointer}.dl-primary{border:0;background:var(--ptw-blue);color:#fff}.dl-ghost{border:1px solid #d4ddea;background:#fff;color:#47536b}.result-safe{margin-top:14px!important;font-size:.7rem!important}
.ptw-expectations,.format-compare,.ptw-steps,.ptw-faq{margin-top:56px}.section-heading{max-width:760px}.section-heading>span{color:#6d49d8;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.format-compare>h2,.ptw-steps>h2,.ptw-faq>h2{margin:7px 0;color:var(--ptw-navy);font-size:1.55rem}.section-heading p{color:var(--ptw-muted);line-height:1.65}.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.expect-grid article,.compare-cards article{padding:22px;border:1px solid var(--ptw-line);border-radius:17px;background:#fff}.expect-grid article.good{border-top:4px solid #22c55e}.expect-grid article.care{border-top:4px solid #f59e0b}.expect-grid article.scan{border-top:4px solid #ef4444}.expect-grid h3,.compare-cards h3{margin:0 0 10px;color:var(--ptw-navy);font-size:1rem}.expect-grid ul,.compare-cards ul{padding-left:18px}.expect-grid li,.expect-grid p,.compare-cards p,.compare-cards li,.ptw-steps p,.ptw-faq p{color:var(--ptw-muted);font-size:.82rem;line-height:1.65}.compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.format-logo{display:grid;place-items:center;width:45px;height:45px;margin-bottom:14px;border-radius:12px;color:#fff;font-weight:800}.format-logo.word{background:#2563eb}.format-logo.text{background:#53627d;font-size:.68rem}.ptw-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.ptw-steps article{padding:18px;border-radius:15px;background:var(--ptw-soft)}.ptw-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ptw-navy);color:#fff}.ptw-steps h3{margin:12px 0 4px;color:var(--ptw-navy);font-size:.9rem}.ptw-faq{max-width:880px;margin-left:auto;margin-right:auto}.ptw-faq details{padding:15px 2px;border-bottom:1px solid var(--ptw-line)}.ptw-faq summary{color:var(--ptw-navy);font-weight:700;cursor:pointer}
@media(max-width:800px){.ptw-trust{grid-template-columns:1fr 1fr}.pre-layout{grid-template-columns:1fr}.file-summary{padding:18px}.summary-note{margin-top:18px}.expect-grid,.ptw-steps>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ptw-tool-shell{padding:10px}.pdf-upload-zone{min-height:320px;padding:15px}.format-pills,.compare-cards,.expect-grid,.ptw-steps>div{grid-template-columns:1fr}.ptw-trust{grid-template-columns:1fr}.options-card{padding:10px 4px}.dl-row{flex-direction:column}.process-tips{gap:8px}.ptw-hero:after{display:none}}
.result-download{padding:11px 18px;border:0;border-radius:10px;background:var(--ptw-blue);color:#fff;font:700 .82rem inherit;cursor:pointer}
.result-download:hover{filter:brightness(.94)}