:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#17212b;--muted:#697789;--line:#d8e0e8;--panel:#fff;--soft:#eef3f2;--blue:#0f4c81;--teal:#0d766f;--gold:#b88724;--red:#b42318;--green:#157347;--radius:8px;--shadow:0 16px 42px #1c2c3a1f;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f7f8;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:var(--radius);color:#f6c76a;background:#123047;place-items:center;width:44px;height:44px;font-weight:800;display:grid}h1,h2,h3,p{margin:0}.brand h1{font-size:20px;line-height:1.1}.brand p,.template-row p,.empty-state p{color:var(--muted);font-size:13px}.status-strip{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.status-pill{background:var(--soft);height:26px;color:var(--ink);text-transform:uppercase;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.status-completed{color:var(--green);background:#e6f4ee}.status-in_progress{color:#8b5a00;background:#fff3d8}.workspace{flex:1;grid-template-columns:176px minmax(0,1fr);display:grid}.rail{border-right:1px solid var(--line);background:#101820;flex-direction:column;gap:8px;padding:18px 12px;display:flex}.rail button{border-radius:var(--radius);color:#ffffffb8;text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.rail button.active,.rail button:hover{color:#fff;background:#1d2a36}.panel{min-width:0;padding:22px}.error-banner,.ready-banner{color:var(--red);border-radius:var(--radius);background:#fff0ee;border:1px solid #f2b8b5;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:700}.ready-banner{color:var(--green);background:#eefaf3;border-color:#a6d8bd}.library-grid,.form-screen,.empty-state{gap:16px;display:grid}.summary-band{border:1px solid var(--line);border-radius:var(--radius);min-height:118px;box-shadow:var(--shadow);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.eyebrow,.tool-label{color:var(--teal);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.summary-band h2,.section-title-row h2{font-size:22px}.metric-row,.completion-grid{grid-template-columns:repeat(3,110px);gap:10px;display:grid}.metric-row div,.completion-grid div{border:1px solid var(--line);border-radius:var(--radius);background:#f9fbfc;min-height:74px;padding:12px}.metric-row strong,.completion-grid strong{font-size:24px;line-height:1;display:block}.metric-row span,.completion-grid span{color:var(--muted);font-size:12px}.template-row,.form-screen,.empty-state{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:18px}.template-row{grid-template-columns:36px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;min-height:92px;display:grid}.template-row h3{font-size:17px}.primary-button,.secondary-button,.icon-button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.primary-button{background:var(--blue);color:#fff}.primary-button:hover{background:#0b3a62}.secondary-button{color:var(--ink);border-color:var(--line);background:#fff}.secondary-button:hover,.icon-button:hover{background:#f7fafb;border-color:#a9b8c5}.primary-button.small{min-height:34px;padding:0 12px}.icon-button{border-color:var(--line);background:#fff;width:36px;min-height:36px;padding:0}.icon-button.danger{color:var(--red)}.split-view{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.control-panel,.document-workbench{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.control-panel{gap:14px;padding:16px;display:grid}.section-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}label{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;outline:none;min-height:38px;padding:8px 10px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0f4c811f}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check-row{color:var(--ink);grid-template-columns:18px 1fr;align-items:center}.check-row input{min-height:18px}.field-list{gap:8px;max-height:52vh;padding-right:2px;display:grid;overflow:auto}.field-row{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:8px;display:grid}.field-row strong,.assigned-field strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.field-row span,.assigned-field em{color:var(--muted);font-size:11px;font-style:normal}.field-jump,.page-controls button{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#f8fafb;min-height:32px;font-weight:800}.document-workbench{min-width:0;padding:16px}.page-controls{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.page-controls button{width:36px}.page-controls button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pdf-shell{border-radius:var(--radius);background:#dfe6ec;justify-content:center;min-height:60vh;padding:16px;display:flex;overflow:auto}.pdf-page{background:#fff;flex:none;width:min(100%,734px);position:relative;overflow:hidden;box-shadow:0 10px 26px #0e1c2833}.pdf-page canvas,.field-layer{position:absolute;inset:0}.field-layer{pointer-events:none}.field-marker{pointer-events:auto;color:#0b3556;background:#0f4c8124;border:1px solid #0f4c81b8;border-radius:4px;justify-content:center;align-items:center;min-width:20px;min-height:18px;padding:1px 4px;display:flex;position:absolute;overflow:hidden}.field-marker span{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,.9vw,10px);font-weight:900;line-height:1.05;overflow:hidden}.field-signature,.field-initials{color:#6a4b09;background:#b8872429;border-color:#b88724cc}.field-checkbox,.field-radio{padding:0}.field-marker.is-done{color:#0f5f3b;background:#1573472e;border-color:#157347e0}.field-marker.is-active{outline:3px solid #0f4c812e}.signer-grid{gap:10px;display:grid}.signer-row{grid-template-columns:34px 1fr 1.2fr 190px;align-items:center;gap:10px;display:grid}.routing{border-radius:var(--radius);width:32px;height:32px;color:var(--teal);background:#eef3f2;place-items:center;font-weight:900;display:grid}.action-row,.tool-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-row.tight{gap:8px}.assigned-field{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:#fff;grid-template-columns:72px minmax(0,1fr) 52px;align-items:center;gap:8px;min-height:58px;padding:8px;display:grid}.assigned-field.active,.assigned-field:hover{border-color:var(--blue)}.assigned-field span{text-transform:uppercase;color:var(--teal);font-size:10px;font-weight:900}.active-field-tool{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.signature-tool{gap:8px;display:grid}.signature-box{border-radius:var(--radius);touch-action:none;background:#fbfcfd;border:1px dashed #9eb1c1;width:100%;overflow:hidden}.signature-box canvas{display:block}.completion-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.missing-list{flex-wrap:wrap;gap:8px;display:flex}.missing-list span{color:var(--red);border-radius:var(--radius);background:#fff7f6;border:1px solid #f2b8b5;padding:8px 10px;font-size:12px;font-weight:800}@media (width<=980px){.workspace,.split-view{grid-template-columns:1fr}.rail{z-index:10;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;position:sticky;top:76px;overflow:auto}.rail button{flex:none}.summary-band,.template-row,.topbar{flex-direction:column;align-items:stretch}.template-row{grid-template-columns:36px minmax(0,1fr)}.signer-row{grid-template-columns:34px 1fr}}@media (width<=620px){.panel{padding:12px}.metric-row,.completion-grid,.two-col,.field-row,.assigned-field{grid-template-columns:1fr}}