:root{--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f1f4;--border:#e0e2e8;--text:#1d2130;--text-dim:#6b7180;--accent:#6d5dfc;--accent-soft:#6d5dfc1f;--brand:#e5484d;--ok:#17a34a;--bad:#dc2626;--warn:#d97706;--canvas-bg:#e9ebef;--page-shadow:0 1px 3px #0f141e1f, 0 4px 14px #0f141e14;--hit:#facc1566;--hit-current:#f973168c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#15171c;--surface:#1d2027;--surface-2:#262a33;--border:#323743;--text:#e4e6eb;--text-dim:#9aa0ad;--accent:#8b7dff;--accent-soft:#8b7dff2e;--ok:#4ade80;--bad:#f87171;--warn:#fbbf24;--canvas-bg:#0f1115;--page-shadow:0 1px 3px #00000080, 0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px}button,select,input,textarea{font:inherit;color:inherit}code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:1px 4px;font-size:12px}.muted{color:var(--text-dim)}.small{font-size:12px}.error{color:var(--bad);font-size:12px}.spacer{flex:1}.sep{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.row{align-items:center;gap:8px;display:flex}.app{flex-direction:column;height:100%;display:flex;position:relative}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:46px;padding:7px 14px;display:flex}.brand{letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:8px;font-weight:700;display:flex}.brand-logo{background:var(--brand);color:#fff;letter-spacing:.02em;border-radius:7px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:grid}.doc-name{border-left:1px solid var(--border);min-width:0;max-width:320px;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding-left:10px;display:flex;overflow:hidden}.dirty-dot{background:var(--warn);border-radius:50%;flex-shrink:0;width:7px;height:7px}.topbar-actions{align-items:center;gap:4px;margin-left:8px;display:flex}.ribbon{background:var(--surface);border-bottom:1px solid var(--border)}.categories{scrollbar-width:none;gap:2px;padding:0 10px;display:flex;overflow-x:auto}.cat{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 12px 7px;font-size:13px;font-weight:500;display:flex}.cat:hover{color:var(--text)}.cat.on{color:var(--accent);border-bottom-color:var(--accent)}.toolbar{border-top:1px solid var(--border);scrollbar-width:thin;align-items:center;gap:2px;min-height:46px;padding:4px 10px;display:flex;overflow-x:auto}.tool{min-width:58px;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;font-size:11px;display:flex}.tool:hover:not(:disabled){background:var(--surface-2)}.tool.on{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent)}.tool:disabled{opacity:.4;cursor:default}.toolbar-hint{color:var(--text-dim);white-space:nowrap;margin-left:12px;font-size:12px}.toolbar input[type=range]{width:110px}.zoom{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;padding-left:12px;display:flex}.zoom-select{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:92px;height:30px;padding:0 6px;font-size:13px}.page-nav{align-items:center;gap:4px;font-size:13px;display:flex}.page-input{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:6px;width:40px;height:28px}.workspace{background:var(--canvas-bg);flex:1;min-height:0;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:158px;overflow-y:auto}.rightbar{background:var(--surface);border-left:1px solid var(--border);flex-shrink:0;width:264px;overflow-y:auto}.viewer-wrap{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.viewer{flex:1;min-height:0;position:relative;overflow:auto}.viewer.panning,.viewer.panning *{-webkit-user-select:none;user-select:none;cursor:grab!important}.pages{flex-direction:column;align-items:center;gap:18px;width:max-content;min-width:100%;padding:24px 32px 60px;display:flex}.btn,.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:6px;line-height:1;transition:background .12s,border-color .12s}.btn{align-items:center;gap:6px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.icon-btn{background:0 0;border-color:#0000;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:18px;display:inline-grid}.icon-btn.tiny{width:20px;height:20px;font-size:14px}.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn.on{background:var(--accent-soft);color:var(--accent)}.icon-btn.danger:hover:not(:disabled){color:var(--bad)}.btn:disabled,.icon-btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-danger,.btn-danger:hover:not(:disabled){background:var(--bad);border-color:var(--bad);color:#fff}.btn-danger-ghost{color:var(--bad)}.link-btn{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;text-decoration:underline}.link-btn.danger:hover{color:var(--bad)}.input{border:1px solid var(--border);background:var(--surface);border-radius:6px;outline:none;width:100%;padding:7px 9px;font-size:13px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{resize:vertical;line-height:1.4}.input.inline.wide{width:120px}.input.inline{width:64px;margin:0 4px;display:inline-block}.input-suffix{align-items:center;gap:6px;display:flex}.input-suffix span{color:var(--text-dim)}.check,.radio{cursor:pointer;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.radio{margin:10px 0}.form-row{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-label{color:var(--text-dim);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-hint{color:var(--text-dim);font-size:11.5px;line-height:1.35}.grid-2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}.grid-2.tight .check{margin:3px 0}.swatches{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.swatch{cursor:pointer;border:1px solid #0000002e;border-radius:50%;width:20px;height:20px;padding:0}.swatch.on{outline:2px solid var(--accent);outline-offset:2px}.swatches input[type=color]{cursor:pointer;background:0 0;border:none;width:24px;height:22px;padding:0}.toggle-group,.segmented{border:1px solid var(--border);border-radius:7px;margin-bottom:12px;display:inline-flex;overflow:hidden}.toggle-group button,.segmented button{background:var(--surface);cursor:pointer;border:none;place-items:center;padding:6px 10px;font-size:12.5px;display:grid}.toggle-group button+button,.segmented button+button{border-left:1px solid var(--border)}.toggle-group button.on,.segmented button.on{background:var(--accent-soft);color:var(--accent)}.segmented.small button{padding:5px 9px;font-size:12px}.page-outer{box-shadow:var(--page-shadow);background:#fff;flex-shrink:0;position:relative}.page-inner{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.page-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.page-canvas.loading{background:repeating-linear-gradient(-45deg,#fff,#fff 12px,#f6f7f9 12px 24px)}.page-blank{background:#fff;position:absolute;inset:0}.overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.overlay.creating{pointer-events:all;cursor:crosshair}.tool-text .overlay.creating,.tool-date .overlay.creating{cursor:text}.tool-stamp .overlay.creating,.tool-image .overlay.creating,.tool-signature .overlay.creating{cursor:copy}.tool-edit-text .overlay.creating{cursor:default}.obj-hit{fill:#0000;pointer-events:all;cursor:move}.obj-hit:hover{fill:#6d5dfc0f;stroke:#6d5dfc80;stroke-width:.6px}.selection{fill:none;stroke:var(--accent);pointer-events:none}.handle{fill:#fff;stroke:var(--accent);pointer-events:all}.h-nw,.h-se{cursor:nwse-resize}.h-ne,.h-sw{cursor:nesw-resize}.h-n,.h-s{cursor:ns-resize}.h-e,.h-w{cursor:ew-resize}circle.handle{cursor:grab}.run-hit{fill:#0000;pointer-events:all;cursor:text}.run-hit:hover{fill:#6d5dfc1a;stroke:var(--accent);stroke-width:.7px}.redact-mark rect{fill:#dc262629;stroke:#dc2626;stroke-width:1px;stroke-dasharray:3 2}.redact-mark:hover rect{fill:#000000d9}.search-hit{fill:var(--hit);mix-blend-mode:multiply}.search-hit.current{fill:var(--hit-current)}.text-editor{z-index:6;outline:1.5px dashed var(--accent);outline-offset:2px;resize:none;white-space:pre-wrap;overflow-wrap:break-word;background:#fff9;border:none;margin:0;padding:0;position:absolute;overflow:hidden}.textLayer{text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:2;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer.inert{pointer-events:none;-webkit-user-select:none;user-select:none}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{color:#0000;background:#005aff47}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.textLayer[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}.textLayer[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}.textLayer[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.tool-highlight .textLayer span,.tool-underline .textLayer span,.tool-strike .textLayer span{cursor:text}.tool-highlight .textLayer,.tool-underline .textLayer,.tool-strike .textLayer,.tool-redact-text .textLayer{cursor:crosshair}.form-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.form-layer.inert .field{pointer-events:none}.field{pointer-events:all;color:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#dbeafe8c;border:1px solid #6d5dfc59;border-radius:2px;outline:none;margin:0;padding:0 3px;font-family:Helvetica,Arial,sans-serif;position:absolute}textarea.field{resize:none;padding:2px 3px;line-height:1.15}.field:hover{border-color:var(--accent)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);background:#ffffffeb}.field[readonly],.field:disabled{cursor:not-allowed;background:#f0f0f080}.field-check{cursor:pointer;place-items:center;padding:0;line-height:1;display:grid}.field-check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.field-radio{border-radius:50%}.field-sign{color:#854d0e;cursor:pointer;background:#fde68a8c;border:1.5px dashed #ca8a04;place-items:center;font-weight:600;display:grid}.field-sign:hover{background:#fde68ad9}.pages-panel.sidebar{flex-direction:column;align-items:center;gap:10px;padding:14px 8px 40px;display:flex}.pages-panel.grid{align-content:start;justify-items:center;gap:18px;padding:24px;display:grid}.organizer{flex:1;overflow:auto}.thumb{cursor:pointer;touch-action:none;border-radius:8px;outline:none;flex-direction:column;align-items:center;gap:5px;padding:6px;display:flex}.thumb:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.thumb.selected{background:var(--accent-soft)}.thumb.selected .thumb-frame{outline:2px solid var(--accent);outline-offset:2px}.thumb.current .thumb-label{color:var(--accent);font-weight:700}.thumb.dragging{opacity:.35}.thumb:focus-visible .thumb-frame{outline:2px solid var(--accent)}.thumb-box{place-items:center;display:grid;position:relative}.thumb-frame{box-shadow:var(--page-shadow);background:#fff;position:relative}.thumb-inner{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.thumb-inner img,.thumb-frame>svg{width:100%;height:100%;position:absolute;inset:0}.thumb-loading{background:linear-gradient(90deg,#f3f4f6,#fafafa,#f3f4f6) 0 0/200% 100%;animation:1.2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.thumb-label{color:var(--text-dim);font-size:12px}.thumb-actions{background:var(--surface);opacity:0;border-radius:8px;gap:2px;padding:3px;transition:opacity .12s;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000002e}.thumb:hover .thumb-actions{opacity:1}.thumb-actions button{cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.thumb-actions button:hover{background:var(--surface-2)}.drag-overlay{cursor:grabbing}.drag-count{background:var(--accent);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.props{padding:14px 16px 24px}.props h3{margin:0 0 14px;font-size:14px}.props .row .form-row{flex:1}.props .row .toggle-group{margin-top:6px}.props-actions{border-top:1px solid var(--border);gap:2px;margin-top:12px;padding-top:12px;display:flex}.search-bar{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:6px;padding:5px 6px 5px 12px;display:flex;position:absolute;top:12px;right:22px;box-shadow:0 6px 22px #00000024}.search-bar input{background:0 0;border:none;outline:none;width:220px;font-size:13px}.sig-banner{z-index:18;border:1px solid var(--border);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000024}.sig-banner.ok{border-color:color-mix(in srgb, var(--ok) 50%, var(--border));color:var(--ok)}.sig-banner.warn{border-color:color-mix(in srgb, var(--warn) 50%, var(--border));color:var(--warn)}.sig-banner.bad,.sig-banner.modified{border-color:color-mix(in srgb, var(--bad) 50%, var(--border));color:var(--bad)}.sig-banner .link-btn{color:inherit}.warn-box{background:color-mix(in srgb, var(--warn) 12%, transparent);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--text)!important}.row.space-between{justify-content:space-between;align-items:flex-start;margin-bottom:14px}.cert-card{color:var(--accent);align-items:flex-start;gap:10px;display:flex}.cert-card>div{color:var(--text);flex-direction:column;gap:2px;display:flex}.sig-appearance{grid-template-columns:260px 1fr;align-items:start;gap:16px;margin:4px 0 12px;display:grid}.sig-preview{border:1px dashed var(--border);color:#111;background:#fff;border-radius:8px;align-items:center;gap:8px;height:78px;padding:6px 8px;display:flex;overflow:hidden}.sig-preview img{object-fit:contain;max-width:45%;max-height:100%}.sig-preview-text{font-family:Helvetica,Arial,sans-serif;font-size:9px;line-height:1.3}.saved-sig-btn.small{color:#475569;width:92px;height:40px;font-size:12px}.saved-sig-btn.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.option-card.full{background:var(--surface);text-align:left;width:100%;color:var(--accent)}.option-card.full:hover{border-color:var(--accent)}.option-card.full strong{color:var(--text)}.sig-status{border:1px solid var(--border);border-left:4px solid var(--ok);border-radius:10px;margin-bottom:10px;padding:12px 14px}.sig-status.warn{border-left-color:var(--warn)}.sig-status.bad{border-left-color:var(--bad)}.sig-status p{color:var(--text)!important;margin:6px 0 8px!important}.sig-status-head{align-items:center;gap:8px;display:flex}.sig-dot{background:var(--ok);border-radius:50%;width:9px;height:9px}.sig-status.warn .sig-dot{background:var(--warn)}.sig-status.bad .sig-dot{background:var(--bad)}.scan-hint{z-index:19;border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000024}.place-hint{z-index:20;background:var(--text);color:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:7px 8px 7px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #0003}.place-hint .link-btn{color:inherit;opacity:.8}.sel-popover{z-index:60;border:1px solid var(--border);background:var(--surface);border-radius:9px;gap:2px;padding:4px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 22px #0000002e}.sel-popover button{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:12.5px;display:flex}.sel-popover button:hover{background:var(--surface-2)}.busy{z-index:200;background:color-mix(in srgb, var(--bg) 55%, transparent);color:var(--accent);place-content:center;justify-items:center;gap:12px;font-weight:600;display:grid;position:fixed;inset:0}.spinner{will-change:transform;border:3px solid;border-right-color:#0000;border-radius:50%;width:30px;height:30px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toasts{z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--text);max-width:min(560px,90vw);color:var(--surface);border-radius:10px;padding:9px 16px;font-size:13px;animation:.18s ease-out toast-in;box-shadow:0 8px 26px #00000040}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.app.drag-over:after{content:"";z-index:150;border:3px dashed var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;border-radius:16px;position:fixed;inset:8px}.drop-hint{z-index:151;background:var(--accent);color:#fff;pointer-events:none;border-radius:12px;padding:12px 20px;font-weight:600;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome{background:var(--bg);flex-direction:column;flex:1;align-items:center;padding:48px 24px;display:flex;overflow:auto}.dropzone{border:2px dashed var(--border);background:var(--surface);width:min(720px,100%);color:var(--text-dim);text-align:center;cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:56px 24px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.dropzone h1{color:var(--text);margin:10px 0 0;font-size:21px}.dropzone p{margin:0}.welcome-cards{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;width:min(720px,100%);margin-top:18px;display:grid}.welcome-card{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;color:var(--accent);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.welcome-card:hover{border-color:var(--accent)}.welcome-card strong{color:var(--text);font-size:14px}.welcome-card span{color:var(--text-dim);font-size:12.5px;line-height:1.35}.privacy{text-align:center;max-width:560px;margin-top:26px;line-height:1.45}.modal-backdrop{z-index:100;background:#0a0a0f6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);width:440px;max-width:100%;max-height:calc(100vh - 32px);color:var(--text);text-align:left;border-radius:14px;flex-direction:column;display:flex;box-shadow:0 20px 60px #0000004d}.modal.wide{width:640px}.modal-head{justify-content:space-between;align-items:center;padding:16px 20px 4px;display:flex}.modal h2{margin:0;font-size:17px}.modal-body{padding:12px 20px 8px;overflow-y:auto}.modal p{color:var(--text-dim);margin:0 0 14px;line-height:1.45}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px 16px;display:flex}.option-card{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:11px 12px;display:flex}.option-card.on{border-color:var(--accent);background:var(--accent-soft)}.option-card>span{flex-direction:column;gap:2px;display:flex}.result{text-align:center;padding:10px 0}.result .big{color:var(--text);font-size:22px}.facts{grid-template-columns:max-content 1fr;gap:6px 14px;margin:8px 0 4px;font-size:13px;display:grid}.facts dt{color:var(--text-dim)}.facts dd{overflow-wrap:anywhere;margin:0}.stamp-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.stamp-btn{background:var(--surface);letter-spacing:.04em;cursor:pointer;border:2.5px solid;border-radius:8px;padding:10px;font-weight:800}.stamp-btn:hover{background:var(--surface-2)}.sig-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sig-head .segmented,.sig-head .swatches{margin-bottom:12px}.sig-pad{border:1px solid var(--border);background:#fff;border-radius:10px;position:relative}.sig-pad canvas{cursor:crosshair;touch-action:none;display:block}.sig-line{pointer-events:none;border-bottom:1px solid #cbd5e1;position:absolute;bottom:26%;left:8%;right:8%}.sig-clear{position:absolute;top:6px;right:8px}.sig-type{flex-direction:column;gap:10px;display:flex}.sig-fonts{gap:8px;display:grid}.sig-font{border:1px solid var(--border);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:10px;padding:10px 16px;overflow:hidden}.sig-font.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sig-image{flex-direction:column;gap:12px;display:flex}.sig-image img{object-fit:contain;background:repeating-conic-gradient(#f1f5f9 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:8px;align-self:center;max-width:100%;max-height:180px}.saved-sigs{margin-bottom:16px}.saved-list{flex-wrap:wrap;gap:8px;display:flex}.saved-sig{position:relative}.saved-sig-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;width:140px;height:64px;padding:6px}.saved-sig-btn:hover{border-color:var(--accent)}.saved-sig-btn img{object-fit:contain;width:100%;height:100%}.saved-sig .icon-btn{background:var(--surface);border:1px solid var(--border);border-radius:50%;position:absolute;top:-7px;right:-7px}.user-menu{flex-shrink:0;position:relative}.user-btn{border:1px solid var(--border);background:var(--accent-soft);width:30px;height:30px;color:var(--accent);cursor:pointer;border-radius:50%;font-size:11px;font-weight:700}.user-btn:hover{border-color:var(--accent)}.user-dropdown{z-index:50;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:240px;padding:6px;position:absolute;top:38px;right:0;box-shadow:0 8px 28px #0000002e}.user-dropdown .user-email{color:var(--text-dim);text-overflow:ellipsis;padding:6px 10px 4px;font-size:12px;overflow:hidden}.user-dropdown hr{border:none;border-top:1px solid var(--border);margin:6px 4px}.menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:13px;text-decoration:none;display:block}.menu-item:hover{background:var(--surface-2)}.auth-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);place-items:center;padding:16px;display:grid}.auth-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:400px;max-width:100%;padding:32px 28px;display:flex}.auth-card h1{margin:4px 0 0;font-size:22px}.auth-card p{color:var(--text-dim);margin:0 0 8px;line-height:1.45}.auth-card .btn{text-decoration:none}@media (width<=900px){.rightbar{z-index:30;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000026}.workspace{position:relative}.doc-name,.brand-name{display:none}}@media (width<=640px){.sidebar{display:none}.grid-3{grid-template-columns:1fr}.tool span{display:none}.tool{min-width:36px}}