@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/tools/pdf-sign/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2")}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/tools/pdf-sign/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/tools/pdf-sign/assets/caveat-latin-400-normal-D6LQsQ_v.woff2)format("woff2")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/tools/pdf-sign/assets/dancing-script-latin-400-normal--YrtvvVF.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#000;--surface-1:#09090b;--surface-2:#141416;--surface-3:#1c1c22;--border:#2a2a32;--accent:#c5b9f9;--accent-light:#dbd5f5;--text:#d4d4d8;--text-muted:#9f9fa9;--link-hover:#da66ff;--danger:#ff8a8a;--heading-font:"Plus Jakarta Sans Variable", "Inter Variable", system-ui, sans-serif;--radius:12px}*{box-sizing:border-box}html{background:var(--surface-0)}body{background:var(--surface-0);color:var(--text);margin:0;font:16px/1.55 Inter Variable,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}a:hover,a:focus-visible{color:var(--link-hover)}h1,h2,h3{font-family:var(--heading-font);color:#fff;line-height:1.25}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:#000;border-radius:8px;padding:8px 12px;position:absolute;top:-48px;left:16px}.skip-link:focus{top:8px}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.site-header{background:var(--surface-1);border-bottom:1px solid var(--surface-3)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:14px;padding-bottom:10px;display:flex}.brand{color:#fff;font-family:var(--heading-font);align-items:center;gap:10px;font-size:1.25rem;text-decoration:none;display:inline-flex}.brand:hover{color:#fff}.badge{background:var(--surface-3);color:var(--accent-light);border-radius:999px;margin:0;padding:4px 12px;font-size:.875rem}main{outline:none;padding-top:32px;padding-bottom:32px}.panel h1{margin:0 0 6px;font-size:clamp(1.5rem,4vw,2rem)}.panel__description{max-width:44rem;color:var(--text-muted);margin:0 0 20px}.panel__body{gap:16px;display:grid}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface-1);width:100%;color:var(--text);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:32px 16px;transition:border-color .15s,background-color .15s;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--surface-2)}.drop-zone__label{color:#fff;font-family:var(--heading-font);font-size:1.15rem;font-weight:600}.drop-zone__hint{color:var(--text-muted);font-size:.95rem}button,select,textarea,input[type=text],input[type=number]{font:inherit}button{border:1px solid var(--border);background:var(--surface-3);min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;padding:8px 16px}button:hover:not(:disabled){border-color:var(--accent);color:#fff}button:disabled{cursor:not-allowed;opacity:.55}button.primary{border-color:var(--accent);background:var(--accent);color:#000;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-light);color:#000}.icon-button{min-width:36px;min-height:36px;padding:4px 8px;line-height:1}.icon-button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.actions{flex-wrap:wrap;gap:8px;display:flex}.file-info{overflow-wrap:anywhere;margin:0}.field{gap:4px;max-width:28rem;display:grid}.field>span,.field>label{font-weight:500}.field small,.note{color:var(--text-muted);margin:0;font-size:.9rem}select,textarea,input[type=text],input[type=number]{border:1px solid var(--border);background:var(--surface-2);min-height:40px;color:var(--text);border-radius:8px;padding:8px 10px}.status:empty{display:none}.status p{margin:0}.status__progress{color:var(--text-muted);align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.status__error{color:var(--danger);background:#1f1012;border:1px solid #5c2a2a;border-radius:10px;padding:12px 14px}.status__result{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);justify-items:start;gap:8px;padding:16px;display:grid}.status__message{color:#fff;font-weight:500}.status__detail{color:var(--text-muted)}.status__result button{overflow-wrap:anywhere;max-width:100%}button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.link-button{min-height:32px;color:var(--accent);background:0 0;border:0;padding:4px 0;text-decoration:underline}.link-button:hover:not(:disabled){color:var(--link-hover)}input[type=color]{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;width:56px;height:40px;padding:3px}input[type=range]{min-height:32px;accent-color:var(--accent)}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:3px 0 0}.check small{color:var(--text-muted);font-size:.875rem;display:block}.workspace{gap:12px;display:grid}.docbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.docbar .file-info strong{color:#fff;font-weight:600}.toolbar{border:1px solid var(--surface-3);border-radius:var(--radius);background:var(--surface-1);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px;display:flex}.toolbar__group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool{align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tool[aria-pressed=true]{border-color:var(--accent);color:#fff;background:#2c2840}.tool__icon{flex:none;width:20px;height:20px}.zoom{align-items:center;gap:4px;display:inline-flex}.zoom-label{min-width:3.4em;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center}.fit-button{padding:6px 12px}.hint,.props{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:10px 12px;display:flex}.hint{justify-content:space-between;align-items:center}.hint p{color:#fff;margin:0}.props{align-items:center}.props--text{align-items:flex-end}.props__title{color:#fff;margin:0;font-weight:600}.props--text .props__title{flex-basis:100%}.props__text{flex:14rem}.props__text input{width:100%}.props__size input{width:6rem}.props__note{align-self:center}.editor{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.viewer{border:1px solid var(--surface-3);border-radius:var(--radius);background:var(--surface-2);overscroll-behavior:contain;height:min(78vh,1100px);position:relative;overflow:auto}.pages{flex-direction:column;align-items:center;gap:16px;width:max-content;min-width:100%;padding:16px;display:flex}.page{background:#fff;flex:none;position:relative;box-shadow:0 2px 10px #00000080}.page__canvas{width:100%;height:100%;position:absolute;inset:0}.page__number{color:var(--text-muted);font-size:.75rem;position:absolute;top:4px;right:calc(100% + 6px)}.page__layer{position:absolute;inset:0;overflow:hidden}.page__layer:focus-visible{outline-offset:-3px}.viewer.placing .page__layer{cursor:crosshair}.item{color:#000;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.item:hover{outline:1px dashed #5a46c8b3}.item.selected,.item:focus-visible{outline-offset:2px;outline:2px dashed #5b46d6}.item img,.item svg{pointer-events:none;width:100%;height:100%;display:block}.item__text{white-space:pre;pointer-events:none;display:block}.item--whiteout{background:#fff;box-shadow:inset 0 0 0 1px #00000014}.item__handle{cursor:nwse-resize;touch-action:none;background:#5b46d6;border:2px solid #fff;border-radius:50%;width:22px;height:22px;display:none;position:absolute;bottom:-11px;right:-11px}.item.selected .item__handle{display:block}.item--text .item__handle,.item--date .item__handle{right:-15px}.side{gap:16px;display:grid}.side-panel{border:1px solid var(--surface-3);border-radius:var(--radius);background:var(--surface-1);gap:12px;padding:16px;display:grid}.side-panel h3{margin:0;font-size:1.05rem}.fields{gap:12px;display:grid}.fields .field input,.fields .field select,.fields .field textarea{width:100%}.tips{color:var(--text-muted);gap:6px;margin:0;padding-left:1.2em;font-size:.95rem;display:grid}.sign-dialog{border:1px solid var(--border);background:var(--surface-1);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border-radius:16px;padding:0}.sign-dialog::backdrop{background:#000000b3}.sign-dialog form{gap:16px;padding:18px;display:grid}.sign-dialog__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sign-dialog h2{margin:0;font-size:1.3rem}.sign-dialog h3{margin:0 0 8px;font-size:1rem}.sign-dialog__actions{justify-content:flex-end}.sign-pane{gap:12px;display:grid}.sign-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.segmented{flex-wrap:wrap;gap:4px;display:flex}.segmented-field{gap:6px;display:grid}.segmented-field__label{font-weight:500}.segment{flex:1 1 0;min-width:max-content}.segment[aria-pressed=true]{border-color:var(--accent);color:#fff;background:#2c2840}.pad-wrap,.upload-wrap{background:#fff;border-radius:10px;position:relative}.pad{cursor:crosshair;touch-action:none;border-radius:10px;width:100%;height:200px;display:block}.pad-empty{color:#6b6b75;pointer-events:none;border-top:1px solid #c9c9d1;padding-top:4px;font-size:.9rem;position:absolute;bottom:40px;left:16px;right:16px}.type-preview{text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:10px;min-height:1.6em;margin:0;padding:8px 16px;font-size:3rem;line-height:1.5;overflow:hidden}.upload-wrap{background:repeating-conic-gradient(#e6e6ea 0 25%, #fff 0 50%) 0 0 / 16px 16px;place-items:center;min-height:120px;padding:8px;display:grid}.upload-wrap .note{color:#4a4a55}.upload-preview{max-width:100%;max-height:180px}.saved-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.saved-item{border:1px solid var(--surface-3);background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px;display:flex}.saved-item__image{object-fit:contain;background:#fff;border-radius:6px;width:120px;height:48px;padding:4px}.saved-item__note{color:var(--text-muted);flex:8rem;font-size:.875rem}.saved-item__actions{gap:6px;display:flex}@media (max-width:760px){.editor{grid-template-columns:minmax(0,1fr)}.viewer{height:70vh}.pages{padding:12px}.editing .panel h1{font-size:1.35rem}.editing .panel__description{display:none}.toolbar{padding:6px}.toolbar__group:first-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;display:grid}.toolbar__group:first-child .tool{justify-content:center;gap:5px;min-width:0;padding:4px;font-size:.875rem}.tool span{white-space:nowrap}.props__note{display:none}.toolbar__view{justify-content:space-between;width:100%}.page__number{display:none}}.site-footer{border-top:1px solid var(--surface-3);color:var(--text-muted);text-align:center;padding-top:24px;padding-bottom:40px;font-size:.95rem}.site-footer p{margin:4px 0}.site-footer a{color:var(--text)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
