:root{--pn-teal:#078c83;--pn-blue:#2563eb;--pn-ink:#17213b;--pn-muted:#68748b;--pn-line:#dfe6f1}.apn-hero{position:relative;overflow:hidden;border:1px solid #d9ecea;background:linear-gradient(135deg,#eafbf8,#edf5ff 62%,#fff)}.apn-hero:after{content:"#";position:absolute;right:8%;top:50%;transform:translateY(-50%) rotate(-8deg);color:rgba(7,140,131,.07);font-size:11rem;font-weight:800}.apn-page{max-width:1180px}.apn-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.apn-trust span{padding:10px;border:1px solid var(--pn-line);border-radius:10px;background:#fff;color:#56627a;font-size:.76rem;font-weight:600;text-align:center}.apn-shell{padding:22px;border:1px solid var(--pn-line);border-radius:24px;background:linear-gradient(145deg,#fff,#f8fcfc);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 #a9d8d3;border-radius:20px;background:radial-gradient(circle at 50% 0,#ddf8f3,transparent 50%),#fff;text-align:center;cursor:pointer;transition:.2s}.pdf-upload-zone:hover,.pdf-upload-zone.dragover{border-color:var(--pn-teal);transform:translateY(-2px);box-shadow:0 18px 50px rgba(7,140,131,.12)}.pdf-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-mark{display:grid;place-items:center;width:74px;height:74px;border-radius:23px;background:linear-gradient(135deg,var(--pn-teal),var(--pn-blue));color:#fff;font-size:2.2rem;font-weight:800;box-shadow:0 14px 32px rgba(30,110,150,.24)}.pdf-upload-zone h2{margin:18px 0 5px;color:var(--pn-ink)}.pdf-upload-zone p{margin:0;color:var(--pn-muted)}.choose-file{margin:18px 0 12px;padding:10px 22px;border-radius:99px;background:var(--pn-ink);color:#fff;font-weight:700}.pdf-upload-zone small{color:#7c869a}.pre-layout{display:grid;grid-template-columns:300px 1fr;gap:20px}.preview-panel{padding:22px;border-radius:18px;background:linear-gradient(155deg,#17233a,#243d52);color:#fff}.paper-preview{position:relative;width:190px;height:245px;margin:0 auto 16px;border-radius:5px 14px 5px 5px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.22);overflow:hidden}.paper-preview:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 25px 25px;border-color:transparent transparent #dce5eb transparent}.paper-preview .line{position:absolute;left:28px;height:5px;border-radius:9px;background:#e0e7ee}.paper-preview .l1{top:55px;width:125px}.paper-preview .l2{top:72px;width:105px}.paper-preview .l3{top:89px;width:135px}.paper-preview b{position:absolute;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:10px}.paper-preview b.top-left{left:0;top:0}.paper-preview b.top-center{left:50%;top:0;transform:translateX(-50%)}.paper-preview b.top-right{right:0;top:0}.paper-preview b.bottom-left{left:0;bottom:0}.paper-preview b.bottom-center{left:50%;bottom:0;transform:translateX(-50%)}.paper-preview b.bottom-right{right:0;bottom:0}.preview-caption strong,.preview-caption small{display:block}.preview-caption strong{font-size:.78rem}.preview-caption small{margin-top:4px;color:#b8c7d5;font-size:.67rem;line-height:1.5}.file-name{margin-top:18px;overflow:hidden;text-overflow:ellipsis;font-weight:700;white-space:nowrap}.file-meta{display:flex;gap:10px;margin-top:5px;color:#bdc9e0;font-size:.72rem}.number-card{padding:8px 13px}.section-title{display:flex;gap:11px}.section-title.second{margin-top:22px}.section-title>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#e3f7f4;color:#067d75;font-size:.78rem;font-weight:800}.section-title h2{margin:0;color:var(--pn-ink);font-size:1rem}.section-title p{margin:3px 0 0;color:var(--pn-muted);font-size:.74rem}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.position-grid button{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--pn-line);border-radius:9px;background:#fff;color:#536078;font:600 .66rem inherit;cursor:pointer}.position-grid button.active{border-color:#62bdb6;background:#eaf9f7;box-shadow:0 0 0 2px #d4f1ed}.position-grid i{position:relative;width:24px;height:31px;border:1px solid #aeb8c7;border-radius:2px;background:#fff}.position-grid i:after{content:"";position:absolute;width:7px;height:3px;border-radius:3px;background:var(--pn-teal)}.position-grid .tl:after{left:3px;top:3px}.position-grid .tc:after{left:8px;top:3px}.position-grid .tr:after{right:3px;top:3px}.position-grid .bl:after{left:3px;bottom:3px}.position-grid .bc:after{left:8px;bottom:3px}.position-grid .br:after{right:3px;bottom:3px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.control-grid label,.password-option label{color:#566178;font-size:.69rem;font-weight:700}.control-grid input,.control-grid select,.pw-wrap 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}.page-chips{display:flex;gap:5px;margin-top:7px}.page-chips button{padding:4px 7px;border:1px solid #d6dfed;border-radius:7px;background:#fff;color:#526078;font:600 .64rem inherit;cursor:pointer}.pages-message{margin:7px 0;color:var(--pn-muted);font-size:.69rem}.pages-message.error{color:#c5221f;font-weight:700}.pages-message.success{color:#16813b}.advanced-option,.password-option{margin-top:11px;padding:10px 12px;border:1px solid var(--pn-line);border-radius:10px;background:#fafcfd}.advanced-option summary,.password-option summary{color:#48546c;font-size:.74rem;font-weight:700;cursor:pointer}.advanced-grid{margin-top:10px}.filename-wrap,.pw-wrap{position:relative}.filename-wrap input{padding-right:45px}.filename-wrap span{position:absolute;right:9px;bottom:10px;color:#8a94a6;font-size:.64rem}.password-option label{display:block;margin-top:8px}.password-option p{margin:6px 0 0;color:var(--pn-muted);font-size:.68rem}.pw-wrap input{padding-right:58px}.pw-toggle{position:absolute;right:5px;bottom:4px;padding:5px 8px;border:0;border-radius:6px;background:#edf2fa;font:700 .65rem inherit;cursor:pointer}.process-btn{display:flex;justify-content:center;gap:8px;width:100%;margin-top:15px;padding:13px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--pn-teal),var(--pn-blue));color:#fff;font:700 .92rem inherit;cursor:pointer;box-shadow:0 10px 25px rgba(20,110,145,.2)}.process-btn:disabled{opacity:.45;cursor:not-allowed}.usage-note{margin:8px 0 0;color:var(--pn-muted);font-size:.67rem;text-align:center}.processing-card,.result-card{max-width:680px;margin:auto;padding:65px 24px;text-align:center}.number-animation{display:flex;justify-content:center;gap:8px}.number-animation span{display:grid;place-items:center;width:52px;height:68px;border-radius:7px 13px 7px 7px;background:#e1f6f3;color:var(--pn-teal);font-weight:800;animation:lift 1.2s infinite}.number-animation span:nth-child(2){animation-delay:.15s}.number-animation span:nth-child(3){animation-delay:.3s}@keyframes lift{50%{transform:translateY(-7px)}}.processing-card h2,.result-card h2{color:var(--pn-ink)}.processing-card p,.result-meta,.result-safe{color:var(--pn-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(--pn-teal),var(--pn-blue));transition:width .3s}.progress-text{color:var(--pn-teal);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}.pdf-mark{display:inline-block;margin-top:13px;padding:5px 9px;border-radius:99px;background:#dff5f2;color:#087c74;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(--pn-muted);font-size:.62rem;text-transform:uppercase}.result-stats strong{display:block;margin-top:4px;color:var(--pn-ink)}.dl-row{display:flex;justify-content:center;gap:9px}.result-download,.dl-ghost{padding:11px 18px;border-radius:10px;font:700 .82rem inherit;cursor:pointer}.result-download{border:0;background:var(--pn-teal);color:#fff}.dl-ghost{border:1px solid #d4ddea;background:#fff;color:#47536b}.result-safe{margin-top:13px!important;font-size:.68rem!important}.format-section,.use-guide,.apn-steps,.apn-faq{margin-top:56px}.section-heading{max-width:760px}.section-heading>span{color:var(--pn-teal);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.use-guide>h2,.apn-steps>h2,.apn-faq>h2{margin:7px 0;color:var(--pn-ink);font-size:1.5rem}.section-heading p{color:var(--pn-muted);line-height:1.65}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.format-grid article,.use-guide article,.apn-steps article{padding:18px;border:1px solid var(--pn-line);border-radius:15px;background:#fff}.format-grid code{display:inline-block;padding:5px 8px;border-radius:7px;background:#e8f7f5;color:#067a72;font-weight:800}.format-grid h3,.apn-steps h3{margin:10px 0 6px;color:var(--pn-ink);font-size:.88rem}.format-grid p,.use-guide p,.apn-steps p,.apn-faq p{color:var(--pn-muted);font-size:.79rem;line-height:1.6}.use-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.use-guide strong{color:var(--pn-ink)}.apn-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.apn-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--pn-ink);color:#fff}.apn-faq{max-width:880px;margin-left:auto;margin-right:auto}.apn-faq details{padding:15px 2px;border-bottom:1px solid var(--pn-line)}.apn-faq summary{color:var(--pn-ink);font-weight:700;cursor:pointer}@media(max-width:850px){.apn-trust{grid-template-columns:1fr 1fr}.pre-layout{grid-template-columns:1fr}.preview-panel{display:grid;grid-template-columns:190px 1fr;gap:16px}.paper-preview{grid-row:span 3}.format-grid{grid-template-columns:1fr 1fr}.apn-steps>div{grid-template-columns:1fr 1fr}}@media(max-width:560px){.apn-trust,.format-grid,.use-guide>div,.apn-steps>div{grid-template-columns:1fr}.apn-shell{padding:10px}.pdf-upload-zone{min-height:320px;padding:15px}.preview-panel{display:block}.paper-preview{width:170px;height:220px}.number-card{padding:8px 3px}.position-grid{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr}.result-stats{grid-template-columns:1fr}.dl-row{flex-direction:column}}