.watermark-product,.background-product,.png-jpg-product,.split-archive-product{--p-blue:var(--blue);--p-line:var(--line);--p-surface:var(--surface);--p-strong:var(--surface-strong);--p-accent:var(--coral);color:var(--ink);font:var(--weight-regular) var(--text-base)/1.45 var(--font-ui)}
body.p-image-watermark-product .wrap,body.p-remove-background-product .wrap,body.p-png-to-jpg-product .wrap,body.p-split-archive-product .wrap{width:min(1520px,calc(100% - 96px));max-width:1520px}
.watermark-product *,.background-product *,.png-jpg-product *,.split-archive-product *{box-sizing:border-box}.watermark-product :focus-visible,.background-product :focus-visible,.png-jpg-product :focus-visible,.split-archive-product :focus-visible{outline:3px solid var(--p-accent);outline-offset:3px}
.tool-intro{max-width:900px;padding:clamp(24px,4vh,44px) 0 22px}.tool-intro>button{min-height:44px;border:0;border-bottom:1px solid var(--p-blue);padding:0;color:var(--p-blue);background:transparent;font-weight:750}.tool-intro h1{margin:8px 0;font:var(--weight-semibold) clamp(34px,5vw,64px)/.98 var(--font-display);letter-spacing:var(--track-display)}.tool-intro p{max-width:760px;margin:0;color:var(--muted);font-size:clamp(15px,1.45vw,19px)}
.product-workbench,.sa-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(--p-line);background:var(--p-surface);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.product-stage,.sa-stage{min-width:0;min-height:640px;display:grid;grid-template-columns:340px minmax(0,1fr);align-content:center;gap:24px;border-right:1px solid var(--p-line);padding:28px;background:var(--p-strong)}
.tool-drop{min-height:340px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed var(--p-blue);padding:26px;text-align:center;background:var(--p-surface);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.tool-drop>span,.watermark-controls>span,.alpha-controls>span,.contour-check>span,.capacity-planner>span{color:var(--p-accent);font-size:11px;font-weight:850;letter-spacing:.12em}.tool-drop h2{max-width:12ch;margin:0;font:var(--weight-semibold) clamp(25px,2.5vw,34px)/1.04 var(--font-display)}.tool-drop p,.tool-drop small,.watermark-controls small,.alpha-controls small,.contour-check small,.capacity-planner small{margin:0;color:var(--muted);font-size:12px}.tool-primary{min-height:50px;border:1px solid var(--p-blue);padding:10px 19px;color:var(--text-on-brand);background:var(--p-blue);font-weight:800;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}.tool-primary:disabled{opacity:.48}
.product-process,.sa-process{min-width:0;align-self:center;margin:0;border:1px solid var(--p-line);background:var(--p-surface)}.product-process img,.sa-process img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.product-process figcaption,.sa-process figcaption{display:grid;gap:4px;border-top:1px solid var(--p-line);padding:13px;background:var(--blue-soft)}.product-process figcaption b,.sa-process figcaption b{font:var(--weight-semibold) 15px/1.2 var(--font-display)}.product-process figcaption span,.sa-process figcaption span{color:var(--muted);font-size:12px}.product-process figcaption button,.sa-process figcaption button{width:max-content;max-width:100%;min-height:40px;border:0;border-bottom:1px solid var(--p-blue);padding:4px 0;color:var(--p-blue);background:transparent;font-weight:800}
.watermark-controls,.alpha-controls,.contour-check,.capacity-planner{display:grid;align-content:center;gap:14px;padding:26px;background:var(--p-surface)}.watermark-controls h2,.alpha-controls h2,.contour-check h2,.capacity-planner h2{margin:0;font:var(--weight-semibold) 23px/1.1 var(--font-display)}.watermark-controls>p,.alpha-controls>p,.contour-check>p,.capacity-planner>p{margin:0;color:var(--muted);font-size:13px}.watermark-controls label,.alpha-controls label,.capacity-planner label{display:grid;gap:6px;font-weight:800}.watermark-controls input:not([type=radio]),.capacity-planner input{width:100%;min-height:46px;border:1px solid var(--p-line);padding:8px;background:var(--p-strong);font:inherit}.watermark-controls fieldset{margin:0;border:0;padding:0}.watermark-controls fieldset>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.watermark-controls fieldset label{min-height:48px;place-items:center;border:1px solid var(--p-line);padding:6px;background:var(--p-strong);font-size:11px;text-align:center}.watermark-controls fieldset label:has(input:checked){border-color:var(--p-accent);background:var(--coral-soft)}.watermark-controls fieldset input{position:absolute;opacity:0}.watermark-controls output,.alpha-controls output,.contour-check output,.capacity-planner output{border-left:4px solid var(--p-accent);padding:11px;background:var(--coral-soft)}
.watermark-controls fieldset label:has(input:focus-visible){outline:3px solid var(--p-accent);outline-offset:3px}
.alpha-controls>div{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:6px}.alpha-controls>div button,.alpha-controls>div label{min-height:48px;display:grid;place-items:center;border:1px solid var(--p-line);padding:6px;background:var(--p-strong);font-weight:800}.alpha-controls>div button[aria-pressed=true]{border-color:var(--p-accent);box-shadow:inset 4px 0 var(--p-accent);background:var(--coral-soft)}.alpha-controls input[type=range]{width:100%;min-height:46px}.alpha-controls input[type=color]{width:42px;height:28px;border:0;padding:0}
.contour-check ol{display:grid;gap:1px;margin:0;padding:0;background:var(--p-line);list-style:none}.contour-check li{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px;background:var(--p-strong)}.contour-check li b{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--p-accent);color:var(--p-accent);font:var(--weight-semibold) 15px/1 var(--font-display)}.contour-check li span{font-size:13px;font-weight:750}.capacity-planner label{grid-template-columns:1fr 100px;align-items:center}.capacity-planner output{min-height:66px}
.tool-limit{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0 30px;border:1px solid var(--p-line);padding:20px;background:var(--p-strong)}.tool-limit h2{margin:0;font:var(--weight-semibold) 18px/1.2 var(--font-display)}.tool-limit p{max-width:720px;margin:3px 0 0;color:var(--muted)}.tool-limit a{min-height:44px;display:flex;align-items:center;color:var(--p-blue);font-weight:800}.tool-error{border:1px solid var(--danger-ink);padding:12px;background:var(--red-100)}
.product-detail-dialog{width:min(980px,calc(100% - 40px));max-height:calc(100dvh - 40px);grid-template-rows:auto minmax(0,1fr) auto;margin:auto;overflow:hidden;border:1px solid var(--p-blue);padding:0;color:var(--ink);background:var(--p-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))}.product-detail-dialog[open]{display:grid}.product-detail-dialog::backdrop{background:var(--scrim)}.product-detail-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--p-line);padding:18px 22px;background:var(--blue-soft)}.product-detail-dialog>header small{color:var(--p-accent);font-size:11px;font-weight:850;letter-spacing:.12em}.product-detail-dialog>header h2{margin:3px 0 0;font:var(--weight-semibold) clamp(23px,4vw,36px)/1 var(--font-display)}.product-detail-dialog>header button{min-width:72px;min-height:44px;border:1px solid var(--p-blue);color:var(--p-blue);background:var(--p-strong);font-weight:800}.product-detail-dialog>div{min-height:0;overflow:auto;padding:22px}.product-detail-dialog>div>p{max-width:72ch;margin:0 0 18px;color:var(--muted)}.product-detail-dialog img{display:block;width:100%;height:auto;border:1px solid var(--p-line)}.product-detail-dialog ol{display:grid;gap:0;margin:16px 0 0;padding:0;list-style:none}.product-detail-dialog li{display:grid;grid-template-columns:36px 1fr;gap:10px;border-top:1px solid var(--p-line);padding:12px}.product-detail-dialog li b{color:var(--p-accent)}.product-detail-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--p-line);padding:13px 22px 17px}.product-detail-dialog>footer>a{min-height:44px;display:flex;align-items:center;color:var(--p-blue);font-weight:800}
.pn-workspace-host{position:fixed;inset:0;z-index:10000;background:var(--page)}
@media(max-width:1100px){.product-stage,.sa-stage{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:16px;padding:18px}}
@media(max-width:1040px){body.p-image-watermark-product .wrap,body.p-remove-background-product .wrap,body.p-png-to-jpg-product .wrap,body.p-split-archive-product .wrap{width:calc(100% - 32px)}.tool-intro{padding:12px 0 14px}.tool-intro h1{font-size:31px}.product-workbench,.sa-workbench{min-height:0;grid-template-columns:1fr}.product-stage,.sa-stage{min-height:0;grid-template-columns:1fr;border-right:0;border-bottom:1px solid var(--p-line);padding:14px}.tool-drop{min-height:270px}.product-process img,.sa-process img{aspect-ratio:auto;max-height:290px}.watermark-controls,.alpha-controls,.contour-check,.capacity-planner{padding:16px}.tool-limit{align-items:flex-start;flex-direction:column}.product-detail-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}}
@media(max-width:430px){.tool-intro h1{font-size:27px}.tool-drop{min-height:245px;padding:20px 14px}.product-process img,.sa-process img{max-height:170px}.product-process figcaption,.sa-process figcaption{padding:11px}.watermark-controls fieldset>div,.alpha-controls>div{grid-template-columns:1fr}.product-detail-dialog>header{padding:14px}.product-detail-dialog>header h2{font-size:22px}.product-detail-dialog>div{padding:14px}.product-detail-dialog>footer{align-items:stretch;flex-direction:column;padding:12px 14px 14px}.product-detail-dialog>footer .tool-primary{width:100%}}
@media(min-width:901px) and (max-width:1280px){body.p-image-watermark-product .wrap,body.p-remove-background-product .wrap,body.p-png-to-jpg-product .wrap,body.p-split-archive-product .wrap{width:calc(100% - 48px)}.product-workbench,.sa-workbench{min-height:0;grid-template-columns:1fr}.product-stage,.sa-stage{min-height:480px;grid-template-columns:minmax(280px,.82fr) minmax(340px,1.18fr);gap:14px;border-right:0;border-bottom:1px solid var(--p-line);padding:20px}.tool-drop{min-height:340px;padding:22px 18px}.product-process img,.sa-process img{min-height:220px;aspect-ratio:auto}.watermark-controls,.alpha-controls,.contour-check,.capacity-planner{min-height:0;padding:20px}}
@media(max-width:900px){body.p-image-watermark-product .wrap,body.p-remove-background-product .wrap,body.p-png-to-jpg-product .wrap,body.p-split-archive-product .wrap{width:calc(100% - 32px)}.tool-intro{padding:12px 0 14px}.tool-intro h1{margin:3px 0 6px;font-size:31px}.tool-intro p{font-size:14px}.product-workbench,.sa-workbench{min-height:0;grid-template-columns:1fr}.product-stage,.sa-stage{min-height:0;grid-template-columns:1fr;gap:10px;border-right:0;border-bottom:1px solid var(--p-line);padding:14px}.tool-drop{min-height:272px;padding:20px 14px}.product-process img,.sa-process img{aspect-ratio:auto;max-height:290px}.watermark-controls,.alpha-controls,.contour-check,.capacity-planner{padding:16px}.tool-limit{align-items:flex-start;flex-direction:column}.product-detail-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}}
@media(min-width:901px) and (max-width:1280px){.tool-intro{padding:clamp(24px,4vh,44px) 0 22px}.tool-intro h1{margin:8px 0;font-size:clamp(34px,5vw,64px)}.tool-intro p{font-size:clamp(15px,1.45vw,19px)}}
@media(max-width:430px){.tool-intro h1{font-size:27px}.tool-drop{min-height:252px}}

/* Owner-approved expressive light Canvas palette for the four shared tools. */
.watermark-product .tool-primary,
.background-product .tool-primary,
.png-jpg-product .tool-primary,
.split-archive-product .tool-primary{color:var(--text-on-brand);background:var(--p-blue);box-shadow:5px 5px 0 color-mix(in srgb,var(--p-blue) 18%,transparent)}
.watermark-product .watermark-controls fieldset label:has(input:checked),
.watermark-product .watermark-controls output,
.background-product .alpha-controls output,
.background-product .contour-check output,
.background-product .alpha-controls>div button[aria-pressed=true],
.png-jpg-product .alpha-controls output,
.png-jpg-product .alpha-controls>div button[aria-pressed=true],
.split-archive-product .capacity-planner output,
.watermark-product .product-process figcaption,
.background-product .product-process figcaption,
.png-jpg-product .product-process figcaption,
.split-archive-product .sa-process figcaption,
.watermark-product .product-detail-dialog>header,
.background-product .product-detail-dialog>header,
.png-jpg-product .product-detail-dialog>header,
.split-archive-product .product-detail-dialog>header{background:var(--blue-soft)}
.watermark-product .tool-error,
.background-product .tool-error,
.png-jpg-product .tool-error,
.split-archive-product .tool-error{background:#fffdf8}