.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:36px;padding:0 14px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:-.005em;line-height:1;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--loading{cursor:progress}.btn--full{width:100%}.btn--sm{height:30px;padding:0 10px;font-size:var(--fs-xs)}.btn--lg{height:44px;padding:0 20px;font-size:var(--fs-md)}.btn__icon{display:inline-flex}.btn__icon svg{width:16px;height:16px}.btn__label{display:inline-flex;align-items:center}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--primary:active:not(:disabled){background:var(--color-accent-active)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){filter:brightness(.94)}.btn--danger-ghost{background:transparent;color:var(--color-danger)}.btn--danger-ghost:hover:not(:disabled){background:var(--color-danger-subtle)}.input-field{display:block;width:100%}.input-field__label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);margin-bottom:6px;letter-spacing:var(--tracking-wide)}.input-field__wrap{position:relative;display:flex;align-items:center}.input-field__input{width:100%;height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--fs-md);line-height:1;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out);font-family:var(--font-sans)}.input-field__input::placeholder{color:var(--color-text-subtle)}.input-field__input:hover:not(:disabled){border-color:var(--color-border-strong)}.input-field__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input-field__input:disabled{background:var(--color-bg-subtle);color:var(--color-text-subtle);cursor:not-allowed}.input-field--error .input-field__input{border-color:var(--color-danger)}.input-field--error .input-field__input:focus{box-shadow:0 0 0 3px var(--color-danger-subtle)}.input-field__input--has-icon{padding-left:36px}.input-field__icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--color-text-subtle);display:inline-flex;pointer-events:none}.input-field__icon svg{width:16px;height:16px}.input-field__right{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.input-field__error{color:var(--color-danger);font-size:var(--fs-xs);margin-top:6px}.input-field__hint{color:var(--color-text-subtle);font-size:var(--fs-xs);margin-top:6px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card--padded{padding:var(--sp-6)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.card__title{margin:0 0 2px;font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.card__subtitle{margin:0;color:var(--color-text-muted);font-size:var(--fs-sm)}.card__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);padding:3px 9px;border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.pill__dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}.pill--draft{background:var(--status-draft-bg);color:var(--status-draft-fg)}.pill--sent{background:var(--status-sent-bg);color:var(--status-sent-fg)}.pill--viewed{background:var(--status-viewed-bg);color:var(--status-viewed-fg)}.pill--signing{background:var(--status-signing-bg);color:var(--status-signing-fg)}.pill--completed{background:var(--status-completed-bg);color:var(--status-completed-fg)}.pill--declined{background:var(--status-declined-bg);color:var(--status-declined-fg)}.pill--voided{background:var(--status-voided-bg);color:var(--status-voided-fg)}.pill--expired{background:var(--status-expired-bg);color:var(--status-expired-fg)}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--color-bg-subtle) 0%,var(--color-border) 50%,var(--color-bg-subtle) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s linear infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.envlist__filters{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.chip:hover{background:var(--color-bg-subtle);color:var(--color-text)}.chip--active{background:var(--color-accent-subtle);color:var(--color-accent);border-color:var(--color-accent-border)}.envlist__table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.envlist__table table{width:100%;border-collapse:collapse}.envlist__table thead th{text-align:left;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-subtle);font-weight:var(--fw-semibold);padding:12px 16px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.envlist__table tbody td{padding:14px 16px;font-size:var(--fs-sm);color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}.envlist__table tbody tr:last-child td{border-bottom:0}.envlist__table tbody tr{cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.envlist__table tbody tr:hover{background:var(--color-bg-subtle)}.envlist__title{display:flex;align-items:center;gap:10px}.envlist__doc-ico{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.envlist__title b{font-weight:var(--fw-semibold);color:var(--color-text);display:block}.envlist__meta{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-top:1px}.envlist__dim{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-7)}.empty-state__icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--color-accent-subtle);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.empty-state h3{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin:0 0 var(--sp-2)}.empty-state p{color:var(--color-text-muted);max-width:44ch;margin:0 auto var(--sp-5);line-height:var(--lh-relaxed)}.empty-state__cta{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.envdetail__back{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--sp-4)}.envdetail__back:hover{color:var(--color-text)}.envdetail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-5);margin-bottom:var(--sp-5)}.envdetail__title-row{display:flex;align-items:center;gap:var(--sp-3)}.envdetail__title-row h1{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin:0}.envdetail__sub{color:var(--color-text-muted);font-size:var(--fs-sm);margin:4px 0 0}.envdetail__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.envdetail__tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-5)}.envdetail__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:10px 14px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.envdetail__tab:hover{color:var(--color-text)}.envdetail__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.envdetail__panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.envdetail__panel-head h3{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.envdetail__badge{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-subtle);background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:3px 8px;border-radius:var(--radius-full)}.envdetail__panel-body{display:flex;flex-direction:column;gap:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.detail-card{padding:var(--sp-5)}.detail-card h3{margin:0 0 var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-subtle)}.detail-card--wide{grid-column:1 / -1}.detail-msg{color:var(--color-text);margin:0;line-height:var(--lh-relaxed);font-size:var(--fs-sm)}.kv{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--sp-4);row-gap:8px;margin:0;font-size:var(--fs-sm)}.kv dt{color:var(--color-text-subtle);font-weight:var(--fw-medium)}.kv dd{color:var(--color-text);margin:0;font-variant-numeric:tabular-nums}.summary-list{list-style:none;padding:0;margin:0 0 var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.summary-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.summary-name{font-weight:var(--fw-medium);font-size:var(--fs-sm)}.summary-email{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-top:2px}.summary-viewed{font-size:11px;color:var(--color-text-muted);margin-top:4px}.summary-viewed--pending{color:var(--color-text-subtle);font-style:italic}.summary-meta{font-size:var(--fs-xs);color:var(--color-text-subtle);padding-top:var(--sp-3);border-top:1px solid var(--color-border)}.signer-detail-list,.doc-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.signer-detail-list li,.doc-detail-list li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0;border-bottom:1px solid var(--color-border)}.signer-detail-list li:last-child,.doc-detail-list li:last-child{border-bottom:0}.signer-detail-main{flex:1}.signer-detail-name{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.signer-detail-email{font-size:var(--fs-xs);color:var(--color-text-subtle)}.signer-detail-meta{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:4px;display:flex;gap:var(--sp-4)}.signer-detail-side{display:flex;align-items:center;gap:var(--sp-3)}.sig-thumb{width:120px;height:48px;object-fit:contain;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.doc-detail-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-accent-subtle);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center}.doc-detail-main{flex:1}.doc-detail-name{font-weight:var(--fw-medium);font-size:var(--fs-sm)}.doc-detail-meta{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-top:2px}.doc-detail-actions{display:flex;gap:var(--sp-3)}.doc-link{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-accent);padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.doc-link:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.doc-detail-cert .doc-detail-icon{color:var(--color-success);background:var(--color-success-subtle)}.audit-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;position:relative}.audit-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--color-border)}.audit-timeline li{position:relative;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0 var(--sp-3) var(--sp-6)}.audit-dot{position:absolute;left:3px;width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-accent-border)}.audit-body{flex:1}.audit-action{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.audit-meta{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-top:2px}.audit-hash{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--color-text-muted);background:var(--color-bg-subtle);padding:3px 6px;border-radius:var(--radius-xs);border:1px solid var(--color-border)}.envdetail__toast{position:fixed;bottom:var(--sp-5);left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-text-inverse);padding:10px 16px;border-radius:var(--radius-md);font-size:var(--fs-sm);z-index:var(--z-toast);box-shadow:var(--shadow-lg)}.new-env{max-width:560px;margin:0 auto;padding:var(--sp-4) 0 var(--sp-9)}.new-env__back{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);margin-bottom:var(--sp-5);text-decoration:none}.new-env__back:hover{color:var(--color-text)}.new-env__card{padding:var(--sp-8)}.new-env__head{margin-bottom:var(--sp-6)}.new-env__head h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin:0 0 var(--sp-2)}.new-env__head p{margin:0;color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.new-env__field{margin-top:var(--sp-4)}.new-env__label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text);margin-bottom:var(--sp-2)}.new-env__label span{color:var(--color-text-subtle);font-weight:var(--fw-regular)}.new-env__textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;font-family:inherit;font-size:var(--fs-sm);color:var(--color-text);resize:vertical;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.new-env__textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.new-env__error{margin-top:var(--sp-4);padding:10px 12px;background:var(--color-danger-subtle);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--fs-xs);border:1px solid var(--color-danger)}.new-env__actions{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6)}.builder{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-height));width:100%}.builder__topbar{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:56px;flex-shrink:0}.builder__back{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-muted);text-decoration:none;font-size:var(--fs-xs);padding:6px 8px;border-radius:var(--radius-sm)}.builder__back:hover{color:var(--color-text);background:var(--color-bg-subtle)}.builder__title-wrap{flex:1;min-width:0}.builder__title-input{width:100%;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--color-text);letter-spacing:var(--tracking-tight);font-family:inherit}.builder__title-input:hover{background:var(--color-bg-subtle)}.builder__title-input:focus{outline:none;border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-focus)}.builder__save{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap}.builder__save .dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success)}.builder__save.is-saving .dot{background:var(--color-accent);animation:pulse 1s ease-in-out infinite}.builder__save.is-dirty .dot{background:var(--color-accent)}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.builder__topbar-actions{display:flex;gap:var(--sp-2);align-items:center}.builder__body{flex:1;display:grid;grid-template-columns:260px 1fr 300px;min-height:0;background:var(--color-bg)}.builder__pane{background:var(--color-surface);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.builder__pane--left{border-right:1px solid var(--color-border)}.builder__pane--right{border-left:1px solid var(--color-border)}.builder__pane--center{background:var(--color-bg-subtle);overflow:auto;display:block;text-align:center;padding:var(--sp-5)}.builder__pane--center>*{text-align:left;display:inline-block;vertical-align:top;max-width:100%}.builder__pane--center>.pdf-toolbar{display:inline-flex}.pane-section{padding:var(--sp-4) var(--sp-4) var(--sp-2);border-bottom:1px solid var(--color-border)}.pane-section:last-child{border-bottom:0}.pane-section h4{margin:0 0 var(--sp-3);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-subtle)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-3);text-align:center;color:var(--color-text-muted);font-size:var(--fs-xs);line-height:1.4;cursor:pointer;background:var(--color-bg-subtle);transition:all var(--dur-fast) var(--ease-out)}.dropzone:hover,.dropzone.is-over{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent)}.dropzone svg{display:block}.dropzone__hint{display:block;font-size:var(--fs-2xs);color:var(--color-text-subtle)}.upload-progress{margin-top:var(--sp-3);height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.upload-progress__bar{height:100%;background:var(--color-accent);transition:width var(--dur-fast) var(--ease-out)}.doc-list{list-style:none;padding:0;margin:var(--sp-3) 0 0}.doc-list li{display:flex;align-items:center;gap:var(--sp-2);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-xs);color:var(--color-text);border:1px solid transparent}.doc-list li:hover{background:var(--color-bg-subtle)}.doc-list li.is-active{background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent)}.doc-list__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-list__pages{color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-size:var(--fs-2xs)}.doc-list__del{background:none;border:0;cursor:pointer;color:var(--color-text-subtle);padding:2px;border-radius:var(--radius-xs)}.doc-list__del:hover{color:var(--color-danger);background:var(--color-danger-subtle)}.signer-form{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.signer-form input,.signer-form select{width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--fs-xs);color:var(--color-text);font-family:inherit}.signer-form input:focus,.signer-form select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.signer-list{list-style:none;padding:0;margin:0}.signer-list li{display:flex;align-items:center;gap:var(--sp-2);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent}.signer-list li:hover{background:var(--color-bg-subtle)}.signer-list li.is-active{background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.signer-swatch{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.signer-info{flex:1;min-width:0}.signer-info__name{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signer-info__email{font-size:var(--fs-2xs);color:var(--color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signer-order{font-size:var(--fs-2xs);color:var(--color-text-muted);background:var(--color-bg-subtle);border-radius:var(--radius-full);width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.signer-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.signer-list li:hover .signer-actions{opacity:1}.signer-actions button{background:none;border:0;cursor:pointer;color:var(--color-text-subtle);padding:2px;border-radius:var(--radius-xs);display:inline-flex}.signer-actions button:hover{background:var(--color-surface);color:var(--color-text)}.signer-actions button.del:hover{color:var(--color-danger)}.toolbox{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;color:var(--color-text-muted);font-size:var(--fs-2xs);font-weight:var(--fw-medium);transition:all var(--dur-fast) var(--ease-out)}.tool-btn:hover{border-color:var(--color-accent-border);color:var(--color-accent);background:var(--color-accent-subtle)}.tool-btn:active{cursor:grabbing}.active-signer-select{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--fs-xs);font-family:inherit;color:var(--color-text)}.pdf-toolbar{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--sp-4);box-shadow:var(--shadow-xs);font-size:var(--fs-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.pdf-toolbar button{background:none;border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:3px 6px;cursor:pointer;color:var(--color-text);display:inline-flex}.pdf-toolbar button:hover:not(:disabled){background:var(--color-bg-subtle)}.pdf-toolbar button:disabled{opacity:.4;cursor:not-allowed}.pdf-stage{position:relative;display:inline-block;box-shadow:var(--shadow-lg);background:var(--color-surface);border-radius:var(--radius-sm)}.pdf-stage canvas{display:block;border-radius:var(--radius-sm)}.pdf-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.pdf-overlay.is-drop-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--color-accent);background:var(--color-accent-subtle);opacity:.3;pointer-events:none;border-radius:var(--radius-sm)}.pdf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-11) var(--sp-7);color:var(--color-text-muted);font-size:var(--fs-sm);text-align:center;gap:var(--sp-2);border:1.5px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);max-width:480px;margin:auto}.pdf-empty svg{color:var(--color-text-subtle)}.field-rect{position:absolute;border:1.5px solid var(--color-accent);background:var(--color-accent-subtle);border-radius:var(--radius-xs);cursor:move;box-sizing:border-box;font-size:var(--fs-2xs);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-medium);text-transform:capitalize;-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap}.field-rect.is-dim{opacity:.25}.field-rect.is-selected{border-width:2px;box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-accent)}.field-rect__handle{position:absolute;width:8px;height:8px;background:var(--color-surface);border:1.5px solid var(--color-accent);border-radius:var(--radius-xs)}.field-rect__handle.nw{top:-5px;left:-5px;cursor:nwse-resize}.field-rect__handle.ne{top:-5px;right:-5px;cursor:nesw-resize}.field-rect__handle.sw{bottom:-5px;left:-5px;cursor:nesw-resize}.field-rect__handle.se{bottom:-5px;right:-5px;cursor:nwse-resize}.field-drag-ghost{position:fixed;z-index:9999;pointer-events:none;background:var(--color-accent-subtle);border:1.5px solid var(--color-accent);color:var(--color-accent);font-size:var(--fs-2xs);font-weight:var(--fw-medium);padding:4px 10px;border-radius:var(--radius-xs);box-shadow:var(--shadow-md);transform:translate(-4px,-4px);-webkit-user-select:none;user-select:none;white-space:nowrap}.inspector{font-size:var(--fs-xs);color:var(--color-text-muted)}.inspector .row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--color-border)}.inspector .row:last-child{border-bottom:0}.inspector .row b{color:var(--color-text);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.inspector__empty{font-size:var(--fs-xs);color:var(--color-text-subtle);text-align:center;padding:var(--sp-3) 0;font-style:italic}.builder-mobile-gate{max-width:420px;margin:var(--sp-11) auto;text-align:center;padding:var(--sp-7)}.builder-mobile-gate h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0 0 var(--sp-2)}.builder-mobile-gate p{color:var(--color-text-muted);line-height:var(--lh-relaxed);margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:520px;width:100%;padding:var(--sp-6)}.modal h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 var(--sp-2)}.modal p{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0 0 var(--sp-4);line-height:var(--lh-relaxed)}.modal__actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-5)}.modal textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;font-family:inherit;font-size:var(--fs-sm);color:var(--color-text);background:var(--color-surface);resize:vertical}.modal textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.settings__tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-5)}.settings__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:10px 14px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.settings__tab:hover{color:var(--color-text)}.settings__tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.settings__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}@media (max-width: 700px){.settings__grid{grid-template-columns:1fr}}.settings__form-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--color-border)}.settings__soon{text-align:center;padding:var(--sp-8) var(--sp-4)}.settings__soon h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0 0 6px}.settings__soon p{color:var(--color-text-muted);margin:0}.signer{min-height:100vh;background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column}.signer__header{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-6);flex-wrap:wrap}.signer__brand{font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.signer__steps{list-style:none;padding:0;margin:0 0 0 auto;display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.signer__step{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:var(--radius-full);font-size:var(--fs-xs);color:var(--color-text-subtle);font-weight:var(--fw-medium)}.signer__step-dot{width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-text-subtle);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);border:1px solid var(--color-border)}.signer__step.is-active{background:var(--color-accent-subtle);color:var(--color-accent)}.signer__step.is-active .signer__step-dot{background:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.signer__step.is-done .signer__step-dot{background:var(--color-success-subtle);color:var(--color-success);border-color:var(--color-success)}.signer__main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:var(--sp-8) var(--sp-5) var(--sp-11)}.signer__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--sp-9) var(--sp-8);box-shadow:var(--shadow-md)}.signer__card--centered{text-align:center}.signer__card h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin:0 0 var(--sp-4);line-height:var(--lh-snug)}.signer__hello{font-size:var(--fs-sm);color:var(--color-text-muted);margin-bottom:var(--sp-3)}.signer__hero{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0 0 var(--sp-5)}.signer__hero-accent{color:var(--color-accent)}.signer__message{margin:0 0 var(--sp-6);padding:var(--sp-5) var(--sp-5);background:var(--color-bg-subtle);border-left:3px solid var(--color-accent);border-radius:var(--radius-md)}.signer__message p{margin:0 0 var(--sp-2);font-size:var(--fs-md);color:var(--color-text);line-height:var(--lh-relaxed)}.signer__message footer{font-size:var(--fs-xs);color:var(--color-text-subtle)}.signer__doc-badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:6px 14px;font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:var(--fw-medium);margin-bottom:var(--sp-7)}.signer__cta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-5)}.signer__decline-link{display:block;margin:var(--sp-7) auto 0;background:none;border:0;color:var(--color-text-subtle);font-size:var(--fs-xs);cursor:pointer;text-decoration:underline}.signer__decline-link:hover{color:var(--color-text)}.signer__disclosure{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-5)}.signer__disclosure p{margin:0;font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.signer__checkbox{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) 0;font-size:var(--fs-sm);color:var(--color-text);cursor:pointer}.signer__checkbox input{margin-top:2px}.signer__icon{width:64px;height:64px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--sp-5)}.signer__icon--success{background:var(--color-accent-subtle);color:var(--color-accent);border:2px solid var(--color-accent)}.signer__icon--muted{background:var(--color-bg-subtle);color:var(--color-text-muted);border:1px solid var(--color-border)}.signer__next{list-style:none;padding:0;margin:var(--sp-5) auto;max-width:440px;text-align:left;display:flex;flex-direction:column;gap:var(--sp-2)}.signer__next li{font-size:var(--fs-sm);color:var(--color-text-muted);padding-left:var(--sp-4);position:relative}.signer__next li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--color-accent);border-radius:var(--radius-full)}.signer__done-meta{font-size:var(--fs-xs);color:var(--color-text-subtle);margin-top:var(--sp-5)}.signer__done-meta code{background:var(--color-bg-subtle);padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--color-border)}.signer__close-note{margin-top:var(--sp-3)}.signer__done{max-width:560px}.signer__done-title{margin:0 0 var(--sp-2);font-size:var(--fs-2xl, 28px);letter-spacing:-.02em}.signer__done-sub{margin:0 auto var(--sp-6);max-width:440px;color:var(--color-text-muted);font-size:var(--fs-base, 15px);line-height:1.55}.signer__done-facts{display:flex;justify-content:center;gap:var(--sp-6);margin:0 0 var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap}.signer__done-facts>div{display:flex;flex-direction:column;gap:2px;text-align:left}.signer__done-facts dt{font-size:var(--fs-2xs, 11px);font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.signer__done-facts dd{margin:0;font-size:var(--fs-sm, 14px);color:var(--color-text)}.signer__done-facts code{background:transparent;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm, 14px)}.signer__done-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-2);margin:0 0 var(--sp-6)}.signer__done-divider{height:1px;background:var(--color-border);margin:var(--sp-4) auto var(--sp-5);width:80%}.signer__done-contact-label{margin:0 0 var(--sp-3);color:var(--color-text-muted);font-size:var(--fs-sm)}.signer__done-contact{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);max-width:420px;margin:0 auto;padding:var(--sp-4) var(--sp-5);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.signer__done-contact-avatar{flex:0 0 56px;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-xl, 20px);letter-spacing:-.02em;margin-bottom:var(--sp-1)}.signer__done-contact-body{min-width:0;font-size:var(--fs-sm);line-height:1.6;color:var(--color-text);text-align:center}.signer__done-contact-body strong{font-weight:600;color:var(--color-text)}.signer__done-contact-name{margin-bottom:2px}.signer__done-contact-row{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--color-text-muted)}.signer__done-contact-row a{color:var(--color-accent);text-decoration:none;word-break:break-all}.signer__done-contact-row a:hover{text-decoration:underline}.signer__done-promo{display:block;margin:var(--sp-6) auto 0;max-width:440px;padding:var(--sp-4) var(--sp-5);background:var(--color-accent-subtle);border:1px solid #F6C8CA;border-radius:var(--radius-md);text-align:left;text-decoration:none;color:inherit;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.signer__done-promo:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e5484d1f}.signer__done-promo-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px}.signer__done-promo-title{font-size:var(--fs-base);line-height:1.5;color:var(--color-text);margin-bottom:var(--sp-2)}.signer__done-promo-cta{font-size:var(--fs-sm);font-weight:600;color:var(--color-accent);border-bottom:2px solid var(--color-accent);display:inline-block;padding-bottom:1px}@media print{.signer__header,.signer__footer,.signer__done-actions,.signer__done-promo{display:none!important}.signer__done{box-shadow:none;border:0}}.signer__signing{padding-bottom:120px}.signer__doc{margin-bottom:var(--sp-8)}.signer__doc-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:var(--sp-4)}.signer__doc-loading{padding:var(--sp-7);text-align:center;color:var(--color-text-subtle);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.signer__page{position:relative;margin-bottom:var(--sp-5)}.signer__page-badge{position:sticky;top:var(--sp-3);display:inline-block;background:var(--color-surface);border:1px solid var(--color-border);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--fs-2xs);color:var(--color-text-muted);font-weight:var(--fw-medium);margin-bottom:var(--sp-2);z-index:var(--z-sticky);box-shadow:var(--shadow-xs)}.signer__page-stage{position:relative;display:block;margin:0 auto;box-shadow:var(--shadow-md);background:var(--color-surface);border-radius:var(--radius-sm)}.signer__page-stage canvas{display:block;max-width:100%;height:auto;border-radius:var(--radius-sm)}.signer__page-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.signer-field{position:absolute;background:var(--color-accent-subtle);border:2px dashed var(--color-accent);border-radius:var(--radius-xs);color:var(--color-accent);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 4px;white-space:nowrap;overflow:hidden;font-family:inherit;text-transform:capitalize;transition:transform var(--dur-fast) var(--ease-out)}.signer-field:hover{transform:scale(1.03)}.signer-field.is-filled{background:var(--color-surface);border-style:solid;color:var(--color-text);text-transform:none}.signer-field img{max-width:100%;max-height:100%;object-fit:contain}.signer__footer{position:fixed;left:0;right:0;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:var(--z-sticky)}.signer__footer-inner{max-width:880px;margin:0 auto;padding:var(--sp-3) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.signer__progress{font-size:var(--fs-sm);color:var(--color-text-muted)}.signer__progress b{color:var(--color-text);font-variant-numeric:tabular-nums}.signer__footer-actions{display:flex;gap:var(--sp-3)}.signer__loading{text-align:center;padding:var(--sp-11) 0;color:var(--color-text-subtle)}.sig-modal{max-width:560px}.sig-modal__pad{border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-subtle);margin:var(--sp-4) 0 var(--sp-2);padding:var(--sp-3);overflow:hidden}.sig-canvas{display:block;width:100%;height:180px;background:var(--color-surface);border-radius:var(--radius-sm);cursor:crosshair;touch-action:none}.text-edit-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;font-family:inherit;font-size:var(--fs-md);color:var(--color-text);background:var(--color-surface);margin-bottom:var(--sp-2)}.text-edit-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}@media (max-width: 640px){.signer__main{padding:var(--sp-5) var(--sp-3) var(--sp-10)}.signer__card{padding:var(--sp-6) var(--sp-4);border-radius:var(--radius-xl)}.signer__hero{font-size:var(--fs-2xl)}.signer__header{padding:var(--sp-3) var(--sp-4)}.signer__steps{font-size:var(--fs-2xs)}.signer__step-label{display:none}}.sidebar{width:var(--nav-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-3) var(--sp-3);position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-2);padding:0 10px var(--sp-5);font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.sidebar__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__group-label{font-size:var(--fs-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-subtle);font-weight:var(--fw-semibold);padding:0 10px var(--sp-2)}.sidebar__group-label--spaced{margin-top:var(--sp-5)}.sidebar__link{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.sidebar__link:hover{background:var(--color-bg-subtle);color:var(--color-text)}.sidebar__link.active{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar__link.active svg{color:var(--color-accent)}.sidebar__link svg{color:var(--color-text-subtle);flex-shrink:0}.sidebar__spacer{flex:1}.sidebar__user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 10px;margin-top:var(--sp-3);border-top:1px solid var(--color-border)}.sidebar__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-active));color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:var(--fw-semibold);flex-shrink:0}.sidebar__who{display:flex;flex-direction:column;min-width:0;flex:1}.sidebar__who b{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__who span{font-size:var(--fs-2xs);color:var(--color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--color-text-subtle);width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.sidebar__logout:hover{background:var(--color-bg-subtle);color:var(--color-text)}@media (max-width: 900px){.sidebar{display:none}}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.theme-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border-strong)}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding:0 var(--sp-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:var(--z-sticky)}.topbar__search{flex:1;max-width:520px;display:flex;align-items:center;gap:var(--sp-2);height:34px;padding:0 10px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-subtle);cursor:pointer;font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.topbar__search:hover{border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.topbar__search:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.topbar__search-icon{color:var(--color-text-subtle)}.topbar__search-placeholder{flex:1;color:var(--color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__kbd{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.kbd{font-family:var(--font-mono);font-size:10px;line-height:1;padding:3px 5px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:4px;color:var(--color-text-muted);box-shadow:0 1px 0 var(--color-border-strong)}.topbar__actions{display:flex;align-items:center;gap:var(--sp-2)}@media (max-width: 900px){.topbar{padding:0 var(--sp-4)}.topbar__search-placeholder{display:none}}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;z-index:var(--z-cmdk);animation:cmdk-fade var(--dur-fast) var(--ease-out)}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}.cmdk{width:100%;max-width:640px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:cmdk-pop var(--dur-base) var(--ease-out)}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk__input{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-border)}.cmdk__input-icon{color:var(--color-text-subtle);flex-shrink:0}.cmdk__input input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;outline:none;font-size:var(--fs-lg);color:var(--color-text);font-family:var(--font-sans)}.cmdk__input input::placeholder{color:var(--color-text-subtle)}.cmdk__list{padding:var(--sp-2);max-height:360px;overflow-y:auto}.cmdk__group{margin-bottom:var(--sp-2)}.cmdk__group:last-child{margin-bottom:0}.cmdk__group-label{font-size:var(--fs-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-subtle);font-weight:var(--fw-semibold);padding:var(--sp-3) var(--sp-3) var(--sp-1)}.cmdk__item{display:flex;align-items:center;gap:var(--sp-3);padding:9px 12px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cmdk__item--active{background:var(--color-accent-subtle);color:var(--color-accent)}.cmdk__item-icon{color:var(--color-text-muted);display:inline-flex}.cmdk__item--active .cmdk__item-icon{color:var(--color-accent)}.cmdk__item-label{flex:1}.cmdk__empty{padding:var(--sp-5);text-align:center;color:var(--color-text-subtle);font-size:var(--fs-sm)}.cmdk__foot{padding:10px var(--sp-4);border-top:1px solid var(--color-border);display:flex;gap:var(--sp-4);font-size:var(--fs-2xs);color:var(--color-text-subtle);background:var(--color-bg-subtle)}.cmdk__foot span{display:inline-flex;align-items:center;gap:4px}:root,[data-theme=light]{--color-bg: #FAFAF7;--color-bg-subtle: #F4F3EC;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-overlay: rgba(18, 18, 18, .48);--color-border: #E9E7E0;--color-border-strong: #D7D4CA;--color-border-focus: #E5484D;--color-text: #121212;--color-text-muted: #5C5C59;--color-text-subtle: #8A8A86;--color-text-inverse: #FAFAF7;--color-text-link: #E5484D;--color-accent: #E5484D;--color-accent-hover: #D03A3F;--color-accent-active: #B8282D;--color-accent-subtle: #FCE9E9;--color-accent-border: #F3B7B9;--color-success: #16A34A;--color-success-subtle: #DCFCE7;--color-warning: #C2770C;--color-warning-subtle: #FEF3C7;--color-danger: #DC2626;--color-danger-subtle: #FEE2E2;--color-info: #2563EB;--color-info-subtle: #DBEAFE;--status-draft-bg: #F1F0E9;--status-draft-fg: #6B6B66;--status-sent-bg: #FEF3C7;--status-sent-fg: #92400E;--status-viewed-bg: #DBEAFE;--status-viewed-fg: #1E40AF;--status-signing-bg: #FCE9E9;--status-signing-fg: #B8282D;--status-completed-bg: #DCFCE7;--status-completed-fg: #15803D;--status-declined-bg: #FEE2E2;--status-declined-fg: #991B1B;--status-voided-bg: #EDEDE8;--status-voided-fg: #4B4B47;--status-expired-bg: #EDEDE8;--status-expired-fg: #78716C;--shadow-xs: 0 1px 0 rgba(18, 18, 18, .04);--shadow-sm: 0 1px 2px rgba(18, 18, 18, .06), 0 1px 1px rgba(18, 18, 18, .04);--shadow-md: 0 4px 6px -1px rgba(18, 18, 18, .08), 0 2px 4px -2px rgba(18, 18, 18, .06);--shadow-lg: 0 12px 24px -8px rgba(18, 18, 18, .1), 0 4px 8px -4px rgba(18, 18, 18, .06);--shadow-focus: 0 0 0 3px rgba(229, 72, 77, .18)}[data-theme=dark]{--color-bg: #0F0E0C;--color-bg-subtle: #151412;--color-surface: #1A1815;--color-surface-raised: #211F1B;--color-overlay: rgba(0, 0, 0, .7);--color-border: #2A2723;--color-border-strong: #3A3631;--color-border-focus: #F97066;--color-text: #F5F3EE;--color-text-muted: #A8A59D;--color-text-subtle: #6E6B62;--color-text-inverse: #121212;--color-text-link: #F97066;--color-accent: #F97066;--color-accent-hover: #FB8179;--color-accent-active: #E5484D;--color-accent-subtle: #2A1816;--color-accent-border: #5C221F;--color-success: #22C55E;--color-success-subtle: #0D2818;--color-warning: #F59E0B;--color-warning-subtle: #2B1F06;--color-danger: #F87171;--color-danger-subtle: #2A1111;--color-info: #60A5FA;--color-info-subtle: #0E1C36;--status-draft-bg: #22201C;--status-draft-fg: #9A978E;--status-sent-bg: #2B1F06;--status-sent-fg: #F59E0B;--status-viewed-bg: #0E1C36;--status-viewed-fg: #60A5FA;--status-signing-bg: #2A1816;--status-signing-fg: #F97066;--status-completed-bg: #0D2818;--status-completed-fg: #4ADE80;--status-declined-bg: #2A1111;--status-declined-fg: #F87171;--status-voided-bg: #1F1D19;--status-voided-fg: #8A8780;--status-expired-bg: #1F1D19;--status-expired-fg: #8A8780;--shadow-xs: 0 1px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(249, 112, 102, .28)}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, Consolas, monospace;--font-display: "Inter", system-ui, sans-serif;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fs-4xl: 36px;--fs-5xl: 48px;--fs-6xl: 64px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .02em;--tracking-label: .06em;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--sp-11: 80px;--sp-12: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--nav-width: 240px;--topbar-height: 56px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--z-base: 1;--z-sticky: 10;--z-dropdown: 100;--z-modal: 1000;--z-toast: 2000;--z-cmdk: 3000}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03"}body{min-height:100vh}a{color:var(--color-text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}#root{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}ul{list-style:none;padding:0;margin:0}.form-field{margin-bottom:var(--sp-4)}.form-error{color:var(--color-danger);font-size:var(--fs-xs);margin-top:6px}.form-hint{color:var(--color-text-subtle);font-size:var(--fs-xs);margin-top:6px}.app-shell{display:grid;grid-template-columns:var(--nav-width) 1fr;min-height:100vh;background:var(--color-bg)}.app-shell__main{display:flex;flex-direction:column;min-width:0}.app-shell__content{flex:1;padding:var(--sp-7) var(--sp-8);max-width:1280px;width:100%}.app-shell__content:has(.builder){max-width:none;padding:0}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.app-shell__content{padding:var(--sp-5) var(--sp-4)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.page-head h1{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin:0 0 4px}.page-head .sub{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--sp-7) var(--sp-4);background:radial-gradient(ellipse at top,var(--color-accent-subtle) 0%,transparent 55%),var(--color-bg)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--sp-7)}.auth-brand{display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-6)}.auth-wordmark{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text);display:inline-flex;align-items:baseline;gap:6px}.auth-wordmark svg{display:block}.auth-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0 0 4px;letter-spacing:var(--tracking-tight)}.auth-sub{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0 0 var(--sp-6)}.auth-foot{text-align:center;margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--color-text-muted)}.auth-foot a{font-weight:var(--fw-medium)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}