:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow-soft: 0 20px 80px rgb(0 0 0 / 24%);--shadow-raised: 0 16px 60px rgb(0 0 0 / 35%), inset 0 1px 0 rgb(255 255 255 / 14%)}:root,[data-theme=dark]{color-scheme:dark;--bg: #050607;--bg-elevated: #0b0d0f;--bg-subtle: #111417;--surface: rgb(18 20 22 / 78%);--surface-strong: rgb(23 25 29 / 92%);--border: rgb(221 215 204 / 13%);--border-strong: rgb(221 215 204 / 25%);--text: #f1eee8;--text-soft: #b8b3aa;--muted: #7c776f;--platinum: #d9d6ce;--platinum-2: #9d9991;--gold: #cbb37a;--success: #36c173;--warning: #d7b15b;--danger: #d45f5f;--accent: #d8d2c7;--ring: rgb(216 210 199 / 42%);--grid: rgb(255 255 255 / 4%)}[data-theme=light]{color-scheme:light;--bg: #f5f2eb;--bg-elevated: #fffdf8;--bg-subtle: #ebe5da;--surface: rgb(255 255 255 / 75%);--surface-strong: rgb(255 255 255 / 90%);--border: rgb(31 31 28 / 12%);--border-strong: rgb(31 31 28 / 22%);--text: #141412;--text-soft: #504d47;--muted: #7a766e;--platinum: #3c3b39;--platinum-2: #68645b;--gold: #9b7838;--success: #11834a;--warning: #9a6f10;--danger: #a43f3f;--accent: #25231f;--ring: rgb(31 31 28 / 36%);--grid: rgb(20 20 18 / 5%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 76% 10%,rgb(255 255 255 / 12%),transparent 24rem),radial-gradient(circle at 16% 25%,rgb(205 185 135 / 8%),transparent 30rem),linear-gradient(180deg,var(--bg),var(--bg-elevated));min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:var(--platinum);color:var(--bg)}#app{min-height:100vh}.page-shell{min-height:100vh;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px}.container{width:min(100% - 2rem,1380px);margin:0 auto}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050607c7;border-bottom:1px solid var(--border)}[data-theme=light] .header{background:#f5f2ebd1}.navbar{height:4.65rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navlinks{display:flex;align-items:center;gap:2.2rem;color:var(--text-soft);font-size:.92rem}.nav-actions{display:flex;align-items:center;gap:.75rem}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:4rem;align-items:center}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;letter-spacing:.01em;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:.35rem .7rem;color:var(--text-soft);background:#ffffff0a;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.hero-title{font-family:var(--font-display);font-size:clamp(3.2rem,7vw,6.8rem);line-height:.92;font-weight:500;margin:1.1rem 0;letter-spacing:-.04em;text-shadow:0 1px 0 #fff,0 20px 60px rgb(0 0 0 / 45%)}.hero-copy{color:var(--text-soft);font-size:1.12rem;line-height:1.7;max-width:560px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0 1.7rem}.trust-row{display:flex;flex-wrap:wrap;gap:1.5rem;color:var(--text-soft);font-size:.9rem}.trust-item{display:inline-flex;align-items:center;gap:.6rem}.panel-grid{display:grid;gap:.8rem}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.stat-grid>*{padding:1rem 1.35rem;border-right:1px solid var(--border)}.stat-grid>*:last-child{border-right:0}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;align-items:start}.app-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;min-height:calc(100vh - 4.65rem)}.sidebar{border-right:1px solid var(--border);padding:1.25rem;background:#0000002e}.main-area{padding:1.25rem}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.form-grid{display:grid;gap:1rem}@media(max-width:980px){.navlinks{display:none}.grid-2,.dashboard-grid,.app-grid,.feature-grid,.workflow,.stat-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}.hero-title.compact{font-size:clamp(2.7rem,5.5vw,5.2rem);max-width:780px}.sign-shell,.sign-detail-shell{padding-bottom:4rem}.sign-hero{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:2rem;padding:4rem 0 2rem;align-items:center}.sign-content{padding:1rem 0 4rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.connect-card,.empty-state{display:grid;gap:1rem}.icon-orb,.step-icon,.doc-icon{width:3.2rem;height:3.2rem;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--platinum);background:#ffffff0d;box-shadow:inset 0 1px #ffffff1f}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.wallet-grid.compact-wallets{grid-template-columns:repeat(4,minmax(0,1fr))}.wallet-option{display:grid;gap:.25rem;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem;background:#ffffff0a;color:var(--text);cursor:pointer}.wallet-option:hover{border-color:var(--ring);background:#ffffff12}.wallet-option span{color:var(--text-soft);font-size:.78rem}.connected-wallet{display:grid;gap:.25rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.85rem;background:#ffffff0a}.connected-wallet span{color:var(--text-soft);font-size:.82rem}.connected-wallet strong{color:var(--text);font-size:1rem;overflow-wrap:anywhere}.connected-line{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;color:var(--text-soft);overflow-wrap:anywhere}.wallet-actions,.signer-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;min-width:0}.signer-actions{align-items:stretch;margin:1rem 0 0}.signer-actions button{flex:1 1 11rem;min-width:0;justify-content:center}.inline-error{color:var(--danger);border:1px solid rgb(212 95 95 / 25%);border-radius:var(--radius-sm);padding:.75rem;background:#d45f5f14}.muted{color:var(--text-soft);line-height:1.6}.signature-list{display:grid;gap:.75rem}.signature-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:1rem;align-items:center;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0}.row-main{display:grid;gap:.25rem;min-width:0}.row-main small,.signer-row small,.audit-item small{color:var(--text-soft);display:block}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 0 1rem}.detail-title{flex:1;min-width:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:1rem;align-items:start}.left-stack,.right-stack{display:grid;gap:1rem}.step-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.step-header h2{margin:0 0 .35rem;font-size:1.08rem}.step-header p{margin:0;color:var(--text-soft);line-height:1.55}.upload-box{display:grid;gap:.8rem}.upload-box input[type=file]{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:1.2rem;width:100%;background:#ffffff08;color:var(--text-soft)}.file-meta{display:flex;gap:.5rem;align-items:center;color:var(--text)}.hash-line{color:var(--text-soft);overflow-wrap:anywhere}code{color:var(--platinum);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78em;overflow-wrap:anywhere}.document-proof{display:grid;gap:.55rem;margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.document-proof a{color:var(--platinum);display:inline-flex;gap:.45rem;align-items:center}.signer-list{display:grid;gap:.65rem;margin-top:1rem;min-width:0;overflow:hidden}.signer-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:.7rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem;background:#ffffff08}.signer-row>div{min-width:0}.signer-row strong{display:block;max-width:100%;overflow-wrap:anywhere}.signer-row small{max-width:100%;overflow-wrap:anywhere}.signer-row code{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}.signer-row .ui-badge{justify-self:start;max-width:100%;white-space:normal;text-align:left;line-height:1.25}.pdf-frame{width:100%;min-height:680px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.preview-empty{display:grid;place-items:center;gap:.75rem;min-height:420px;color:var(--text-soft);border:1px dashed var(--border);border-radius:var(--radius-md)}.audit-list{display:grid;gap:.65rem;max-height:360px;overflow:auto}.audit-item{display:flex;gap:.7rem;align-items:flex-start;color:var(--text-soft);border-bottom:1px solid var(--border);padding-bottom:.65rem}.audit-item strong{color:var(--text);display:block;text-transform:capitalize}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#000000ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem}.modal{width:min(100%,520px);display:grid;gap:1rem;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.25rem;background:var(--surface-strong);box-shadow:var(--shadow-raised)}.modal h2{margin:0;font-family:var(--font-display);font-size:2rem}@media(max-width:980px){.sign-hero,.detail-grid{grid-template-columns:1fr}.detail-top,.section-heading{align-items:stretch;flex-direction:column}.wallet-grid,.wallet-grid.compact-wallets{grid-template-columns:1fr}.signature-row{grid-template-columns:auto minmax(0,1fr)}}.sign-layout-swapped.detail-grid{grid-template-columns:minmax(680px,1.35fr) minmax(380px,.75fr);align-items:start}.preview-stack,.workflow-stack{display:grid;gap:1rem;min-width:0}.preview-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.pdf-overlay-shell{position:relative;min-height:760px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#fff;cursor:default}.pdf-overlay-shell .pdf-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;pointer-events:none}.pdf-overlay-shell.viewMode .pdf-frame{pointer-events:auto}.pdf-overlay-shell.editMode{cursor:crosshair}.stamp-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pdf-overlay-shell.viewMode .stamp-layer{display:none}.visual-stamp{position:absolute;display:grid;grid-template-columns:30% 1fr;gap:.25rem;overflow:hidden;padding:.35rem;border:2px solid rgb(22 70 220 / 90%);outline:1px solid rgb(22 70 220 / 45%);outline-offset:-5px;color:#123fda;background:#ecf4ffd1;box-shadow:inset 0 0 0 1px #1646dc2e;transform:rotate(-.35deg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.visual-stamp:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgb(22 70 220 / 40%);border-radius:2px}.stamp-signature{display:grid;align-content:center;justify-items:center;border-right:1px dashed rgb(22 70 220 / 45%);padding-right:.25rem;min-width:0}.stamp-signature small{font-size:clamp(.45rem,.55vw,.62rem);color:#123fda;text-transform:uppercase;letter-spacing:.08em}.stamp-signature em{display:block;max-width:100%;overflow:hidden;color:#123fda;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(.9rem,1.5vw,1.6rem);line-height:1.1;white-space:nowrap}.stamp-signature img{max-width:92%;max-height:3rem;object-fit:contain;mix-blend-mode:multiply}.stamp-text{display:grid;align-content:center;gap:.08rem;min-width:0;z-index:1}.stamp-text strong{color:#123fda;font-size:clamp(.42rem,.58vw,.68rem);line-height:1.05;text-transform:uppercase}.stamp-text span{color:#123fda;font-size:clamp(.38rem,.52vw,.62rem);line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-field{display:grid;gap:.5rem;color:var(--text-soft);font-size:.85rem}.select-field select{width:100%;height:2.85rem;border:1px solid var(--border);border-radius:var(--radius-xs);background:#0000002e;color:var(--text);padding:0 .9rem;outline:none}.select-field select:focus{border-color:var(--ring);box-shadow:0 0 0 4px #d8d2c71a}.tabs{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border);border-radius:var(--radius-xs);overflow:hidden}.tabs button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border:0;min-height:2.6rem;background:#ffffff08;color:var(--text-soft);cursor:pointer}.tabs button.active{color:var(--bg);background:linear-gradient(180deg,#f8f5ee,#aaa59b)}.typed-preview{min-height:4.4rem;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:#123fda;background:#ffffff0a;font-family:Brush Script MT,Segoe Script,cursive;font-size:2rem}.draw-area{display:grid;gap:.75rem}.draw-area canvas{width:100%;max-width:100%;height:180px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;touch-action:none}.proof-link{color:var(--platinum);display:inline-flex;gap:.45rem;align-items:center;margin:.3rem 0}.validation-result{display:grid;gap:.5rem;margin-top:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem;background:#ffffff08}.validation-result span,.validation-result small{color:var(--text-soft)}.stamp-modal{width:min(100%,640px)}@media(max-width:1180px){.sign-layout-swapped.detail-grid{grid-template-columns:1fr}.pdf-overlay-shell{min-height:620px}}@media(max-width:720px){.preview-heading{flex-direction:column}.pdf-overlay-shell{min-height:520px}.visual-stamp{grid-template-columns:1fr}.stamp-signature{display:none}}.validate-document-section{padding:0 0 1.25rem}.validation-grid{display:grid;grid-template-columns:minmax(320px,.7fr) 1fr;gap:1rem;align-items:stretch}.drop-zone{min-height:13rem;display:grid;place-items:center;align-content:center;gap:.65rem;border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:1rem;background:#ffffff08;color:var(--text-soft);text-align:center;cursor:pointer;transition:border-color .18s var(--ease-out),background .18s var(--ease-out),transform .18s var(--ease-out)}.drop-zone:hover,.drop-zone.dragging{border-color:var(--ring);background:#ffffff12;transform:translateY(-1px)}.drop-zone input{display:none}.drop-zone strong{color:var(--text)}.drop-zone span{max-width:100%;overflow-wrap:anywhere}.stamp-toolbox{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem;margin:-.25rem 0 .9rem;background:#ffffff08}.tool-group.segmented{display:inline-grid;grid-template-columns:repeat(2,minmax(4.2rem,1fr));border:1px solid var(--border);border-radius:var(--radius-xs);overflow:hidden}.tool-group.segmented button,.tool-button{min-height:2.35rem;border:0;background:#ffffff0a;color:var(--text-soft);padding:.45rem .72rem;cursor:pointer}.tool-group.segmented button.active,.tool-button.active{color:var(--bg);background:linear-gradient(180deg,#f8f5ee,#aaa59b)}.tool-button{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:var(--radius-xs)}.tool-button:hover,.tool-group.segmented button:hover{border-color:var(--ring);color:var(--text)}.dropdown-tool{position:relative;display:inline-flex}.dropdown-panel{position:absolute;top:calc(100% + .45rem);left:0;z-index:30;width:min(86vw,310px);display:none;gap:.25rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.45rem;background:var(--surface-strong);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dropdown-tool:hover .dropdown-panel,.dropdown-tool:focus-within .dropdown-panel{display:grid}.dropdown-panel button{display:grid;grid-template-columns:1fr;gap:.15rem;width:100%;border:0;border-radius:var(--radius-xs);padding:.65rem .7rem;background:transparent;color:var(--text);text-align:left;cursor:pointer}.dropdown-panel button:hover,.dropdown-panel button.active{background:#ffffff12}.dropdown-panel button:disabled{opacity:.5;cursor:not-allowed}.dropdown-panel small{color:var(--text-soft)}.compact-menu button{display:inline-flex;align-items:center;gap:.45rem}.coord-readout,.selected-stamp-pill{display:inline-flex;align-items:center;min-height:2.35rem;border:1px solid var(--border);border-radius:var(--radius-pill);padding:.35rem .65rem;color:var(--text-soft);background:#00000024;font-size:.78rem}.pdf-overlay-shell.editMode{outline:2px solid rgb(103 34 183 / 45%)}.pdf-overlay-shell.stampTool{cursor:copy}.cursor-stamp-preview{opacity:.72;filter:saturate(.88);box-shadow:0 10px 32px #6722b72e,inset 0 0 0 1px #6722b738}.cursor-stamp-preview:before{content:"";position:absolute;left:-7px;top:-7px;width:10px;height:10px;border-top:2px solid #cf1111;border-left:2px solid #cf1111}.visual-stamp{border-color:#6722b7eb;outline-color:#6722b773;color:#5b22a6;background:#f8f1ffd6;box-shadow:inset 0 0 0 1px #6722b738}.visual-stamp.selected{box-shadow:0 0 0 3px #cf11113d,inset 0 0 0 1px #6722b738}.visual-stamp:after{border-color:#6722b76b}.stamp-signature{border-right-color:#6722b773}.stamp-signature small,.stamp-text strong,.stamp-text span{color:#5b22a6}.stamp-signature em,.stamp-signature img,.red-field,.red-preview{color:#cf1111}.pending-signature{opacity:.68;font-size:clamp(.55rem,.75vw,.8rem)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));gap:.75rem;align-items:end;margin-bottom:.9rem;min-width:0}.settings-row>*{min-width:0}.settings-row button{align-self:end;min-width:0;max-width:100%;white-space:normal;justify-content:center}.select-field input,.select-field select{width:100%;height:2.85rem;border:1px solid var(--border);border-radius:var(--radius-xs);background:#0000002e;color:var(--text);padding:0 .9rem;outline:none}.select-field input:focus,.select-field select:focus{border-color:var(--ring);box-shadow:0 0 0 4px #d8d2c71a}.stamp-choice-card,.address-hash-confirm{display:grid;gap:.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem;background:#ffffff08}.stamp-choice-card small,.address-hash-confirm span,.mode-help p{color:var(--text-soft);margin:0}.mode-help{border-left:3px solid rgb(103 34 183 / 62%);padding-left:.75rem;margin:.1rem 0 1rem;min-width:0;overflow-wrap:anywhere}.red-preview{border-color:#cf11114d}.draw-area canvas{cursor:crosshair}@media(max-width:820px){.validation-grid,.settings-row{grid-template-columns:1fr}.stamp-toolbox{align-items:stretch}.tool-button,.dropdown-tool{width:100%}.dropdown-tool{display:grid}}