.twtd-sign-body{margin:0;background:#f3f4f6;font-family:Arial,sans-serif;color:#111827}.twtd-sign-wrap{min-height:100vh;padding:24px;background:radial-gradient(circle at top left,rgb(245 185 66 / .18),transparent 32%),#f3f4f6}.twtd-card-public,.twtd-box{max-width:1040px;margin:0 auto 22px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:26px;box-shadow:0 20px 55px rgb(15 23 42 / .08)}.twtd-public-header{display:flex;gap:18px;align-items:center;margin-bottom:18px}.twtd-logo{max-height:76px;max-width:180px;object-fit:contain}.twtd-card-public h1,.twtd-box h3{margin:0 0 8px;color:var(--twtd-primary,#111827)}.twtd-kicker-public{display:inline-block;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900;color:var(--twtd-secondary,#f5b942);margin-bottom:6px}.twtd-public-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.twtd-public-timeline span{text-align:center;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;padding:9px 8px;font-size:12px;font-weight:900;color:#64748b}.twtd-public-timeline span.done{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.twtd-public-timeline span.active{background:#fffbeb;color:#92400e;border-color:#fde68a}.twtd-viewer-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;margin:20px 0 0}.twtd-viewer-toolbar a,.twtd-small-btn{display:inline-block;background:var(--twtd-primary,#111827);color:#fff!important;text-decoration:none;border-radius:999px;padding:9px 14px;font-weight:900}.twtd-doc-frame{height:64vh;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;margin:12px 0 22px;background:#f9fafb}.twtd-doc-frame iframe{width:100%;height:100%;border:0}#twtd-sign-canvas{width:100%;height:220px;border:2px dashed #cbd5e1;border-radius:14px;background:#fff;touch-action:none}.twtd-actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.twtd-actions button,.twtd-box button{border:0;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer;background:var(--twtd-primary,#111827);color:#fff}.twtd-actions button:first-child{background:#e5e7eb;color:#111827}.twtd-check{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.twtd-success{background:#ecfdf5;color:#065f46;padding:12px;border-radius:12px;margin:12px 0}.twtd-error{background:#fef2f2;color:#991b1b;padding:12px;border-radius:12px;margin:12px 0}.twtd-notice{background:#fffbeb;color:#92400e;padding:12px;border-radius:12px;margin:12px 0}.twtd-table{width:100%;border-collapse:collapse}.twtd-table th,.twtd-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.twtd-status-badge{display:inline-block;border-radius:999px;padding:5px 10px;background:#f3f4f6;font-weight:900;font-size:12px}.twtd-st-signed{background:#dcfce7;color:#166534}.twtd-st-sent,.twtd-st-viewed{background:#dbeafe;color:#1e40af}.twtd-st-expired,.twtd-st-rejected{background:#fee2e2;color:#991b1b}.twtd-muted{color:#64748b;font-weight:700}.twtd-box input[type=text],.twtd-box input[type=file]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box}.twtd-public-footer{margin-top:18px;color:#64748b;font-size:13px}.twtd-my-docs,.twtd-upload-box{max-width:980px}@media(max-width:700px){.twtd-sign-wrap{padding:12px}.twtd-card-public,.twtd-box{padding:16px;border-radius:16px}.twtd-public-header{display:block}.twtd-public-timeline{grid-template-columns:1fr}.twtd-doc-frame{height:50vh}.twtd-viewer-toolbar{display:block}.twtd-viewer-toolbar a{margin-top:10px}}.twtd-box{border-radius:20px!important;box-shadow:0 18px 45px rgb(17 24 39 / .08)!important;border:1px solid #e5e7eb!important}.twtd-my-docs h3,.twtd-upload-box h3{letter-spacing:-.03em}.twtd-table th{background:#f9fafb;color:#111827;font-weight:800}.twtd-small-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#ef4b32;color:#fff!important;text-decoration:none;font-weight:800;font-size:12px}.twtd-status-badge{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.twtd-st-signed{background:#ecfdf5;color:#047857}.twtd-st-sent{background:#eff6ff;color:#1d4ed8}.twtd-st-viewed{background:#f5f3ff;color:#6d28d9}.twtd-st-rejected{background:#fef2f2;color:#b91c1c}.twtd-st-expired{background:#fffbeb;color:#b45309}.twtd-st-draft{background:#f3f4f6;color:#4b5563}.twtd-upload-box button{border-radius:12px;background:#111827;color:#fff;border:0;padding:12px 18px;font-weight:800;cursor:pointer}.twtd-upload-box input[type=text],.twtd-upload-box input[type=file]{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:12px;background:#fff}.twtd-sign-fields{margin:24px 0;padding:18px;border:1px solid #e5e7eb;border-radius:18px;background:#f9fafb}.twtd-sign-fields h3{margin-top:0}.twtd-sign-step{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin:12px 0}.twtd-sign-step small{display:block;color:#6b7280;margin-top:3px}.twtd-sign-canvas-extra{width:100%;height:160px;border:1px dashed #9ca3af;border-radius:14px;background:#fff;margin-top:12px;touch-action:none}.twtd-clear-extra{margin-top:8px}.twtd-extra-input{margin-top:12px;width:100%;max-width:360px;padding:10px;border:1px solid #d1d5db;border-radius:10px}.twtd-signed-downloads{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.twtd-signed-downloads .twtd-small-btn{text-decoration:none}.twtd-positioned-doc{position:relative;max-width:920px;margin:16px auto 24px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;aspect-ratio:210/297;overflow:hidden;box-shadow:0 18px 45px rgb(15 23 42 / .08)}.twtd-positioned-doc iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;z-index:1;pointer-events:none}.twtd-positioned-overlay{position:absolute;inset:0;z-index:3}.twtd-positioned-field{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid var(--twtd-primary,#111827);background:rgb(255 255 255 / .78);border-radius:8px;font-size:12px;font-weight:900;color:#111827;padding:4px;box-sizing:border-box;box-shadow:0 8px 18px rgb(15 23 42 / .12)}.twtd-positioned-field img{max-width:100%;max-height:100%;object-fit:contain;display:block}.twtd-positioned-date{border-color:#2563eb;background:rgb(219 234 254 / .82)}.twtd-positioned-initials{border-color:#7c3aed;background:rgb(245 243 255 / .82)}.twtd-positioned-signature{border-color:var(--twtd-primary,#111827);background:rgb(255 247 237 / .82)}.twtd-public-extract-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 22px}.twtd-public-extract-actions a{display:inline-flex;background:var(--twtd-primary,#111827);color:#fff!important;text-decoration:none;border-radius:999px;padding:10px 14px;font-weight:900}.twtd-sign-fields{margin-top:18px}.twtd-sign-fields .twtd-position-helper{font-size:13px;color:#64748b;margin:0 0 12px}@media(max-width:700px){.twtd-positioned-field{font-size:10px}.twtd-positioned-doc{border-radius:12px}}