@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/sign/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/sign/assets/caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/sign/assets/caveat-cyrillic-600-normal-Ba_MyzgW.woff2)format("woff2"),url(/sign/assets/caveat-cyrillic-600-normal-CqH0c_uj.woff)format("woff")}:root{--surface-2:color-mix(in srgb, var(--surface) 65%, var(--border));--accent-2:color-mix(in srgb, var(--accent) 80%, #000);--danger:var(--bad-ink);--scrim:color-mix(in srgb, var(--bg) 85%, transparent);--bar-h:56px;--rail-w:248px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);-webkit-tap-highlight-color:transparent;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}input{font:inherit;color:inherit}[hidden]{display:none!important}html[lang=ru] .en,html:not([lang=ru]) .ru{display:none}.bar{height:var(--bar-h);border-bottom:1px solid var(--border);background:var(--bg);z-index:20;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.logo{font-family:var(--mono);color:var(--text);white-space:nowrap;font-weight:500;text-decoration:none}.logo:hover{color:var(--accent)}.crumb{font-family:var(--mono);color:var(--muted);white-space:nowrap}.doc-name{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1;font-size:13px;overflow:hidden}.bar-actions{align-items:center;gap:8px;display:flex}.lang-toggle{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);border-radius:0;padding:4px 8px;font-size:12px}.lang-toggle:hover{color:var(--text);border-color:var(--muted)}.btn{white-space:nowrap;border-radius:0;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-2)}.btn.primary:disabled{opacity:.35}.btn.ghost{border:1px solid var(--border);color:var(--text)}.btn.ghost:hover{border-color:var(--muted)}.save-wrap{display:flex;position:relative}.save-wrap:has(.caret:not([hidden])) #btnSave{border-radius:0}.btn.caret{border-left:1px solid color-mix(in srgb, var(--on-accent) 25%, transparent);border-radius:0;padding:0 8px}.menu{background:var(--surface-2);border:1px solid var(--border);border-radius:0;min-width:190px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0006}.menu button{text-align:left;border-radius:0;width:100%;padding:8px 10px;font-size:14px;display:block}.menu button:hover{background:var(--border)}.app{height:calc(100% - var(--bar-h));display:flex}.rail{width:var(--rail-w);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:8px;padding:16px 12px;display:flex;overflow-y:auto}.rail-head{padding:0 4px 4px}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px}.sigs{flex-direction:column;gap:8px;display:flex}.sig{background:var(--surface);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:0;padding:8px;transition:border-color .15s,transform .1s;position:relative}.sig:hover{border-color:var(--muted)}.sig:active{transform:scale(.98)}.sig.disabled{cursor:default}.sig-img{background:#fff;border-radius:0;justify-content:center;align-items:center;height:56px;padding:6px;display:flex}.sig-img img{pointer-events:none;max-width:100%;max-height:100%}.sig-foot{align-items:center;gap:4px;margin-top:6px;display:flex}.sig-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:0;flex:1;padding:1px 4px;font-size:13px;overflow:hidden}.sig-name:focus{border-color:var(--accent);background:var(--bg);outline:none}.sig-del{width:24px;height:24px;color:var(--muted);opacity:0;border-radius:0;font-size:16px;line-height:1;transition:opacity .15s}.sig:hover .sig-del,.sig-del:focus-visible{opacity:1}.sig-del:hover{color:var(--danger);background:var(--border)}.add-sig{border:1px dashed var(--muted);color:var(--muted);border-radius:0;align-items:center;gap:8px;padding:12px;font-size:14px;transition:color .15s,border-color .15s;display:flex}.add-sig:hover{color:var(--text);border-color:var(--accent)}.add-sig .plus{color:var(--accent);font-size:18px;line-height:1}.rail-sep{background:var(--border);height:1px;margin:8px 0}.tools{gap:8px;display:flex}.tool{border:1px solid var(--border);color:var(--text);border-radius:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;display:flex}.tool:hover:not(:disabled){border-color:var(--muted)}.tool:disabled{opacity:.4}.tool-ico{flex:none}.rail-hint{color:var(--muted);margin-top:auto;padding:4px;font-size:12px}.stage{overscroll-behavior:contain;flex:1;min-width:0;position:relative;overflow:auto}.drop{border:1.5px dashed var(--muted);text-align:center;cursor:pointer;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;transition:border-color .15s,background .15s;display:flex;position:absolute;inset:24px}.drop:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent)}.drop-ico{color:var(--accent);margin-bottom:6px}.drop-title{font-size:18px;font-weight:500}.drop-sub{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;font-size:12px}.drop-note{color:var(--muted);max-width:360px;margin-top:10px;font-size:13px}.pages{flex-direction:column;align-items:center;gap:20px;padding:24px 24px 120px;display:flex}.page{touch-action:pan-x pan-y pinch-zoom;background:#fff;border-radius:0;position:relative;box-shadow:0 1px 2px #0000004d,0 8px 24px #00000059}.page canvas.bg{width:100%;height:100%;display:block}.page .num{font-family:var(--mono);color:var(--muted);margin-top:4px;font-size:12px;position:absolute;top:100%;left:-2px}.page.drop-target{outline:2px solid var(--accent);outline-offset:2px}.overlay{position:absolute;inset:0}.item{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.item img{pointer-events:none;width:100%;height:100%;display:block}.item:after{content:"";pointer-events:none;border:1px dashed #0000;border-radius:0;position:absolute;inset:-4px}.item:hover:after{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.item.sel:after{border:1.5px solid var(--accent)}.item.dragging{cursor:grabbing}.item .h{cursor:nwse-resize;touch-action:none;width:22px;height:22px;display:none;position:absolute;bottom:-15px;right:-15px}.item .h:before{content:"";border:2px solid var(--accent);background:#fff;border-radius:50%;position:absolute;inset:5px}.item .r{cursor:grab;touch-action:none;width:24px;height:24px;margin-left:-12px;display:none;position:absolute;top:-36px;left:50%}.item .r:before{content:"";border:2px solid var(--accent);background:#fff;border-radius:50%;position:absolute;inset:5px}.item .r:after{content:"";background:var(--accent);width:1.5px;height:13px;margin-left:-.75px;position:absolute;top:19px;left:50%}.item.sel .h,.item.sel .r{display:block}.item.sel .r:active{cursor:grabbing}.item.item-text{font-family:var(--sans);color:#111827;white-space:pre;cursor:grab;line-height:1.15}.item.item-text .t{outline:none;min-width:1ch;display:block}.item.item-text.editing{cursor:text;-webkit-user-select:text;user-select:text}.item.item-text.editing .t{-webkit-user-select:text;user-select:text}.selbar{transform:translateX(calc(-50% + var(--rail-w) / 2));background:var(--surface-2);border:1px solid var(--border);z-index:30;border-radius:0;gap:2px;padding:4px;display:flex;position:fixed;bottom:20px;left:50%;box-shadow:0 12px 32px #00000073}.selbar button{white-space:nowrap;border-radius:0;padding:8px 12px;font-size:13px}.selbar button:hover{background:var(--border)}.selbar .danger{color:var(--danger)}.loading{background:var(--scrim);color:var(--muted);z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dragcover{z-index:50;pointer-events:none;background:var(--scrim);border:2px dashed var(--accent);justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;inset:0}.toast{left:50%;top:calc(var(--bar-h) + 12px);background:var(--surface-2);border:1px solid var(--border);z-index:60;border-radius:0;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #0006}.toast.err{border-color:color-mix(in srgb, var(--bad) 50%, transparent)}.modal{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:0;width:min(560px,100% - 24px);max-height:calc(100% - 24px);margin:auto;box-shadow:0 24px 64px #00000080}.modal::backdrop{background:#05070ab3}.modal-body{flex-direction:column;gap:14px;padding:16px;display:flex}.modal-head{justify-content:space-between;align-items:center;display:flex}.tabs{background:var(--bg);border-radius:0;gap:2px;padding:3px;display:flex}.tab{color:var(--muted);border-radius:0;padding:6px 12px;font-size:13px}.tab.active{background:var(--surface-2);color:var(--text)}.x{width:32px;height:32px;color:var(--muted);border-radius:0;font-size:22px;line-height:1}.x:hover{color:var(--text);background:var(--border)}.pad-wrap{background:#fff;border-radius:0;height:220px;position:relative;overflow:hidden}.pane{position:absolute;inset:0}#pad{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.pad-line{pointer-events:none;background:#d7dbe0;height:1px;position:absolute;bottom:56px;left:32px;right:32px}.pad-hint{color:#9aa3ae;pointer-events:none;font-size:12px;position:absolute;bottom:34px;left:32px}.pad-clear{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:0;padding:4px 10px;font-size:12px;position:absolute;top:10px;right:10px}.pad-clear:hover{color:#111827;border-color:#9ca3af}.type-input{color:#111827;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:0;padding:8px 12px;font-size:15px;position:absolute;top:14px;left:16px;right:16px}.type-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.type-preview{white-space:nowrap;justify-content:center;align-items:center;font-family:Caveat,cursive;font-size:64px;line-height:1.1;display:flex;position:absolute;inset:60px 16px 10px;overflow:hidden}.upload-drop{text-align:center;color:#6b7280;cursor:pointer;border:1.5px dashed #d1d5db;border-radius:0;justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex;position:absolute;inset:10px}.upload-drop:hover{border-color:var(--accent)}.upload-drop img{max-width:100%;max-height:100%}.modal-row{align-items:center;gap:12px;display:flex}.inks{gap:8px;display:flex}.ink{background:var(--ink);width:26px;height:26px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--muted);border-radius:50%}.ink.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.name-input{background:var(--bg);border:1px solid var(--border);border-radius:0;flex:1;min-width:0;height:36px;padding:0 12px;font-size:14px}.name-input:focus{border-color:var(--accent);outline:none}.modal-foot{justify-content:flex-end;gap:8px;display:flex}@media (max-width:760px){:root{--bar-h:52px}.bar{gap:8px;padding:0 12px}.crumb,.doc-name,#btnOpen{display:none}.bar-actions{margin-left:auto}.app{flex-direction:column-reverse}.rail{border-right:0;border-top:1px solid var(--border);width:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:row;align-items:stretch;gap:8px;overflow:auto hidden}.rail-head,.rail-sep,.rail-hint{display:none}.sigs{flex-direction:row}.sig{touch-action:pan-x;flex:none;width:124px;padding:6px}.sig-img{height:44px}.sig-del{opacity:1}.add-sig{text-align:center;flex-direction:column;flex:none;justify-content:center;gap:2px;width:96px;padding:8px;font-size:12px}.tools{flex-direction:column;gap:6px}.tool{flex:1;justify-content:flex-start;padding:4px 10px;font-size:12px}.pages{gap:14px;padding:12px 12px 90px}.drop{inset:12px}.drop-title{font-size:16px}.selbar{bottom:calc(var(--mobile-rail,96px) + 12px);transform:translate(-50%)}.pad-wrap{height:200px}.type-preview{font-size:52px}.modal-body{padding:12px}}
