.split-pdf-product{--sp-blue:var(--blue);--sp-accent:var(--coral);--sp-ink:var(--ink);--sp-line:var(--line);--sp-surface:var(--surface);--sp-strong:var(--surface-strong);min-width:0;width:100%;max-width:100%;color:var(--sp-ink);background:transparent;font:var(--weight-regular) var(--text-base)/1.45 var(--font-ui)}
body.p-split-pdf-product .wrap{width:min(1520px,calc(100% - 96px));max-width:1520px}
.split-pdf-product *,.split-pdf-product *::before,.split-pdf-product *::after{box-sizing:border-box}.split-pdf-product button,.split-pdf-product input{font:inherit}.split-pdf-product button,.split-pdf-product a{-webkit-tap-highlight-color:transparent}.split-pdf-product :focus-visible{outline:3px solid color-mix(in srgb,var(--sp-accent) 70%,transparent);outline-offset:3px}.split-pdf-product [hidden]{display:none!important}
.sp-intro{padding:clamp(24px,4vh,44px) 0 22px}.sp-intro>div{max-width:820px}.sp-help{min-height:44px;display:inline-flex;align-items:center;border:0;border-bottom:1px solid var(--sp-blue);padding:0;color:var(--sp-blue);background:transparent;cursor:pointer;font-size:13px;font-weight:750}.sp-intro h1{max-width:14ch;margin:8px 0;font:var(--weight-semibold) clamp(34px,5vw,64px)/.98 var(--font-display);letter-spacing:var(--track-display)}.sp-intro p{max-width:710px;margin:0;color:var(--muted);font-size:clamp(15px,1.45vw,19px);line-height:1.45}
.sp-workbench{min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) clamp(400px,29vw,440px);align-items:stretch;overflow:hidden;border:1px solid var(--sp-line);background:var(--sp-surface);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.sp-stage{min-width:0;min-height:640px;position:relative;display:grid;grid-template-rows:minmax(430px,1fr) auto;overflow:hidden;border-right:1px solid var(--sp-line);background:var(--sp-strong)}
.sp-drop-copy{min-height:320px;display:grid;place-items:center;align-content:center;gap:9px;border:2px dashed var(--sp-blue);padding:28px;text-align:center;background:var(--sp-surface);box-shadow:0 12px 30px rgba(37,49,59,.07);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.sp-drop-copy>span,.sp-results>span{color:var(--sp-accent);font-size:11px;font-weight:850;letter-spacing:.13em}.sp-drop-copy h2{max-width:16ch;margin:0;font:var(--weight-semibold) clamp(25px,2.5vw,36px)/1.08 var(--font-display)}.sp-drop-copy p{margin:0;color:var(--muted);font-size:14px}.sp-drop-copy small{max-width:46ch;color:var(--muted);font-size:12px;line-height:1.4}.sp-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sp-pick{min-width:230px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sp-blue);padding:10px 19px;color:var(--text-on-brand);background:var(--sp-blue);box-shadow:5px 5px 0 rgba(37,49,59,.14);cursor:pointer;font-weight:800;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}.sp-pick:hover{background:var(--ink-700)}.sp-stage[data-drag-active=true] .sp-drop-copy{border-style:solid;box-shadow:0 0 0 7px var(--sp-strong),0 0 0 10px var(--sp-blue)}
.sp-process-sketch{display:grid;grid-template-rows:auto auto;margin:12px 0 0;border:1px solid var(--sp-line);background:var(--sp-surface)}.sp-process-sketch>ol{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:14px;list-style:none}.sp-process-sketch>ol::before{content:"";position:absolute;top:48px;left:11%;right:11%;height:1px;background:var(--sp-accent);opacity:.65}.sp-process-sketch li{position:relative;z-index:1;min-width:0;display:grid;place-items:center;align-content:start;gap:7px;text-align:center}.sp-process-sketch li b{font-size:12px;line-height:1.2}.sp-step-visual{width:70px;height:70px;position:relative;display:block;border:1px solid var(--sp-line);background:var(--sp-strong)}.sp-step-visual i{position:absolute;display:block;border:1px solid var(--sp-blue);background:#fff}.sp-step-visual--source i{inset:10px 18px;background:#fff url('/assets/split-pdf-document-pages.webp') left center/600% 100% no-repeat}.sp-step-visual--select i{width:22px;height:38px;top:16px;background-image:url('/assets/split-pdf-document-pages.webp');background-size:600% 100%}.sp-step-visual--select i:nth-child(1){left:6px;background-position:20% center}.sp-step-visual--select i:nth-child(2){left:24px;background-position:40% center}.sp-step-visual--select i:nth-child(3){left:42px;background-position:80% center}.sp-step-visual--mode i:first-child{width:25px;height:38px;left:8px;top:16px;background:#fff url('/assets/split-pdf-document-pages.webp') 20% center/600% 100%}.sp-step-visual--mode i:last-child{width:25px;height:38px;right:8px;top:16px;background:var(--blue-soft);box-shadow:4px 4px 0 -1px var(--sp-strong),4px 4px 0 0 var(--sp-blue)}.sp-step-visual--download i{width:18px;height:30px;top:19px;background-image:url('/assets/split-pdf-document-pages.webp');background-size:600% 100%}.sp-step-visual--download i:nth-child(1){left:8px;background-position:20% center}.sp-step-visual--download i:nth-child(2){left:26px;background-position:40% center}.sp-step-visual--download i:nth-child(3){left:44px;background-position:80% center}.sp-process-sketch figcaption{display:grid;gap:6px;border-top:1px solid var(--sp-line);padding:14px 16px;background:color-mix(in srgb,var(--blue-soft) 62%,var(--sp-strong))}.sp-process-sketch figcaption b{font:var(--weight-semibold) 18px/1.15 var(--font-display)}.sp-process-sketch figcaption span{max-width:72ch;color:var(--muted);font-size:13px;line-height:1.45}.sp-process-sketch figcaption button{min-height:44px;justify-self:start;border:0;border-bottom:1px solid var(--sp-blue);padding:0;color:var(--sp-blue);background:transparent;cursor:pointer;font-weight:800}
.sp-results{min-width:0;display:flex;flex-direction:column;padding:24px;background:var(--sp-surface)}.sp-results h2{margin:7px 0 16px;font:var(--weight-semibold) 22px/1.1 var(--font-display)}.sp-result-choice{display:grid;gap:10px}.sp-result-choice article{border:1px solid var(--sp-line);padding:15px;background:var(--sp-strong)}.sp-result-choice strong{color:var(--sp-blue);font:var(--weight-semibold) 16px/1.2 var(--font-display)}.sp-result-choice p{margin:6px 0 10px;color:var(--muted);font-size:13px;line-height:1.45}.sp-result-choice code{display:block;overflow-wrap:anywhere;padding:9px;background:var(--surface-sunken);font:11px/1.35 var(--font-ui)}.sp-result-note{margin:14px 0;color:var(--muted);font-size:12px;line-height:1.45}.sp-help-links{display:grid;gap:7px;margin-top:auto;border-top:1px solid var(--sp-line);padding-top:14px}.sp-help-links button,.sp-help-links a{min-height:44px;display:flex;align-items:center;border:0;padding:0;color:var(--sp-blue);background:transparent;text-align:left;text-decoration:none;cursor:pointer;font-weight:700}.sp-workspace-link{margin:10px 0 0;text-align:center;font-size:12px}.sp-workspace-link a{color:var(--muted)}.sp-upload-error{margin-top:12px;padding:12px 14px;color:var(--danger-ink);background:var(--red-100);border:1px solid var(--red-200);font-size:13px}
.sp-detail-dialog{width:min(980px,calc(100% - 40px));max-height:min(900px,calc(100dvh - 40px));grid-template-rows:auto minmax(0,1fr) auto;margin:auto;overflow:hidden;border:1px solid var(--sp-blue);padding:0;color:var(--sp-ink);background:var(--sp-strong);box-shadow:0 26px 90px rgba(23,23,23,.28);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.sp-detail-dialog[open]{display:grid}.sp-detail-dialog::backdrop{background:var(--scrim)}.sp-detail-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--sp-line);padding:18px 22px;background:var(--blue-soft)}.sp-detail-dialog>header small{color:var(--sp-accent);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sp-detail-dialog>header h2{margin:3px 0 0;font:var(--weight-semibold) clamp(23px,4vw,36px)/1 var(--font-display)}.sp-detail-dialog>header button{min-width:72px;min-height:44px;border:1px solid var(--sp-blue);color:var(--sp-blue);background:var(--sp-strong);cursor:pointer;font-weight:800}.sp-detail-body{min-height:0;overflow:auto;padding:22px}.sp-detail-body>p{max-width:72ch;margin:0 0 18px;color:var(--muted)}
.sp-montage{min-width:0;margin:0;border:1px solid var(--sp-line);padding:18px;background:var(--sp-surface)}.sp-source-pages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.sp-page-card{position:relative;min-width:0;aspect-ratio:.62;border:1px solid var(--sp-line);background:#fff;overflow:hidden}.sp-page-card.is-selected{border:2px solid var(--sp-blue);box-shadow:0 0 0 1px color-mix(in srgb,var(--sp-blue) 22%,transparent)}.sp-page-number{position:absolute;z-index:2;left:5px;top:5px;display:grid;place-items:center;width:22px;height:22px;color:#fff;background:#a6a7a4;font-size:11px;font-weight:700}.sp-page-card.is-selected .sp-page-number{background:var(--sp-blue)}.sp-page-crop,.sp-output-page{display:block;width:100%;height:100%;background-image:url('/assets/split-pdf-document-pages.webp');background-repeat:no-repeat;background-size:600% 100%;background-position:calc(var(--sp-page-index) * 20%) center}.sp-selection-route{aspect-ratio:2048/682;margin:-1px 0 0}.sp-selection-route img{display:block;width:100%;height:100%;object-fit:contain}.sp-compact-route{display:none}.sp-output-trays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sp-output{min-width:0;border:1px solid var(--sp-line);padding:15px;background:var(--sp-strong)}.sp-output h3{margin:0 0 12px;font:var(--weight-semibold) 15px/1.2 var(--font-display)}.sp-output-pdf{width:min(100%,190px);margin:auto;border:1px solid var(--sp-line);padding:12px 12px 0;background:#fff}.sp-output-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-output-stack i{display:block;aspect-ratio:.58;border:1px solid var(--sp-line);background:#fff url('/assets/split-pdf-document-pages.webp') center/600% 100% no-repeat;background-position:calc(var(--sp-page-index) * 20%) center}.sp-output code,.sp-output-file code{display:block;margin:10px -12px 0;padding:9px 5px;background:var(--surface-sunken);font:10px/1.3 var(--font-ui);text-align:center;white-space:nowrap}.sp-output-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sp-output-file{min-width:0;display:flex;flex-direction:column;aspect-ratio:.7;border:1px solid var(--sp-line);overflow:hidden;background:#fff}.sp-output-file .sp-output-page{flex:1;min-height:0}.sp-output-file code{margin:0;padding:8px 2px;font-size:9px}.sp-montage figcaption{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.45}.sp-detail-steps{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}.sp-detail-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;border-top:1px solid var(--sp-line);padding:13px 0}.sp-detail-steps li>span{color:var(--sp-accent);font-weight:850}.sp-detail-steps b{font:var(--weight-semibold) 15px/1.2 var(--font-display)}.sp-detail-steps p{margin:4px 0 0;color:var(--muted);font-size:13px}.sp-detail-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--sp-line);padding:13px 22px 17px}.sp-detail-dialog>footer>a{min-height:44px;display:flex;align-items:center;color:var(--sp-blue);font-weight:800}.sp-noscript{margin-top:16px;border:1px solid var(--sp-line);padding:16px}.sp-workspace-host{position:relative;z-index:250}.sp-workspace-loading{position:fixed;inset:0;z-index:251;display:grid;place-items:center;background:var(--page);font-family:var(--font-display)}.sp-workspace-status{position:fixed;z-index:400;left:50%;bottom:22px;transform:translateX(-50%);padding:9px 13px;color:#fff;background:var(--ink);font-size:12px;pointer-events:none}
@media(max-width:900px){.sp-workbench{grid-template-columns:minmax(0,1fr)}.sp-stage{border-right:0;border-bottom:1px solid var(--sp-line)}.sp-results{padding:20px}.sp-result-choice{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body.p-split-pdf-product .wrap{width:calc(100% - 32px)}.sp-intro{padding:16px 0 14px}.sp-intro h1{font-size:29px}.sp-intro p{font-size:14px}.sp-workbench{clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.sp-stage{padding:12px}.sp-drop-copy{min-height:245px;padding:20px 14px}.sp-drop-copy h2{font-size:28px}.sp-pick{width:min(100%,270px)}.sp-process-sketch>ol{gap:4px;padding:12px 7px}.sp-process-sketch>ol::before{top:39px}.sp-step-visual{width:52px;height:52px;transform:scale(.82);transform-origin:center}.sp-process-sketch li b{font-size:10px}.sp-process-sketch figcaption{padding:12px}.sp-process-sketch figcaption b{font-size:17px}.sp-process-sketch figcaption span{font-size:12px}.sp-results{padding:16px}.sp-results h2{font-size:21px}.sp-result-choice{grid-template-columns:minmax(0,1fr)}.sp-result-choice article{padding:13px}.sp-detail-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.sp-detail-dialog>header{padding:14px}.sp-detail-dialog>header h2{font-size:22px}.sp-detail-body{padding:14px}.sp-montage{padding:10px}.sp-source-pages{gap:3px}.sp-page-card{aspect-ratio:.56}.sp-page-number{left:2px;top:2px;width:16px;height:16px;font-size:8px}.sp-selection-route{display:none}.sp-compact-route{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0;padding:10px 7px;border-block:1px solid var(--sp-line);color:var(--muted);font-size:11px;text-align:center}.sp-compact-route strong{color:var(--sp-ink)}.sp-output-trays{grid-template-columns:minmax(0,1fr);gap:8px}.sp-output{padding:12px}.sp-output-files{gap:6px}.sp-detail-dialog>footer{align-items:stretch;flex-direction:column;padding:12px 14px 14px}.sp-detail-dialog>footer .sp-pick{width:100%}.sp-workspace-link{display:none}}
@media(prefers-reduced-motion:reduce){.split-pdf-product *,.split-pdf-product *::before,.split-pdf-product *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Literal layout parity with the approved Compress PDF workbench. */
.sp-stage__core{min-width:0;min-height:430px;position:relative}
.sp-empty{height:100%;min-height:430px;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(390px,1.28fr);align-items:center;gap:24px;padding:28px}
.sp-process-sketch{min-width:0;grid-template-rows:minmax(0,1fr) auto;margin:0;overflow:hidden}
.sp-process-sketch>ol{min-height:250px;align-items:center;gap:14px;padding:24px}
.sp-process-sketch>ol::before{display:none}
.sp-process-sketch li:not(:last-child)::after{content:"→";position:absolute;top:25px;right:-12px;color:var(--sp-accent);font-weight:850}
.sp-step-visual{width:64px;height:64px}
.sp-process-sketch figcaption{gap:4px;padding:11px 13px;background:var(--blue-soft)}
.sp-process-sketch figcaption b{font-size:14px;line-height:1.2}
.sp-process-sketch figcaption span{font-size:12px;line-height:1.35}
.sp-results{min-height:640px;padding:24px 26px 26px}
.sp-help-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;border-top:0;padding-top:0;font-size:12px}
.sp-help-links button,.sp-help-links a{text-decoration:underline;text-underline-offset:3px;font-weight:800}
.sp-detail-dialog{width:min(820px,calc(100% - 40px));max-height:min(820px,calc(100dvh - 40px))}
.sp-detail-dialog>header{padding:20px 22px}
.sp-detail-dialog>header h2{font-size:clamp(24px,4vw,38px)}
.sp-detail-steps b{font-size:16px}
.sp-detail-steps p{font-size:14px}
.sp-detail-dialog>footer{padding:14px 22px 18px}
.sp-related{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;padding:12px 0;border-top:1px solid var(--sp-line);font-size:12px}
.sp-related a{min-height:44px;display:inline-flex;align-items:center;color:var(--sp-blue);font-weight:800;text-underline-offset:3px}

@media(max-width:900px){
  body.p-split-pdf-product .wrap{width:calc(100% - 32px)}
  .split-pdf-product{overflow:visible}
  .sp-intro{padding:12px 0 14px}
  .sp-intro h1{margin:3px 0 6px;font-size:31px}
  .sp-intro p{font-size:14px}
  .sp-help{font-size:12px}
  .sp-workbench{min-height:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
  .sp-stage{min-height:0;grid-template-rows:auto auto;border-right:0;border-bottom:1px solid var(--sp-line);padding:0}
  .sp-stage__core,.sp-empty{min-height:300px}
  .sp-empty{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}
  .sp-drop-copy{width:100%;min-height:272px;gap:6px;padding:20px 14px}
  .sp-drop-copy h2{font-size:24px}
  .sp-pick{width:min(100%,300px);min-width:0}
  .sp-process-sketch{grid-template-rows:auto auto}
  .sp-process-sketch>ol{min-height:160px;gap:6px;padding:14px 8px}
  .sp-process-sketch li:not(:last-child)::after{top:19px;right:-6px}
  .sp-step-visual{width:50px;height:50px;transform:scale(.78);transform-origin:center}
  .sp-process-sketch li b{font-size:10px}
  .sp-process-sketch figcaption{padding:9px 11px}
  .sp-results{min-height:0;padding:18px 16px 20px}
  .sp-results h2{font-size:20px}
  .sp-result-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-detail-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .sp-detail-dialog>header{padding:16px}
  .sp-detail-body{padding:16px}
  .sp-detail-dialog>footer{align-items:stretch;flex-direction:column;padding:12px 16px 16px}
  .sp-detail-dialog>footer .sp-pick{width:100%}
}

@media(min-width:901px) and (max-width:1280px){
  body.p-split-pdf-product .wrap{width:calc(100% - 48px)}
  .sp-workbench{min-height:0;grid-template-columns:minmax(0,1fr)}
  .sp-stage{min-height:480px;grid-template-rows:minmax(480px,auto) auto;border-right:0;border-bottom:1px solid var(--sp-line)}
  .sp-stage__core,.sp-empty{min-height:480px}
  .sp-empty{grid-template-columns:minmax(280px,.82fr) minmax(340px,1.18fr);gap:14px;padding:20px}
  .sp-drop-copy{min-height:340px;padding:22px 18px}
  .sp-process-sketch>ol{min-height:220px;gap:10px;padding:16px}
  .sp-process-sketch figcaption{padding:10px 12px}
  .sp-results{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:20px}
  .sp-results>span,.sp-results>h2,.sp-result-note,.sp-help-links{grid-column:1/-1}
  .sp-result-choice{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:430px){
  .sp-intro h1{font-size:27px}
  .sp-stage__core,.sp-empty{min-height:280px}
  .sp-drop-copy{min-height:252px}
  .sp-drop-copy h2{font-size:22px}
  .sp-result-choice{grid-template-columns:minmax(0,1fr)}
  .sp-process-sketch figcaption span{font-size:11px}
}

@media(min-width:1281px){.sp-stage,.sp-results{min-height:620px}.sp-stage__core,.sp-empty{min-height:620px}}

/* Owner-approved expressive light Canvas palette. */
.split-pdf-product .sp-pick{color:var(--text-on-brand);background:var(--sp-blue);box-shadow:5px 5px 0 color-mix(in srgb,var(--sp-blue) 18%,transparent)}
.split-pdf-product .sp-pick:hover{color:var(--text-on-brand);background:var(--sp-blue-deep)}
.split-pdf-product .sp-process-sketch figcaption,
.split-pdf-product .sp-detail-dialog>header{background:var(--blue-soft)}
.split-pdf-product .sp-upload-error{background:#fffdf8}
.split-pdf-product .sp-workspace-status{border:1px solid var(--sp-blue);color:var(--sp-ink);background:var(--blue-soft)}
.split-pdf-product .sp-page-card.is-selected .sp-page-number{border:1px solid var(--sp-blue);color:var(--sp-blue);background:var(--blue-soft)}