/* RichScripts single-purpose PDF tool pages. Builds on tools-ui.css. */
.pk-hero{padding:8px 0 22px}
.pk-hero .tag,.panel .tag{color:#7155ba;letter-spacing:1.5px;font-size:11px;font-weight:750}
.pk-hero h1{margin:8px 0 10px}
.pk-hero .intro{max-width:780px;margin-bottom:14px}
.pk-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;font-weight:600;color:#477466}
.panel{padding:24px;border:1px solid #e1dfeb;border-radius:20px;background:#fff;box-shadow:0 10px 35px #26215105;margin:0 0 20px}
.panel .actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.panel .actions span{background:#f6f5fc;border:1px solid #e7e4f3;border-radius:10px;padding:6px 10px;font-size:13px}
.panel .small{font-size:12px;color:#6b7388}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:20px;align-items:start}
.pk-main,.pk-side{padding:24px;border:1px solid #e1dfeb;border-radius:20px;background:#fff;box-shadow:0 10px 35px #26215105;min-width:0}
.pk-side{position:sticky;top:16px}
.pk-side h2,.pk-main h2{font-size:18px;margin:4px 0 14px}
#pk-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:170px;border:2px dashed #cfc9ea;border-radius:16px;background:#faf9ff;cursor:pointer;text-align:center;padding:20px;transition:border-color .15s,background .15s}
#pk-drop:hover,#pk-drop.pk-over{border-color:#6051e8;background:#f2f0ff}
#pk-drop.pk-has{min-height:88px}
#pk-drop strong{font-size:17px;color:#2b2463}
#pk-drop span:not(.pk-drop-btn){font-size:13px;color:#6b7388}
.pk-drop-btn{display:inline-block;margin-top:6px;background:#6051e8;color:#fff!important;border-radius:10px;padding:9px 18px;font-weight:700;font-size:14px}
#pk-file{position:absolute;width:1px;height:1px;opacity:0}
#pk-files{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}
#pk-files li{display:flex;align-items:center;gap:10px;background:#f7f7fb;border-radius:10px;padding:7px 10px;font-size:14px}
#pk-files li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pk-files li small{color:#6b7388}
#pk-files li button{border:0;background:none;font-size:18px;line-height:1;padding:2px 6px;cursor:pointer;color:#7a7f92}
#pk-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;margin-top:18px}
#pk-pages:empty{display:none}
.pk-page{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:2px solid transparent;border-radius:12px;background:#f7f7fb;user-select:none}
#pk-pages[data-mode=select] .pk-page,#pk-pages[data-mode=rotate] .pk-page,#pk-pages[data-mode=pick] .pk-page{cursor:pointer}
#pk-pages[data-mode=order] .pk-page{cursor:grab}
.pk-page:hover{border-color:#cfc9ea}.pk-page:focus-visible{outline:3px solid #6051e8;outline-offset:2px}
.pk-thumb{display:grid;place-items:center;width:100%;aspect-ratio:3/4;overflow:hidden}
.pk-thumb canvas,.pk-thumb img{max-width:100%;max-height:100%;box-shadow:0 2px 8px #0002;background:#fff;transition:transform .2s}
.pk-num{font-size:12px;font-weight:650;color:#4b4f63}
.pk-del{border-color:#e5484d!important;background:#fff1f1}
.pk-del .pk-thumb{opacity:.35}
.pk-del::after{content:"✕";position:absolute;top:6px;right:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e5484d;color:#fff;font-size:13px;font-weight:800}
.pk-rot{border-color:#6051e8}
.pk-current{border-color:#6051e8;background:#f0eeff}
.pk-drag{opacity:.4}
.pk-moves{display:flex;gap:4px}
.pk-move{border:1px solid #d9d6e8;background:#fff;border-radius:7px;width:30px;height:26px;padding:0;cursor:pointer;font-size:16px;line-height:1}
.pk-side label{display:block;font-size:13px;font-weight:650;margin:12px 0 5px;color:#2a3045}
.pk-side input:not([type=checkbox]):not([type=radio]),.pk-side select,.pk-side textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #d9dce7;border-radius:10px;font:inherit;font-size:14px;background:#fff}
.pk-side input[type=color]{height:40px;padding:3px}
.pk-side .pk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pk-side .pk-inline{display:flex;align-items:center;gap:8px;font-weight:500}
.pk-side .pk-inline input{width:auto}
.pk-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pk-btnrow button{font-size:13px;padding:7px 11px}
#pk-run{width:100%;margin-top:18px;padding:14px;font-size:16px;font-weight:750;border-radius:12px;background:#6051e8;border-color:#6051e8;color:#fff;cursor:pointer}
#pk-run:disabled{opacity:.45;cursor:not-allowed}
#pk-hint{font-size:13px;color:#6b7388;margin:10px 0 0}
#pk-status{font-size:14px;margin:12px 0 0;color:#2a3045}
#pk-status.pk-error{color:#c42b2f}
#pk-progress{width:100%;margin-top:10px}
#pk-result{margin-top:14px;padding:14px;border-radius:12px;background:#ecfdf3;border:1px solid #b7ebcc}
#pk-download{display:block;text-align:center;background:#16a34a;color:#fff;border-radius:10px;padding:11px;font-weight:750;text-decoration:none;overflow-wrap:anywhere}
.pk-note{font-size:12px;color:#6b7388;margin-top:10px}
#pk-text{width:100%;min-height:220px;margin-top:14px;padding:12px;border:1px solid #d9dce7;border-radius:12px;font:13px/1.6 ui-monospace,Consolas,monospace;box-sizing:border-box}
/* sign */
#pk-sigpad{width:100%;height:150px;border:1px dashed #b9b3dc;border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}
#pk-stage{margin-top:18px}
#pk-stage-label{font-size:13px;color:#6b7388;margin-bottom:8px}
#pk-stage-page{position:relative;display:inline-block;max-width:100%;cursor:copy;line-height:0}
#pk-stage-canvas{max-width:100%;height:auto;box-shadow:0 4px 18px #0002}
.pk-placed{position:absolute;transform:translate(-50%,-50%);cursor:pointer;outline:1px dashed #6051e8}
/* form */
#pk-form{display:grid;gap:4px;margin-top:16px}
.pk-field{display:grid;gap:4px;font-size:13px;font-weight:650;margin:6px 0}
.pk-field input,.pk-field textarea,.pk-field select{padding:9px 11px;border:1px solid #d9dce7;border-radius:10px;font:inherit;font-weight:400}
.pk-check{display:flex;gap:8px;align-items:center;font-size:14px;margin:8px 0}
.pk-radio{border:1px solid #e1dfeb;border-radius:10px;padding:8px 12px;margin:6px 0}
.pk-radio label{display:inline-flex;gap:6px;margin-right:14px;font-size:14px}
.pk-empty{padding:16px;border-radius:12px;background:#fff8e6;border:1px solid #f3dfa8}
/* content */
.pk-content{max-width:1080px;margin:50px auto 0}
.pk-content section{margin:0 0 48px}
.pk-content h2{font-size:clamp(23px,2.5vw,30px);letter-spacing:-.6px;margin:0 0 16px}
.pk-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pk-steps li{background:#fff;border:1px solid #e1dfeb;border-radius:16px;padding:20px}
.pk-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#6051e8;color:#fff;margin-bottom:10px}
.pk-steps strong{display:block;font-size:16px}.pk-steps p{margin:6px 0 0;font-size:14px}
.pk-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.pk-features div{background:#fff;border:1px solid #e1dfeb;border-radius:16px;padding:20px}
.pk-features h3{margin:0 0 6px;font-size:16px}.pk-features p{margin:0;font-size:14px}
.pk-faq details{border-bottom:1px solid #e4e2ee;padding:14px 0}.pk-faq summary{font-weight:650;cursor:pointer}.pk-faq p{margin:8px 0 0}
.pk-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pk-related a{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e1dfeb;border-radius:12px;padding:12px 14px;text-decoration:none;color:#1f2540;font-weight:600;font-size:14px}
.pk-related a:hover{border-color:#6051e8}
.pk-related a span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f0eeff;color:#6051e8;flex-shrink:0}
@media(max-width:860px){.workspace{grid-template-columns:1fr}.pk-side{position:static}.pk-steps{grid-template-columns:1fr}#pk-pages{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}
