:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202a35;background:#e8ebee;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[contenteditable=true]:focus-visible{outline:3px solid #f5b301;outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.toolbar{z-index:5;position:sticky;top:0;min-height:68px;padding:10px 24px;display:flex;align-items:center;gap:20px;background:#202a35;color:#fff;box-shadow:0 2px 8px #17212c2b}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:17px;white-space:nowrap}.brand strong{font-weight:600;color:#f5b301}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f5b301;color:#202a35;font:700 27px Space Grotesk,sans-serif}.brand-mark.small{width:34px;height:34px;font-size:21px;border-radius:9px}.toolbar-actions{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.toolbar-button,.user-menu button{border:0;border-radius:6px;color:#e9edf1;background:transparent;padding:10px 11px;font:500 13px Space Grotesk,sans-serif;white-space:nowrap}.toolbar-button:hover,.user-menu button:hover{background:#33404d}.toolbar-button.armed{background:#3e4852;box-shadow:inset 0 -2px #f5b301}.button{border:0;border-radius:7px;padding:11px 16px;color:#202a35;font:600 14px Space Grotesk,sans-serif}.button.primary{background:#f5b301}.button.primary:hover{background:#ffc21c}.download-button{margin-left:4px}.user-menu{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;color:#c5cbd1}.signature-menu{position:relative}.signature-dropdown{position:absolute;z-index:8;top:calc(100% + 8px);left:0;width:230px;max-height:350px;overflow:auto;border-radius:9px;padding:6px;background:#fff;box-shadow:0 8px 28px #1018203d;color:#202a35}.signature-dropdown[hidden]{display:none}.signature-dropdown button{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:5px;background:#fff;text-align:left;font-size:13px}.signature-dropdown button:hover{background:#f1f3f5}.signature-dropdown img{width:42px;height:30px;object-fit:contain}.workspace{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 68px);padding:28px 16px 72px;background:#e8ebee}.empty-state{width:min(100%,570px);min-height:390px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px;border:1px dashed #aeb6bf;border-radius:13px;background:#f4f5f6;text-align:center}.empty-icon{display:grid;place-items:center;width:66px;height:76px;border:2px solid #9ca6b0;border-radius:7px;color:#78838f;font:700 17px Space Grotesk,sans-serif}.empty-state h1,.auth-card h1{margin:22px 0 8px;font:600 27px Space Grotesk,sans-serif;letter-spacing:-.7px}.empty-state p{max-width:380px;margin:0 0 20px;color:#66717d;line-height:1.6}.empty-state>span{margin-top:18px;color:#78838f;font-size:12px}.document-meta{width:min(820px,100%);display:flex;align-items:center;gap:14px;margin-bottom:16px;color:#64707c;font-size:12px}.document-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta>span:nth-child(2){white-space:nowrap}.placement-hint{display:flex;align-items:center;gap:8px;margin-left:auto;color:#4c5661}.placement-hint button{border:0;color:#6a4a00;background:transparent;text-decoration:underline}.page-stack{width:100%;display:flex;flex-direction:column;align-items:center;gap:22px}.page-shell{position:relative;flex:none;overflow:hidden;max-width:100%;background:#fff;box-shadow:0 2px 9px #202a3526}.pdf-canvas{display:block;width:100%}.placement-layer{position:absolute;top:0;right:0;bottom:0;left:0}.placement{position:absolute;min-width:28px;min-height:25px;cursor:move;touch-action:none}.placement.selected{outline:1px solid #f5b301;box-shadow:0 0 0 1px #f5b301}.text-placement{padding:1px 3px;white-space:pre}.text-placement [contenteditable]{min-width:35px;min-height:1em;cursor:text}.signature-placement img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.placement-controls{position:absolute;z-index:2;top:-29px;right:-1px;display:none;align-items:center;padding:2px;border-radius:5px;background:#202a35;box-shadow:0 2px 6px #0002}.placement.selected .placement-controls{display:flex}.placement-controls button{width:25px;height:23px;border:0;color:#fff;background:transparent;font-size:14px}.placement-controls button:hover{color:#f5b301}.resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;border:2px solid white;border-radius:3px;background:#f5b301;cursor:nwse-resize;touch-action:none}.page-number{position:absolute;right:9px;bottom:7px;color:#8e969e;font-size:10px;pointer-events:none}.manage-signatures{position:fixed;z-index:4;right:20px;bottom:18px;display:flex;gap:10px;align-items:center;padding:11px 15px;border:0;border-radius:8px;background:#202a35;color:#fff;box-shadow:0 3px 12px #17212c40;font:500 13px Space Grotesk,sans-serif}.manage-signatures span{display:grid;min-width:21px;height:21px;place-items:center;padding:0 5px;border-radius:12px;background:#3c4956;font-size:11px}.toolbar-document{min-width:120px;max-width:160px;overflow:hidden;color:#d1d6db;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.toolbar-document span{display:block;margin-top:2px;color:#9ba5ae}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1018209c}.signature-modal{width:min(590px,100%);max-height:min(90vh,850px);overflow:auto;border-radius:12px;background:#263442;color:#f4f6f8;box-shadow:0 18px 60px #0004}.modal-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 24px 15px;background:#202a35;border-bottom:1px solid #3b4855}.modal-header h2{margin:2px 0 0;font:600 22px Space Grotesk,sans-serif}.eyebrow{margin:0;color:#74808b;font:600 10px Space Grotesk,sans-serif;letter-spacing:.09em;text-transform:uppercase}.icon-button{width:36px;height:36px;border:0;border-radius:7px;background:#344250;color:#fff;font-size:23px}.signature-list{padding:12px 24px}.saved-signature{display:flex;align-items:center;gap:12px;min-height:64px;border-bottom:1px solid #3b4855}.signature-preview{display:grid;place-items:center;width:110px;height:50px;border:1px solid #dce0e3;background-color:#fff;background-image:linear-gradient(45deg,#edf0f2 25%,transparent 25%),linear-gradient(-45deg,#edf0f2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f2 75%),linear-gradient(-45deg,transparent 75%,#edf0f2 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.signature-preview img{max-width:96px;max-height:40px;object-fit:contain}.saved-meta{display:flex;flex:1;flex-direction:column;gap:3px;font-size:13px}.saved-meta span,.signature-modal .muted{color:#aeb7c0;font-size:12px}.text-button{border:0;padding:7px;color:#bfc6cd;background:transparent;font-size:12px}.text-button:hover{text-decoration:underline}.text-button.danger{color:#a83c38}.create-section{padding:15px 24px 24px;background:#263442;border-top:1px solid #3b4855}.create-section h3{margin:0 0 13px;font:600 16px Space Grotesk,sans-serif}.mode-tabs{display:flex;padding:3px;margin-bottom:14px;border-radius:7px;background:#e9ecef}.mode-tabs button{flex:1;padding:8px;border:0;border-radius:5px;background:transparent;color:#59646f;font-size:12px}.mode-tabs button.active{background:#fff;color:#202a35;box-shadow:0 1px 4px #18222d1c}.field-label{display:flex;flex-direction:column;gap:6px;margin:11px 0;color:#4d5964;font-size:12px}.field-label input,.field-label select{width:100%;padding:10px 11px;border:1px solid #cfd5da;border-radius:6px;background:#fff;color:#202a35}.field-row{display:flex;align-items:end;gap:18px}.field-row .field-label{flex:1}.ink-choices{display:flex;align-items:center;gap:9px;padding-bottom:13px;color:#606b75;font-size:12px}.swatch{width:21px;height:21px;border:2px solid white;border-radius:50%;background:#151a20;box-shadow:0 0 0 1px #aeb5bc}.swatch.blue{background:#174fbd}.swatch.selected{box-shadow:0 0 0 2px #f5b301}.draw-canvas{display:block;width:100%;height:148px;border:1px solid #cfd5da;border-radius:6px;background:#fff;touch-action:none;cursor:crosshair}.canvas-actions{display:flex;justify-content:flex-end}.typed-signature{width:100%;padding:16px;border:1px solid #cfd5da;border-radius:6px;background:#fff;font:40px Caveat,cursive}.upload-box{display:block;padding:24px;border:1px dashed #adb6be;border-radius:7px;color:#55616d;text-align:center;font-size:13px;cursor:pointer}.upload-box input{display:block;max-width:100%;margin:12px auto 0;font-size:12px}.save-signature{width:100%;margin-top:10px}.form-error{color:#aa3934;font-size:12px;line-height:1.45}.sync-notice{position:fixed;z-index:8;left:20px;bottom:18px;max-width:480px;padding:12px 14px;border:1px solid #e4c47b;border-radius:7px;background:#fff9e9;color:#594718;font-size:12px;box-shadow:0 3px 12px #17212c1a}.pdf-error{width:min(820px,100%);padding:10px 12px;margin-bottom:12px;border:1px solid #e7c0bd;border-radius:6px;background:#fff4f3;color:#963b36;font-size:12px}.pdf-error button{float:right;border:0;background:transparent;color:inherit;text-decoration:underline}.sync-notice button{margin-left:10px;border:0;background:transparent;text-decoration:underline;color:inherit}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:#e8ebee}.auth-card,.loading-card{width:min(100%,420px);padding:34px;border:1px solid #e2e6e9;border-radius:13px;background:#fff;box-shadow:0 8px 30px #202a3510}.auth-modal{position:relative;width:min(460px,100%);max-height:90vh;overflow:auto;border-radius:13px;background:#fff}.auth-modal .auth-card{box-shadow:none}.auth-close{position:absolute;z-index:1;top:10px;right:10px;background:#eef0f2;color:#202a35}.signature-storage-note{margin:0 0 12px;color:#aeb7c0;font-size:12px;line-height:1.5}.auth-card .brand-mark{margin-bottom:23px}.auth-card h1{margin:7px 0;font-size:25px}.auth-card>.muted{margin:0 0 22px;font-size:13px}.auth-card>.button,.auth-card>.field-label,.auth-card>.google-button{width:100%}.google-button{border:1px solid #cfd5da;background:#fff}.google-button:hover{background:#f7f8f9}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#8b949d;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e8eb}.auth-switch{display:block;width:100%;margin-top:9px;color:#4c5965}.privacy-copy{margin:20px 0 0;color:#77828d;text-align:center;font-size:11px;line-height:1.5}.loading-card{color:#66717d;text-align:center}@media (max-width: 900px){.toolbar{flex-wrap:wrap;gap:6px 12px;padding:9px 12px}.toolbar-actions{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.user-menu{margin-left:auto}.workspace{min-height:calc(100vh - 110px)}}@media (max-width: 520px){.toolbar{position:relative}.brand{font-size:15px}.toolbar-button{padding:9px 8px;font-size:12px}.user-menu span{max-width:120px;overflow:hidden;text-overflow:ellipsis}.workspace{padding:18px 10px 70px}.empty-state{padding:25px 18px}.document-meta{gap:8px;font-size:11px}.placement-hint{position:absolute;top:8px;right:12px}.modal-backdrop{padding:8px}.modal-header,.signature-list,.create-section{padding-left:16px;padding-right:16px}.signature-preview{width:76px}.manage-signatures{right:12px;bottom:12px}}.upload-preview{margin-top:10px;max-width:320px;background-color:#fff;background-image:linear-gradient(45deg,#e8e6e1 25%,transparent 25%),linear-gradient(-45deg,#e8e6e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e6e1 75%),linear-gradient(-45deg,transparent 75%,#e8e6e1 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.saved-heading{margin:0 0 8px;font-size:13px;color:#9fb0bd}.saved-signature.just-saved{outline:2px solid #f5b301;outline-offset:2px;border-radius:8px}.saved-note{color:#7dd88a;font-size:13px;margin:10px 0 0}.upload-box-preview{display:block;max-width:260px;max-height:90px;margin:0 auto 8px;object-fit:contain;background:#fff}