:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#12151f;--night:#14213d;--copy:#323848;--muted:#697084;--paper:#fffdf7;--desk:#f4f7f1;--line:#d8ded1;--line-strong:#a9b4a0;--mint:#c8ead3;--sky:#cfe7ff;--coral:#ff7a59;--gold:#f9c74f;--white:#fff;--danger:#b42318;--success:#13795b;--shadow-soft:0 24px 80px #12151f1f;--shadow-tight:0 12px 34px #12151f1a;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #14213d09 1px, transparent 1px) 0 0 / 34px 34px, linear-gradient(#14213d09 1px, transparent 1px) 0 0 / 34px 34px, var(--desk);min-width:320px;min-height:100vh;color:var(--copy);margin:0}button,input,textarea{font:inherit}button{border:0;min-height:44px}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}input,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);width:100%;color:var(--ink);padding:12px 13px}textarea{resize:vertical;min-height:440px;line-height:1.55}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3,p{margin-top:0}.app-shell{width:min(1180px,100% - 28px);margin:0 auto;padding:18px 0 72px}.topbar{z-index:20;box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf7e6;border:1px solid #a9b4a0b8;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:10px;display:grid;position:sticky;top:12px}.brand{color:var(--ink);align-items:center;gap:10px;padding:6px 10px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{background:var(--night);width:36px;height:36px;color:var(--paper);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -4px #ffffff1f}.progress-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.progress-item{min-height:44px;color:var(--muted);background:#eef2ea;border-radius:999px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px;padding:8px 12px;display:grid}.progress-item span{background:var(--white);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid}.progress-item b{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.progress-item.current{background:var(--night);color:var(--paper)}.progress-item.current span{background:var(--gold);color:var(--ink)}.progress-item.complete{background:var(--mint);color:var(--night)}.hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:end;gap:28px;margin:46px 0 26px;display:grid}.hero h1{max-width:840px;color:var(--ink);margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,7vw,5.8rem);font-weight:800;line-height:.94}.hero p:not(.kicker){border-left:5px solid var(--coral);color:var(--copy);margin:0;padding-left:18px;font-size:1.03rem;line-height:1.65}.kicker{border:1px solid var(--line-strong);background:var(--paper);width:fit-content;color:var(--night);border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:.82rem;font-weight:900;display:inline-flex}.stage-grid,.reader-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.reader-layout{grid-template-columns:minmax(0,780px) minmax(280px,1fr)}.workbench,.guide-panel,.export-toolbar{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffdf7f0;border-radius:18px}.workbench{padding:clamp(18px,4vw,34px)}.signer-workbench{background:linear-gradient(135deg, #cfe7ff7a, transparent 34%), var(--paper)}.section-head{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;margin-bottom:22px;display:grid}.section-head>svg{background:var(--night);width:42px;height:42px;color:var(--paper);border-radius:14px;padding:10px}.section-head h2,.guide-panel h2,.export-toolbar h2{color:var(--ink);margin-bottom:7px;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.12}.section-head p,.guide-panel p,.export-toolbar p{color:var(--muted);margin-bottom:0;line-height:1.55}.file-drop,.upload-signature{border:1px dashed var(--line-strong);background:linear-gradient(135deg, #ff7a591a, transparent 40%), var(--white);border-radius:16px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;min-height:96px;margin-bottom:18px;padding:18px;display:grid;position:relative}.file-drop svg,.upload-signature svg{color:var(--coral)}.file-drop input,.upload-signature input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-drop b,.upload-signature b{color:var(--ink);margin-bottom:4px;display:block}.file-drop small,.upload-signature small{color:var(--muted)}.field{color:var(--copy);gap:8px;margin-bottom:16px;font-weight:800;display:grid}.field span{font-size:.86rem}.field.compact{margin:0}.field-error{color:var(--danger);font-size:.82rem;font-weight:800}.guide-panel{padding:22px;position:sticky;top:98px;overflow:hidden}.guide-panel:before{content:"";background:linear-gradient(90deg, var(--coral), var(--gold), var(--mint), var(--sky));height:9px;margin:-22px -22px 18px;display:block}.read-panel{top:96px}.panel-label{background:var(--sky);width:fit-content;color:var(--night);text-transform:uppercase;border-radius:999px;align-items:center;margin-bottom:10px;padding:6px 10px;font-size:.75rem;font-weight:950;display:inline-flex}.mini-proof,.hash-card{border:1px solid var(--line);background:var(--white);border-radius:14px;gap:5px;margin-top:18px;padding:14px;display:grid}.mini-proof span,.hash-card span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.mini-proof b,.hash-card code{color:var(--ink);overflow-wrap:anywhere}.checkline{color:var(--copy);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:11px;margin:18px 0;line-height:1.45;display:grid}.checkline input{width:20px;height:20px;accent-color:var(--night);margin-top:2px}.action-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.action-row.stacked{display:grid}.primary-action,.secondary-action,.icon-button,.link-button{border-radius:999px;justify-content:center;align-items:center;gap:9px;font-weight:900;display:inline-flex}.primary-action{background:var(--night);color:var(--paper);padding:12px 18px;box-shadow:inset 0 -4px #0000002e}.primary-action:hover:not(:disabled){background:#1d2d53}.secondary-action{border:1px solid var(--line-strong);background:var(--white);color:var(--night);padding:12px 16px}.secondary-action:hover:not(:disabled){background:#eef7ff}.icon-button{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--night)}.link-button{width:fit-content;min-height:36px;color:var(--night);text-underline-offset:4px;background:0 0;padding:4px 0;text-decoration:underline}.document-page{border:1px solid var(--line);background:linear-gradient(90deg, #14213d0b 1px, transparent 1px) 54px 0 / 1px 100% no-repeat, var(--paper);min-height:860px;box-shadow:var(--shadow-soft);border-radius:5px;padding:clamp(28px,5vw,64px);position:relative}.paper-tag{background:var(--mint);color:var(--night);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.75rem;font-weight:900;display:inline-flex;position:absolute;top:18px;right:18px}.document-title{border-bottom:2px solid var(--ink);margin-bottom:30px;padding-bottom:18px}.document-title span,.signature-title span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.74rem;font-weight:950;display:block}.document-title h2{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.04}.rendered-document{color:var(--copy);font-size:1.02rem;line-height:1.72}.rendered-document h1,.rendered-document h2,.rendered-document h3{color:var(--ink);line-height:1.15}.rendered-document h1{margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,3rem)}.rendered-document h2{margin:30px 0 10px;font-size:1.28rem}.rendered-document h3{margin:24px 0 8px;font-size:1.05rem}.rendered-document p{margin-bottom:16px}.rendered-document ul,.rendered-document ol{padding-left:1.4rem}.rendered-document a{color:var(--night);font-weight:800}.signer-list{gap:18px;display:grid}.signer-card{border:1px solid var(--line);background:#ffffffd1;border-radius:18px;padding:18px}.signer-card-head{justify-content:space-between;align-items:start;gap:14px;margin-bottom:18px;display:flex}.signer-card-head h3{color:var(--ink);margin:0;font-size:1.28rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.signature-panel{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:14px}.signature-switcher{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.signature-switcher button{border:1px solid var(--line);background:var(--white);color:var(--night);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-weight:900;display:inline-flex}.signature-switcher button.active{background:var(--night);border-color:var(--night);color:var(--paper)}.draw-area{gap:8px;display:grid}.signature-canvas{aspect-ratio:3;border:1px solid var(--line);background:linear-gradient(transparent 69%, #14213d26 70%, transparent 71%), var(--white);touch-action:none;border-radius:12px;width:100%}.upload-signature{margin-bottom:0}.signature-preview{border:1px solid var(--line);background:var(--white);min-height:100px;color:var(--muted);text-align:center;border-radius:14px;place-items:center;margin-top:12px;padding:10px;display:grid;overflow:hidden}.signature-preview img{max-width:100%;max-height:104px;display:block}.preview-stack{gap:20px;display:grid}.export-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.export-toolbar .action-row{flex:none;margin-top:0}.signature-section{break-inside:avoid;border-top:3px solid var(--ink);margin-top:44px;padding-top:28px}.signature-title{margin-bottom:18px}.signature-title h2{color:var(--ink);margin:0;font-size:1.5rem}.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.signature-block{break-inside:avoid;border:1px solid var(--ink);background:var(--white);border-radius:7px;padding:14px}.final-signature{border-bottom:1px solid var(--ink);align-items:center;height:104px;display:flex;overflow:hidden}.final-signature img{max-width:100%;max-height:100px}.signature-block dl{grid-template-columns:1fr 1fr;gap:10px 14px;margin:14px 0 0;display:grid}.signature-block dt{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:950}.signature-block dd{color:var(--ink);overflow-wrap:anywhere;margin:3px 0 0;font-weight:800}.document-receipt{border:1px solid var(--line);background:#f7fbff;border-radius:7px;gap:7px;margin-top:20px;padding:12px;display:grid}.document-receipt span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:950}.document-receipt code{color:var(--ink);overflow-wrap:anywhere}.toast{z-index:50;background:var(--ink);max-width:min(360px,100vw - 36px);color:var(--paper);box-shadow:var(--shadow-tight);border-radius:999px;align-items:center;gap:9px;padding:12px 15px;font-weight:850;display:inline-flex;position:fixed;bottom:18px;right:18px}.toast.warn{background:var(--danger)}.toast.good svg{color:var(--mint)}@media (width<=940px){.app-shell{width:min(100% - 22px,760px)}.topbar,.hero,.stage-grid,.reader-layout{grid-template-columns:1fr}.topbar,.guide-panel{position:static}.hero{margin-top:32px}.hero p:not(.kicker){max-width:620px}}@media (width<=680px){body{background-size:24px 24px}.progress-list,.form-grid,.signature-switcher,.signature-grid,.signature-block dl{grid-template-columns:1fr}.progress-item{border-radius:14px}.progress-item b{white-space:normal}.hero h1{font-size:clamp(2.15rem,14vw,4rem)}.document-page{min-height:720px;padding:26px 20px}.paper-tag{width:fit-content;margin-bottom:18px;position:static}.export-toolbar{display:grid}.export-toolbar .action-row,.action-row{width:100%;display:grid}.primary-action,.secondary-action{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}@media print{@page{margin:18mm}body{background:var(--white)}.no-print,.topbar,.hero,.toast,.paper-tag{display:none!important}.app-shell{width:100%;padding:0}.preview-stack{display:block}.document-page{min-height:auto;box-shadow:none;background:var(--white);border:0;border-radius:0;padding:0}.document-title{margin-top:0}.signature-block,.signature-section{break-inside:avoid;page-break-inside:avoid}}