body{padding-bottom:0!important}.sign-panel{scroll-margin-top:85px}.sign-stage{scroll-margin-top:85px}
.ink-details{margin:12px 0;border-top:1px solid var(--line);padding-top:5px;min-width:0}
.ink-details>summary{font-size:12px;font-weight:700;cursor:pointer;padding:9px 0;list-style-position:inside}
.ink-details[open]>summary{color:var(--accent1)}.ink-details .sf{margin:10px 0}.ink-details output{float:right;font-size:11px;color:var(--muted);font-weight:400}.ink-details input[type=range]{width:100%;accent-color:var(--accent1);min-height:24px}
.ink-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}
.ink-before-after{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.ink-before-after figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}
.ink-before-after canvas{display:block;width:100%;height:90px;object-fit:contain;background:repeating-conic-gradient(#fafafa 0 25%,#eff1f5 0 50%) 0 0/12px 12px}.ink-before-after figcaption{font-size:10px;text-align:center;color:var(--muted);padding:4px}
.ink-palette{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.ink-palette button{width:28px;height:28px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--line);cursor:pointer}.ink-palette button:focus-visible{outline:2px solid var(--accent1);outline-offset:3px}
.ink-file-label{position:relative;overflow:hidden;cursor:pointer}.ink-file-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
#ink-sample-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#doc-finish-canvas{display:block;max-width:100%;height:auto;margin:12px auto;box-shadow:var(--shadow-sm)}
#doc-finish-preview-wrap{padding:8px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;margin:10px 0}
.sign-stage .ink-details>.sf{max-width:420px}.sign-stage .ink-details .br{justify-content:flex-start}.sign-stage .ink-details .br .btn{flex:initial;padding:8px 12px}
.pro-seo h2{font-size:18px;color:var(--text);margin:20px 0 8px}.pro-seo h2:first-child{margin-top:0}.pro-seo p,.pro-seo li{font-size:14px;line-height:1.7}.pro-seo ul,.pro-seo ol{padding-left:22px}
@media(max-width:960px){.sign-panel{position:static!important;max-height:none!important}#toast-container{bottom:24px}.ink-details .btn{min-height:42px}.ink-details select,.ink-details input[type=text]{font-size:16px!important}.ink-details>summary{min-height:44px;display:list-item;align-content:center}.ink-before-after canvas{height:110px}}
