.sg-frame{container-type:inline-size}[data-tool=sign]{--sg-paper:#fff}.sg{--sg-stage-h:clamp(320px, 56vh, 580px)}.sg-frame{--studio-rail:310px;max-width:1200px;margin-inline:auto}.sg__stagecol{flex-direction:column;gap:12px;display:flex}.sg__stagehead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;min-height:32px;margin-bottom:10px;display:flex}.sg__pager,.sg__marks{align-items:center;gap:4px;display:flex}.sg__count{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:8ch;font-size:.8125rem}.sg__docname{min-width:0;color:var(--text-subtle);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.8125rem;overflow:hidden}.sg__iconbtn{border-radius:var(--r-sm);border:1px solid var(--border-input);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;place-items:center;display:inline-grid}.sg__iconbtn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.sg__iconbtn:disabled{opacity:.4;cursor:default}.sg__iconbtn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.sg__stage{height:var(--sg-stage-h);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-inset);place-items:center;padding:16px;display:grid;position:relative;overflow:hidden}.sg__paper{background:var(--sg-paper);box-shadow:var(--shadow-md);border-radius:2px;position:relative}.sg__canvas{border-radius:2px;width:100%;height:100%;display:block}.sg__marklayer{position:absolute;inset:0}.sg__marklayer.is-armed{cursor:crosshair}.sg__marklayer.is-armed:after{content:"";border:2px dashed var(--accent-border);pointer-events:none;border-radius:2px;animation:2.4s ease-in-out infinite sg-armed;position:absolute;inset:0}@keyframes sg-armed{0%,to{opacity:.35}50%{opacity:.9}}.sg__spinner{place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.sg__ring{border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite sg-spin}@keyframes sg-spin{to{transform:rotate(1turn)}}.sg__empty{border-radius:inherit;position:absolute;inset:0}.sg__stage input[type=file]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sg-mark{cursor:grab;touch-action:none;outline-offset:3px;border-radius:3px;outline:1.5px solid #0000;position:absolute}.sg-mark img{pointer-events:none;width:100%;height:100%;display:block}.sg-mark:hover{outline-color:var(--accent-border)}.sg-mark.is-on{outline-color:var(--accent);cursor:grab}.sg-mark:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sg-mark__grab{border:1.5px solid var(--accent);background:var(--surface);opacity:0;border-radius:50%;width:11px;height:11px;transition:opacity .12s;position:absolute}.sg-mark.is-on .sg-mark__grab{opacity:1}.sg-mark__grab[data-grab=nw]{cursor:nwse-resize;top:-8px;left:-8px}.sg-mark__grab[data-grab=ne]{cursor:nesw-resize;top:-8px;right:-8px}.sg-mark__grab[data-grab=se]{cursor:nwse-resize;bottom:-8px;right:-8px}.sg-mark__grab[data-grab=sw]{cursor:nesw-resize;bottom:-8px;left:-8px}.sg-mark__kill{border:1px solid var(--border-input);background:var(--surface);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .12s,color .12s,border-color .12s;display:grid;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.sg-mark__kill:hover,.sg-mark__kill:focus-visible{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.sg__steps{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;display:flex}.sg__step{align-items:center;gap:8px;min-width:0;display:flex}.sg__stepno{border:1.5px solid var(--border-input);width:20px;height:20px;font-family:var(--font-mono);color:var(--text-muted);border-radius:50%;flex:none;place-items:center;font-size:.6875rem;font-weight:600;display:inline-grid}.sg__steptext{color:var(--text-muted);font-size:.8125rem}.sg__tray{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sg-chip{border-radius:var(--r-sm);border:1px solid var(--border-input);background:var(--sg-paper);cursor:pointer;place-items:center;width:62px;height:34px;padding:3px 6px;display:grid}.sg-chip img{object-fit:contain;max-width:100%;max-height:100%}.sg-chip:hover{border-color:var(--border-hover)}.sg-chip.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sg__hint{min-height:1.2em;margin-top:8px}.sg__verdict{background:var(--surface);flex-direction:column;gap:14px;display:flex;position:relative}.sg__verdict[hidden]{display:none}.sg__figure{flex-direction:column;gap:2px;display:flex}.sg__figlabel{letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);font-size:.6875rem;font-weight:620}.sg__fignum{font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:560;line-height:1.1}.sg__figsub{color:var(--text-muted);font-size:.8125rem}.sg__facts{border-top:1px solid var(--border);gap:10px;margin:0;padding:12px 0 0;list-style:none;display:grid}.sg__facts:empty{display:none}.sg__fact{grid-template-columns:16px minmax(0,1fr);gap:1px 8px;padding-left:24px;display:grid;position:relative}.sg__fact:before{border-radius:50%;place-items:center;width:16px;height:16px;font-size:.625rem;font-weight:700;line-height:1;display:grid;position:absolute;top:1px;left:0}.sg__fact--ok:before{content:"✓";background:var(--success-soft);color:var(--success)}.sg__fact--warn:before{content:"!";background:var(--warning-soft);color:var(--warning)}.sg__fact strong,.sg__fact span{grid-column:2}.sg__fact strong{color:var(--text);font-size:.8125rem;font-weight:580}.sg__fact span{color:var(--text-subtle);font-size:.75rem;line-height:1.45}.sg__note{color:var(--text-subtle);margin:0;font-size:.75rem;line-height:1.5}.sg__note:empty{display:none}.sg__name{gap:4px;display:grid}.sg__namekey{letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);font-size:.6875rem;font-weight:620}.sg__name input{border-radius:var(--r-sm);border:1px solid var(--border-input);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:7px 10px;font-size:.8125rem}.sg__saverow{align-items:center;gap:10px;display:flex}.sg__strip{border-top:1px solid var(--border);padding-top:12px}.sg__striphead{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.sg__thumbs{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sg-thumb{border-radius:var(--r-sm);border:1px solid var(--border-input);background:var(--surface);width:34px;height:42px;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;place-items:center;font-size:.75rem;display:grid;position:relative}.sg-thumb:hover{border-color:var(--border-hover);color:var(--text)}.sg-thumb.is-on{border-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.sg-thumb.is-signed:after{content:"";background:var(--signal);border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px}.sg-maker{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);width:min(560px,100vw - 32px);max-height:92dvh;color:var(--text);box-shadow:var(--shadow-lg);margin:auto;padding:0;overflow:auto}.sg-maker::backdrop{backdrop-filter:blur(2px);background:light-dark(#23212b66,#0000009e)}.sg-maker__form{gap:14px;padding:18px;display:grid}.sg-maker__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sg-maker__title{font-family:var(--font-display);margin:0;font-size:1.0625rem;font-weight:600}.sg-maker__x{border-radius:var(--r-sm);width:30px;height:30px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.sg-maker__x:hover{background:var(--surface-inset);color:var(--text)}.sg-maker__tabs{border-radius:var(--r-md);background:var(--surface-inset);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.sg-maker__tabs button{border-radius:var(--r-sm);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:.8125rem;font-weight:560;display:flex}.sg-maker__tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.sg-pad{border-radius:var(--r-md);border:1px solid var(--border-input);background:var(--sg-paper);height:190px;position:relative;overflow:hidden}.sg-pad__canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.sg-pad__rule{pointer-events:none;background:#c9ccd6;height:1px;position:absolute;bottom:52px;left:32px;right:24px}.sg-pad__x{color:#aeb2be;pointer-events:none;font-size:1rem;line-height:1;position:absolute;bottom:44px;left:14px}.sg-pad__ph{inset-inline:0;text-align:center;color:#9aa0ad;pointer-events:none;font-size:.8125rem;position:absolute;top:32px}.sg-maker__padacts{justify-content:flex-end;gap:8px;display:flex}.sg-maker__field{color:var(--text-muted);gap:5px;font-size:.8125rem;display:grid}.sg-maker__field input[type=text]{border-radius:var(--r-sm);border:1px solid var(--border-input);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:9px 11px}.sg-maker__quick{gap:6px;display:flex}.sg-faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sg-face{border-radius:var(--r-md);border:1px solid var(--border-input);background:var(--sg-paper);cursor:pointer;place-items:center;width:100%;height:74px;padding:6px 10px;display:grid;overflow:hidden}.sg-faces__wide{grid-column:1/-1}.sg-faces__wide .sg-face{height:62px}.sg-faces__wide .sg-face__ink{font-size:1.375rem}.sg-face:hover{border-color:var(--border-hover)}.sg-face.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sg-face__ink{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(1.25rem,6cqi,1.875rem);line-height:1.35;overflow:hidden}.sg-face__ink.is-ph{opacity:.34}.sg-drop{border-radius:var(--r-md);border:1.5px dashed var(--border-strong);background:var(--surface-inset);width:100%;min-height:150px;color:var(--text-muted);font:inherit;text-align:center;cursor:pointer;place-items:center;gap:6px;padding:20px;font-size:.875rem;display:grid}.sg-drop:hover,.sg-drop.is-over{border-color:var(--accent);color:var(--text)}.sg-maker__pane input[type=file]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sg-maker__cut{gap:10px;margin-top:12px;display:grid}.sg-maker__cutpreview{border-radius:var(--r-md);border:1px solid var(--border);background:var(--sg-paper);place-items:center;height:120px;padding:10px;display:grid}.sg-maker__cutpreview canvas{object-fit:contain;max-width:100%;max-height:100%}.sg-maker__foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.sg-inks{gap:6px;display:flex}.sg-inks button{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.sg-inks button span{border:1px solid light-dark(#0000002e,#ffffff3d);border-radius:50%;width:17px;height:17px;display:block}.sg-inks button[aria-pressed=true]{border-color:var(--accent)}.sg-maker__actions{gap:8px;display:flex}.sg__host{height:100%}.sg__host>.sg-frame{max-width:none}.sg__host>.sg-frame>.sg{--sg-stage-h:clamp(340px, 60vh, 720px)}.sg__host [data-sg=expand],.is-workspace [data-tool=sign]>.entry__note{display:none}@container (width<=620px){.sg{--sg-stage-h:clamp(260px, 44vh, 400px)}.sg__docname{display:none}.sg-faces{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.sg__marklayer.is-armed:after,.sg__ring{animation:none}.sg__marklayer.is-armed:after{opacity:.75}}.tm--sign{--tm-cycle:7s}.tm-sg-line{stroke:var(--border-strong);stroke-width:2px;stroke-linecap:round}.tm-sg-rule{stroke:var(--border-strong);stroke-width:1.5px;stroke-linecap:round}.tm-sg-in .tm-sg-rule{stroke-dasharray:4 4}.tm-sg-in{animation:tm-sg-in var(--tm-cycle) var(--ease) infinite}@keyframes tm-sg-in{0%,6%{opacity:0;transform:translate(-14px)}20%,to{opacity:1;transform:none}}.tm-sg-rail{stroke:var(--border-strong);stroke-width:1.5px;stroke-linecap:round}.tm-sg-head{stroke:var(--border-strong);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;fill:none}.tm-sg-cross{animation:tm-sg-cross var(--tm-cycle) var(--ease) infinite}@keyframes tm-sg-cross{0%,26%{opacity:0;transform:translate(-8px)}40%,to{opacity:1;transform:none}}.tm-sg-out{animation:tm-sg-out var(--tm-cycle) var(--ease) infinite}@keyframes tm-sg-out{0%,40%{opacity:0;transform:translate(10px)scale(.94)}54%,to{opacity:1;transform:none}}.tm-sg-ink{stroke:var(--accent);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:118;stroke-dashoffset:0;animation:tm-sg-ink var(--tm-cycle) var(--ease) infinite}@keyframes tm-sg-ink{0%,56%{stroke-dashoffset:118px}76%,to{stroke-dashoffset:0}}.tm-sg-done .tm-tick{animation:tm-sg-tick var(--tm-cycle) var(--ease) infinite}@keyframes tm-sg-tick{0%,78%{stroke-dashoffset:14px}88%,to{stroke-dashoffset:0}}.tm-sg-chip{animation:tm-sg-chip var(--tm-cycle) var(--ease) infinite}@keyframes tm-sg-chip{0%,82%{opacity:0}92%,to{opacity:1}}