:root{--spf-blue:#2563eb;--spf-purple:#7247d9;--spf-ink:#17213b;--spf-muted:#68748b;--spf-line:#dfe6f1;--spf-soft:#f7f9fd}.spf-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf5ff,#f4efff 55%,#fff6ed);border:1px solid #e2e7f4}.spf-hero:after{content:"✂";position:absolute;right:7%;top:50%;transform:translateY(-50%) rotate(-15deg);font-size:9rem;color:rgba(37,99,235,.06)}.spf-page{max-width:1180px}.spf-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.spf-trust span{padding:10px;border:1px solid var(--spf-line);border-radius:10px;background:#fff;color:#56627a;font-size:.76rem;font-weight:600;text-align:center}.spf-shell{padding:22px;border:1px solid var(--spf-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 #b7c8e7;border-radius:20px;background:radial-gradient(circle at 50% 0,#edf4ff,transparent 50%),#fff;text-align:center;cursor:pointer;transition:.2s}.pdf-upload-zone:hover,.pdf-upload-zone.dragover{border-color:var(--spf-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-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--spf-blue),var(--spf-purple));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(--spf-ink)}.pdf-upload-zone p{margin:0;color:var(--spf-muted)}.choose-file{margin:18px 0 12px;padding:10px 22px;border-radius:999px;background:var(--spf-ink);color:#fff;font-weight:700}.pdf-upload-zone small{color:#7c869a}.pre-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}.split-visual{position:relative;width:110px;height:90px;margin-bottom:20px}.split-visual>span,.split-visual>b{position:absolute;display:grid;place-items:center;border-radius:7px 13px 7px 7px;font-size:.65rem}.split-visual>span{left:0;top:0;width:62px;height:76px;background:#fff;color:#2563eb}.split-visual i{position:absolute;left:53px;top:30px;width:20px;border-top:2px dashed #91a7ca}.split-visual>b{right:0;width:35px;height:38px;background:#dfe9ff;color:#325ba8}.split-visual>b:nth-of-type(1){top:0}.split-visual>b:nth-of-type(2){bottom:7px}.file-name{overflow:hidden;text-overflow:ellipsis;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}.file-tip{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}.file-tip strong{color:#c9d8ff;font-size:.72rem;text-transform:uppercase}.file-tip p{color:#c4cede;font-size:.76rem;line-height:1.55}.split-card{padding:10px 14px}.section-title{display:flex;gap:11px}.section-title>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#e9f1ff;color:var(--spf-blue);font-size:.78rem;font-weight:800}.section-title h2{margin:0;color:var(--spf-ink);font-size:1rem}.section-title p{margin:3px 0 0;color:var(--spf-muted);font-size:.74rem}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.mode-card{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid var(--spf-line);border-radius:12px;background:#fff;text-align:left;cursor:pointer;font-family:inherit}.mode-card>b{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#edf2fa;color:#53617a}.mode-card strong{display:block;color:var(--spf-ink);font-size:.75rem}.mode-card small{display:block;margin-top:2px;color:var(--spf-muted);font-size:.63rem}.mode-card.active{border-color:#82a9fb;background:#f1f6ff;box-shadow:0 0 0 2px #dce8ff}.mode-card.active>b{background:var(--spf-blue);color:#fff}.selection-panel{margin-top:14px;padding:13px;border:1px solid var(--spf-line);border-radius:12px;background:#fafbfe}.selection-panel label{color:#536078;font-size:.72rem;font-weight:700}.selection-panel input{width:100%;box-sizing:border-box;margin-top:5px;padding:10px 12px;border:1px solid #d3ddeb;border-radius:9px;font:500 .86rem inherit;outline:none}.selection-panel input:focus{border-color:var(--spf-blue);box-shadow:0 0 0 3px #e7efff}.selection-panel p{margin:6px 0;color:var(--spf-muted);font-size:.67rem}.example-chips{display:flex;gap:5px}.example-chips button{padding:4px 7px;border:1px solid #d6dfed;border-radius:7px;background:#fff;color:#526078;font:600 .65rem inherit;cursor:pointer}.selection-message{margin:8px 2px 0;color:var(--spf-muted);font-size:.7rem}.selection-message.error{color:#c5221f;font-weight:700}.selection-message.success{color:#16813b}.password-option{margin-top:15px;padding:11px 13px;border:1px solid var(--spf-line);border-radius:11px;background:#fafbfe}.password-option summary{color:#48546c;font-size:.77rem;font-weight:700;cursor:pointer}.password-option label{display:block;margin-top:9px;color:#59647a;font-size:.7rem;font-weight:700}.pw-wrap{position:relative}.pw-wrap input{width:100%;box-sizing:border-box;margin-top:5px;padding:10px 58px 10px 11px;border:1px solid #d4ddea;border-radius:9px;font:500 .82rem inherit}.pw-toggle{position:absolute;right:6px;bottom:5px;padding:6px 8px;border:0;border-radius:7px;background:#edf2fa;font:700 .68rem inherit;cursor:pointer}.password-option p{margin:6px 0 0;color:var(--spf-muted);font-size:.67rem}.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,var(--spf-blue),var(--spf-purple));color:#fff;font:700 .94rem inherit;cursor:pointer;box-shadow:0 10px 25px rgba(55,78,207,.23)}.usage-note{margin:8px 0 0;color:var(--spf-muted);font-size:.68rem;text-align:center}.processing-card,.result-card{max-width:650px;margin:auto;padding:65px 24px;text-align:center}.split-animation{display:flex;align-items:center;justify-content:center;gap:12px}.split-animation>span{display:grid;place-items:center;width:60px;height:75px;border-radius:8px 15px 8px 8px;background:#e8f0ff;color:#2563eb;font-weight:800}.split-animation>i{font-size:1.3rem;font-style:normal;animation:snip 1s infinite}@keyframes snip{50%{transform:rotate(-18deg)}}.split-animation>div{display:flex;gap:4px}.split-animation b{display:grid;place-items:center;width:30px;height:40px;border-radius:6px;background:#efe9ff;color:#7046d9}.processing-card h2,.result-card h2{color:var(--spf-ink)}.processing-card p,.result-meta,.result-safe{color:var(--spf-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(--spf-blue),var(--spf-purple));transition:width .3s}.progress-text{color:var(--spf-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}.zip-mark{display:inline-block;margin-top:14px;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(--spf-muted);font-size:.63rem;text-transform:uppercase}.result-stats strong{display:block;margin-top:4px;color:var(--spf-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(--spf-blue);color:#fff}.dl-ghost{border:1px solid #d4ddea;background:#fff;color:#47536b}.result-safe{margin-top:13px!important;font-size:.68rem!important}.mode-explain,.range-guide,.spf-steps,.spf-faq{margin-top:56px}.section-heading{max-width:760px}.section-heading>span{color:var(--spf-purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.range-guide>h2,.spf-steps>h2,.spf-faq>h2{margin:7px 0;color:var(--spf-ink);font-size:1.5rem}.section-heading p{color:var(--spf-muted);line-height:1.65}.explain-grid,.spf-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.explain-grid article,.spf-steps article{padding:18px;border:1px solid var(--spf-line);border-radius:15px;background:#fff}.explain-grid b,.spf-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--spf-ink);color:#fff}.explain-grid h3,.spf-steps h3{margin:12px 0 4px;color:var(--spf-ink);font-size:.88rem}.explain-grid p,.spf-steps p,.range-guide p,.spf-faq p{color:var(--spf-muted);font-size:.79rem;line-height:1.6}.explain-grid code{display:inline-block;padding:4px 7px;border-radius:6px;background:#edf2fa;color:#40506d;font-size:.68rem}.range-guide>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.range-guide article{padding:18px;border-radius:15px;background:var(--spf-soft)}.range-guide span{display:block;color:var(--spf-muted);font-size:.67rem;text-transform:uppercase}.range-guide strong{display:block;margin:7px 0;color:var(--spf-blue);font-size:1rem}.spf-faq{max-width:880px;margin-left:auto;margin-right:auto}.spf-faq details{padding:15px 2px;border-bottom:1px solid var(--spf-line)}.spf-faq summary{color:var(--spf-ink);font-weight:700;cursor:pointer}@media(max-width:800px){.spf-trust{grid-template-columns:1fr 1fr}.pre-layout{grid-template-columns:1fr}.explain-grid,.spf-steps>div,.range-guide>div{grid-template-columns:1fr 1fr}.file-panel{padding:18px}}@media(max-width:560px){.spf-trust,.explain-grid,.spf-steps>div,.range-guide>div{grid-template-columns:1fr}.spf-shell{padding:10px}.pdf-upload-zone{min-height:320px;padding:15px}.split-card{padding:10px 4px}.mode-grid{grid-template-columns:1fr}.dl-row{flex-direction:column}}