:root{--pti-blue:#2563eb;--pti-purple:#7046d9;--pti-ink:#17213b;--pti-muted:#68748b;--pti-line:#dfe6f1;--pti-soft:#f7f9fd}.pti-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf5ff,#f5efff 55%,#fff6ed);border:1px solid #e1e7f4}.pti-hero:after{content:"▧";position:absolute;right:7%;top:50%;transform:translateY(-50%) rotate(8deg);font-size:10rem;color:rgba(37,99,235,.06)}.pti-page{max-width:1180px}.pti-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.pti-trust span{padding:10px;border:1px solid var(--pti-line);border-radius:10px;background:#fff;color:#56627a;font-size:.76rem;font-weight:600;text-align:center}.pti-shell{padding:22px;border:1px solid var(--pti-line);border-radius:24px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 22px 70px rgba(31,48,85,.1)}.drop-zone{position:relative;display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #b7c8e7;border-radius:20px;background:radial-gradient(circle at 50% 0,#edf4ff,transparent 50%),#fff;text-align:center;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--pti-blue);transform:translateY(-2px);box-shadow:0 18px 50px rgba(37,99,235,.12)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--pti-blue),var(--pti-purple));color:#fff;font-size:2rem;box-shadow:0 14px 32px rgba(65,75,210,.25)}.drop-zone h2{margin:18px 0 5px;color:var(--pti-ink)}.drop-zone p{margin:0;color:var(--pti-muted)}.choose-file{margin:18px 0 12px;padding:10px 22px;border-radius:99px;background:var(--pti-ink);color:#fff;font-weight:700}.drop-zone small{color:#7c869a}.options-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.file-panel{padding:24px;border-radius:18px;background:linear-gradient(155deg,#17213a,#293755);color:#fff}.render-visual{display:flex;align-items:center;gap:8px;height:90px;margin-bottom:18px}.render-visual>span{display:grid;place-items:center;width:61px;height:76px;border-radius:7px 14px 7px 7px;background:#fff;color:#2563eb;font-size:.7rem;font-weight:800}.render-visual i{color:#a9b7cf;font-style:normal}.render-visual>div{display:flex;flex-direction:column;gap:5px}.render-visual b{display:grid;place-items:center;width:42px;height:31px;border-radius:7px;background:#dfe9ff;color:#315b9f;font-size:.58rem}.file-name{overflow:hidden;text-overflow:ellipsis;font-weight:700;white-space:nowrap}.file-meta span{display:block;margin-top:5px;color:#bdc9e0;font-size:.72rem}.change-file{margin-top:15px;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:transparent;color:#fff;font:600 .7rem inherit;cursor:pointer}.resource-note{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.resource-note strong{color:#c9d8ff;font-size:.72rem;text-transform:uppercase}.resource-note p{color:#c4cede;font-size:.76rem;line-height:1.55}.settings-card{padding:10px 14px}.section-title{display:flex;gap:11px}.section-title.second{margin-top:23px}.section-title>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#e9f1ff;color:var(--pti-blue);font-size:.78rem;font-weight:800}.section-title h2{margin:0;color:var(--pti-ink);font-size:1rem}.section-title p{margin:3px 0 0;color:var(--pti-muted);font-size:.74rem}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.format-card{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--pti-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;font-family:inherit}.format-card>b{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#edf2fa;color:#53617a;font-size:.65rem}.format-card strong,.format-card small{display:block}.format-card strong{color:var(--pti-ink);font-size:.76rem}.format-card small{margin-top:2px;color:var(--pti-muted);font-size:.62rem}.format-card.active{border-color:#82a9fb;background:#f1f6ff;box-shadow:0 0 0 2px #dce8ff}.format-card.active>b{background:var(--pti-blue);color:#fff}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.settings-grid label,.pages-field,.password-option label{color:#566178;font-size:.69rem;font-weight:700}.settings-grid select,.pages-field input{width:100%;box-sizing:border-box;margin-top:5px;padding:9px 10px;border:1px solid #d5deeb;border-radius:9px;background:#fff;font:500 .78rem inherit}.quality-row{display:flex;align-items:center;gap:8px;height:36px;margin-top:5px}.quality-row input{flex:1}.quality-row span{min-width:35px;color:var(--pti-blue);font-size:.7rem}.pages-field{display:block;margin-top:13px}.page-examples{display:flex;gap:5px;margin-top:7px}.page-examples button{padding:4px 7px;border:1px solid #d6dfed;border-radius:7px;background:#fff;color:#526078;font:600 .64rem inherit;cursor:pointer}.pages-message{margin-top:7px;color:var(--pti-muted);font-size:.69rem}.pages-message.error{color:#c5221f;font-weight:700}.pages-message.success{color:#16813b}.password-option{margin-top:14px;padding:11px 13px;border:1px solid var(--pti-line);border-radius:11px;background:#fafbfe}.password-option summary{color:#48546c;font-size:.76rem;font-weight:700;cursor:pointer}.password-option label{display:block;margin-top:8px}.pw-wrap{position:relative}.pw-wrap input{width:100%;box-sizing:border-box;margin-top:5px;padding:9px 58px 9px 10px;border:1px solid #d5deeb;border-radius:9px;font:500 .78rem inherit}.pw-wrap button{position:absolute;right:5px;bottom:4px;padding:5px 8px;border:0;border-radius:6px;background:#edf2fa;font:700 .65rem inherit;cursor:pointer}.convert-action{display:flex;justify-content:center;gap:8px;width:100%;margin-top:17px;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--pti-blue),var(--pti-purple));color:#fff;font:700 .92rem inherit;cursor:pointer;box-shadow:0 10px 25px rgba(55,78,207,.23)}.convert-action:disabled{opacity:.45;cursor:not-allowed}.usage-note{margin:8px 0 0;color:var(--pti-muted);font-size:.67rem;text-align:center}.processing-card,.result-card{max-width:680px;margin:auto;padding:65px 24px;text-align:center}.render-animation{display:flex;align-items:center;justify-content:center;gap:10px}.render-animation>span{display:grid;place-items:center;width:60px;height:76px;border-radius:8px 15px 8px 8px;background:#e8f0ff;color:#2563eb;font-weight:800}.render-animation i{font-style:normal}.render-animation>div{display:flex;gap:4px}.render-animation b{display:grid;place-items:center;width:31px;height:41px;border-radius:6px;background:#eee8ff;color:#7046d9;animation:pulse 1s infinite}.render-animation b:nth-child(2){animation-delay:.15s}.render-animation b:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{transform:translateY(-6px)}}.processing-card h2,.result-card h2{color:var(--pti-ink)}.processing-card p,.result-card>p{color:var(--pti-muted);font-size:.8rem}.progress-track{height:9px;margin:22px 0 8px;overflow:hidden;border-radius:99px;background:#e2e8f2}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,var(--pti-blue),var(--pti-purple));transition:width .3s}.progress-text{color:var(--pti-blue);font-size:.75rem;font-weight:700}.result-check{display:grid;place-items:center;width:66px;height:66px;margin:auto;border-radius:50%;background:#dcfce7;color:#159447;font-size:2rem}.result-format{display:inline-block;margin-top:13px;padding:5px 9px;border-radius:99px;background:#e9f1ff;color:#245bc7;font-size:.68rem;font-weight:800}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.result-stats>div{padding:12px;border-radius:11px;background:#f3f6fb}.result-stats span{display:block;color:var(--pti-muted);font-size:.62rem;text-transform:uppercase}.result-stats strong{display:block;margin-top:4px;color:var(--pti-ink)}.result-actions{display:flex;justify-content:center;gap:9px}.result-download,.secondary-btn{padding:11px 18px;border-radius:10px;font:700 .82rem inherit;cursor:pointer}.result-download{border:0;background:var(--pti-blue);color:#fff}.secondary-btn{border:1px solid #d4ddea;background:#fff;color:#47536b}.format-guide,.dpi-guide,.pti-steps,.pti-faq{margin-top:56px}.section-heading{max-width:760px}.section-heading>span{color:var(--pti-purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.dpi-guide>h2,.pti-steps>h2,.pti-faq>h2{margin:7px 0;color:var(--pti-ink);font-size:1.5rem}.section-heading p{color:var(--pti-muted);line-height:1.65}.format-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.format-compare article,.dpi-guide article,.pti-steps article{padding:19px;border:1px solid var(--pti-line);border-radius:15px;background:#fff}.format-compare b{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--pti-blue);color:#fff}.format-compare h3,.dpi-guide h3,.pti-steps h3{margin:12px 0 5px;color:var(--pti-ink);font-size:.9rem}.format-compare li,.dpi-guide p,.pti-steps p,.pti-faq p{color:var(--pti-muted);font-size:.79rem;line-height:1.6}.format-compare ul{padding-left:18px}.dpi-guide>div,.pti-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.dpi-guide article{background:var(--pti-soft)}.dpi-guide article.recommended{border-color:#8eb0f8;background:#f0f5ff}.dpi-guide strong{color:var(--pti-blue);font-size:1.3rem}.dpi-guide span{margin-left:4px;color:var(--pti-muted);font-size:.62rem}.pti-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--pti-ink);color:#fff}.pti-faq{max-width:880px;margin-left:auto;margin-right:auto}.pti-faq details{padding:15px 2px;border-bottom:1px solid var(--pti-line)}.pti-faq summary{color:var(--pti-ink);font-weight:700;cursor:pointer}.conversion-error{margin-bottom:13px;padding:11px 14px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b42318;font-size:.8rem}@media(max-width:800px){.pti-trust{grid-template-columns:1fr 1fr}.options-layout{grid-template-columns:1fr}.dpi-guide>div,.pti-steps>div{grid-template-columns:1fr 1fr}.file-panel{padding:18px}}@media(max-width:560px){.pti-trust,.format-compare,.dpi-guide>div,.pti-steps>div{grid-template-columns:1fr}.pti-shell{padding:10px}.drop-zone{min-height:320px;padding:15px}.settings-card{padding:10px 4px}.settings-grid{grid-template-columns:1fr}.result-stats{grid-template-columns:1fr}.result-actions{flex-direction:column}}