:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#15202b;background:linear-gradient(180deg,#f6faf9,#f0f4f8);--page-bg: linear-gradient(180deg, #f6faf9 0%, #f0f4f8 100%);--page-bg-solid: #eef4f8;--surface-bg: rgba(255, 255, 255, .92);--surface-bg-strong: #ffffff;--surface-muted: #f7fafc;--surface-border: #d6e0e8;--surface-border-strong: #bfd0df;--surface-shadow: 0 16px 40px rgba(15, 23, 42, .08);--surface-shadow-soft: 0 8px 18px rgba(15, 23, 42, .05);--text-primary: #15202b;--text-secondary: #253647;--text-muted: #5c7085;--text-error: #b91c1c;--text-success: #0f5132;--accent-primary: #146c43;--accent-primary-hover: #0f5a38;--accent-primary-text: #ffffff;--link-color: #0f5a38;--link-color-hover: #0b4a2e;--accent-secondary: #40556d;--accent-secondary-hover: #314458;--accent-secondary-text: #ffffff;--focus-ring: rgba(20, 108, 67, .22);--input-bg: #ffffff;--input-border: #b8c7d9;--input-border-hover: #8ea4ba;--success-border: #8ecfae;--success-bg: #ecfff2;--info-border: #bfd0df;--info-bg: #f5f9fc;--error-border: #fecaca;--error-bg: #fff1f2;--demo-otp: #1e3a8a;--table-border: #e0e7ef;--badge-bg: #e4eaf1;--badge-text: #253647;--badge-pending-bg: #fff3cd;--badge-pending-text: #7a4f01;--badge-verified-bg: #dbeafe;--badge-verified-text: #1e3a8a;--badge-previewing-bg: #e0f2fe;--badge-previewing-text: #0c4a6e;--badge-signed-bg: #d1fae5;--badge-signed-text: #065f46;--badge-expired-bg: #f3f4f6;--badge-expired-text: #4b5563;--badge-locked-bg: #fee2e2;--badge-locked-text: #991b1b;--step-default: #5a6f85;--step-active: #0f172a;--step-bg: rgba(255, 255, 255, .6);--canvas-border: #7b94ad;--canvas-bg: #ffffff;--pdf-bg: #fbfdff;--pdf-border: #d6e0e8;--pdf-canvas-border: #dce5ee;--topbar-bg: rgba(255, 255, 255, .8);--topbar-border: rgba(191, 208, 223, .9);--topbar-height: 88px;--page-max-width: 1120px;--narrow-max-width: 680px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--text-xs: .82rem;--text-sm: .92rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem}:root[data-theme=dark]{color-scheme:dark;color:#e6eef5;background:linear-gradient(180deg,#0f1720,#111827);--page-bg: linear-gradient(180deg, #0f1720 0%, #111827 100%);--page-bg-solid: #101822;--surface-bg: rgba(26, 37, 50, .92);--surface-bg-strong: #1a2532;--surface-muted: #13202c;--surface-border: #2b3b4d;--surface-border-strong: #39516a;--surface-shadow: 0 18px 42px rgba(0, 0, 0, .34);--surface-shadow-soft: 0 10px 20px rgba(0, 0, 0, .3);--text-primary: #e6eef5;--text-secondary: #d6e4f1;--text-muted: #97acc2;--text-error: #fca5a5;--text-success: #bef0cf;--accent-primary: #1d8c59;--accent-primary-hover: #16764a;--accent-primary-text: #e9fff5;--link-color: #6ee7b7;--link-color-hover: #a7f3d0;--accent-secondary: #4b627b;--accent-secondary-hover: #5a738d;--accent-secondary-text: #edf5fb;--focus-ring: rgba(56, 189, 248, .28);--input-bg: #111b27;--input-border: #3a4f66;--input-border-hover: #6583a0;--success-border: #2a5f45;--success-bg: #143225;--info-border: #33475d;--info-bg: #15212d;--error-border: #7f1d1d;--error-bg: #311417;--demo-otp: #93c5fd;--table-border: #2e4052;--badge-bg: #33485d;--badge-text: #d6e4f1;--badge-pending-bg: #4f3c13;--badge-pending-text: #fcd27b;--badge-verified-bg: #193b67;--badge-verified-text: #bfdbfe;--badge-previewing-bg: #164e63;--badge-previewing-text: #a5f3fc;--badge-signed-bg: #174838;--badge-signed-text: #a7f3d0;--badge-expired-bg: #374151;--badge-expired-text: #d1d5db;--badge-locked-bg: #7f1d1d;--badge-locked-text: #fecaca;--step-default: #8ea4ba;--step-active: #f3f7fb;--step-bg: rgba(19, 32, 44, .72);--canvas-border: #6583a0;--canvas-bg: #0f1824;--pdf-bg: #0f1824;--pdf-border: #2a3a4d;--pdf-canvas-border: #33475d;--topbar-bg: rgba(15, 24, 36, .82);--topbar-border: rgba(57, 81, 106, .95)}*,*:before,*:after{box-sizing:border-box}html{background:var(--page-bg-solid)}body{margin:0;min-height:100vh;background:var(--page-bg);color:var(--text-primary);font-family:inherit}#root{min-height:100vh}body,.ui-button,.ui-input,.ui-select,textarea{font:inherit}h1,h2,h3{margin:0;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(1.8rem,2vw + 1rem,2.4rem);line-height:1.15}h2{font-size:clamp(1.2rem,1vw + .95rem,1.45rem);line-height:1.2}h3{font-size:1rem;line-height:1.3}p{margin:0;line-height:1.55}a{color:var(--link-color);text-decoration-thickness:1.5px;text-underline-offset:.18em;transition:color .18s ease,text-decoration-color .18s ease}a:hover{color:var(--link-color-hover)}a:visited{color:var(--link-color)}.ui-input,.ui-select{width:100%;min-height:44px;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary);padding:11px 13px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.ui-input:hover,.ui-select:hover{border-color:var(--input-border-hover)}.ui-input:focus-visible,.ui-select:focus-visible,.ui-button:focus-visible,.button-link:focus-visible,a:focus-visible,canvas:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.ui-button,.button-link{min-height:44px;border:none;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}.ui-button:hover:not(:disabled),.button-link:hover{transform:translateY(-1px)}.ui-button:disabled,.button-link[aria-disabled=true]{cursor:not-allowed;opacity:.6;transform:none}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--table-border);padding:12px 10px;white-space:nowrap}th{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase}ol,ul{margin:0}[lang=zh-TW]{letter-spacing:.02em}.app-shell{min-height:100vh}.app-shell__body{padding-bottom:var(--space-8)}.top-bar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);max-width:100%;overflow:hidden}.top-bar__inner{min-height:var(--topbar-height);max-width:var(--page-max-width);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.top-bar__copy{display:grid;gap:var(--space-1);max-width:42rem}.top-bar__eyebrow{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.top-bar__version{font-weight:400;opacity:.6}.top-bar__title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.top-bar__subtitle{color:var(--text-muted);font-size:var(--text-sm)}.page-shell{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-7) var(--space-6) 0;display:grid;gap:var(--space-6)}.page-shell.centered{min-height:calc(100vh - var(--topbar-height) - var(--space-7));place-content:center}.page-stack{display:grid;gap:var(--space-6)}.page-header{display:grid;gap:var(--space-2)}.page-header__eyebrow{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.top-bar__nav{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.top-bar__nav-link{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:background .15s,color .15s}.top-bar__nav-link:hover{background:var(--surface-muted);color:var(--text-primary)}.top-bar__nav-link--active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary)}.top-bar__signing-progress{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-2) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--surface-border)}.signing-progress__info{display:flex;align-items:center;gap:var(--space-3)}.signing-progress__dots{display:flex;gap:6px}.signing-progress__dot{width:8px;height:8px;border-radius:50%;background:var(--surface-border-strong);transition:background .2s}.signing-progress__dot--complete{background:var(--accent-primary)}.signing-progress__dot--current{background:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 25%,transparent)}.signing-progress__label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.top-bar__actions{display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 768px){.top-bar__inner{min-height:auto;padding:var(--space-4);align-items:flex-start;flex-direction:column;gap:var(--space-3)}.top-bar__nav{margin-left:0;width:100%;display:flex;flex-wrap:wrap;gap:var(--space-2)}.top-bar__actions{width:100%;justify-content:flex-end}.top-bar__signing-progress{padding:var(--space-2) var(--space-4)}.page-shell{padding:var(--space-5) var(--space-4) 0;gap:var(--space-4)}.page-shell.centered{min-height:calc(100vh - var(--topbar-height) - var(--space-5))}}.ui-card,.card{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--surface-shadow)}.ui-card--narrow,.card.narrow{max-width:var(--narrow-max-width)}.ui-card--inset{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--surface-border)}.ui-card__header{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.ui-card__title{font-size:var(--text-xl)}.ui-card__description{color:var(--text-muted)}.ui-button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:fit-content;text-decoration:none;background:var(--accent-primary);color:var(--accent-primary-text);box-shadow:var(--surface-shadow-soft)}.ui-button:hover:not(:disabled),.button-link:hover{background:var(--accent-primary-hover)}.ui-button--secondary{background:var(--accent-secondary);color:var(--accent-secondary-text)}.ui-button--secondary:hover:not(:disabled){background:var(--accent-secondary-hover)}.ui-button--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--surface-border);box-shadow:none}.ui-button--ghost:hover:not(:disabled){background:var(--surface-muted)}.ui-button--danger{background:var(--text-error, #dc2626);color:#fff;border:none;box-shadow:none}.ui-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--text-error, #dc2626) 85%,#000)}.ui-button--full{width:100%}.ui-button--sm{min-height:38px;padding:8px 14px}.ui-input,.ui-select{width:100%}.ui-field{display:grid;gap:var(--space-2);font-weight:600}.ui-field__label{color:var(--text-secondary)}.ui-field__hint{color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.ui-field__error{color:var(--text-error);font-size:var(--text-sm);font-weight:600}.ui-alert,.success-box{border-radius:var(--radius-md);border:1px solid var(--info-border);background:var(--info-bg);padding:var(--space-4);display:grid;gap:var(--space-2)}.ui-alert--success,.success-box{border-color:var(--success-border);background:var(--success-bg);margin-top:var(--space-4)}.ui-alert--error{border-color:var(--error-border);background:var(--error-bg)}.ui-alert__title,.success-line{font-weight:700;color:var(--text-primary)}.ui-badge,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:var(--text-xs);font-weight:700;background:var(--badge-bg);color:var(--badge-text)}.ui-badge--pending,.badge.pending{background:var(--badge-pending-bg);color:var(--badge-pending-text)}.ui-badge--verified,.badge.verified{background:var(--badge-verified-bg);color:var(--badge-verified-text)}.ui-badge--previewing,.badge.previewing{background:var(--badge-previewing-bg);color:var(--badge-previewing-text)}.ui-badge--signed,.badge.signed{background:var(--badge-signed-bg);color:var(--badge-signed-text)}.ui-badge--expired,.badge.expired{background:var(--badge-expired-bg);color:var(--badge-expired-text)}.ui-badge--locked,.badge.locked{background:var(--badge-locked-bg);color:var(--badge-locked-text)}.ui-state{display:grid;gap:var(--space-3);text-align:left}.ui-state__spinner{width:30px;height:30px;border:3px solid var(--surface-border-strong);border-top-color:var(--accent-primary);border-radius:50%;animation:ui-state-spin .8s linear infinite}@keyframes ui-state-spin{to{transform:rotate(360deg)}}.ui-state__title{font-size:var(--text-xl);font-weight:700}.ui-state__description{color:var(--text-muted)}.ui-state__action{padding-top:var(--space-1)}.ui-theme-toggle{border:1px solid var(--surface-border-strong);background:var(--surface-bg-strong);color:var(--text-primary);box-shadow:var(--surface-shadow-soft)}.ui-theme-toggle__icon{font-size:1rem}.form-grid{display:grid;gap:var(--space-4)}.admin-timeout-section{display:grid;gap:var(--space-3)}.admin-timeout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-muted)}.table-wrap table{min-width:640px}.table-wrap thead{background:color-mix(in srgb,var(--surface-muted) 80%,transparent)}.session-table--mobile{display:none}.session-card{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-muted)}.session-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.session-card__label{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.session-card__value{color:var(--text-primary);font-weight:700}.session-card__grid{display:grid;gap:var(--space-3)}.session-card__grid div{display:grid;gap:4px}.session-card__grid dt{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.session-card__grid dd{margin:0;color:var(--text-primary);font-weight:600}.session-pagination{margin-top:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.session-pagination__summary{color:var(--text-muted);font-weight:600}.session-pagination__actions,.admin-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.session-detail-row>td{padding:0 var(--space-4) var(--space-4);background:color-mix(in srgb,var(--surface-muted) 50%,transparent)}.stepper{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-muted) 88%,transparent),color-mix(in srgb,var(--step-bg) 100%,transparent))}.stepper__header{display:grid;gap:6px}.stepper__eyebrow{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.stepper__current{color:var(--text-secondary);font-size:var(--text-sm)}.step-list{margin:0;padding-left:0;list-style:none;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.step-list__item{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-bg-strong);color:var(--step-default);box-shadow:var(--surface-shadow-soft);flex:1 1 0;min-width:0}.step-list__item--current{color:var(--step-active);border-color:color-mix(in srgb,var(--accent-primary) 35%,var(--surface-border));background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-bg-strong))}.step-list__item--current[aria-current=step]{box-shadow:var(--surface-shadow-soft),inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.step-list__item--complete{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--surface-border));background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface-bg-strong))}.step-list__item--upcoming{opacity:.9}.step-list__badge{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--step-bg);border:1px solid var(--surface-border);color:inherit;font-size:.8rem;font-weight:800}.step-list__item--current .step-list__badge,.step-list__item--complete .step-list__badge{background:color-mix(in srgb,var(--accent-primary) 16%,var(--surface-bg-strong));border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--surface-border))}.step-list__text{display:grid;gap:2px;min-width:0;flex:1 1 auto}.step-list__title{font-size:.82rem;font-weight:700;line-height:1.2;white-space:nowrap}.step-list__meta{color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.step-list__arrow{color:var(--text-muted);font-size:.88rem;font-weight:800;flex:0 0 auto}.step-panel{display:grid;gap:var(--space-4)}.signing-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-5);background:color-mix(in srgb,var(--page-bg-solid) 75%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.signing-transition-overlay__panel{width:min(100%,360px);padding:var(--space-5);border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface-bg);box-shadow:var(--surface-shadow)}.inline-sign-panel{transition:opacity .2s ease,max-height .2s ease}.inline-sign-panel.hidden{opacity:0;max-height:0;overflow:hidden;pointer-events:none}.inline-sign-panel.visible{opacity:1;max-height:1200px}.row-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.signature-pad-wrapper{position:relative;background-color:var(--canvas-bg);border-radius:var(--radius-md);border:1px dashed var(--canvas-border);padding:8px;box-shadow:var(--surface-shadow-soft);max-width:740px;overflow:hidden;margin-bottom:var(--space-4)}.signature-pad-wrapper:after{content:"X";position:absolute;left:24px;bottom:40px;font-family:inherit;font-size:var(--text-lg);font-weight:700;color:var(--text-muted);opacity:.35;pointer-events:none}.signature-pad-wrapper.locked:after{display:none}.signature-pad-line{position:absolute;left:16px;right:16px;bottom:32px;border-bottom:2px solid var(--canvas-border);opacity:.25;pointer-events:none}.signature-canvas{width:100%;border:none;background:transparent;min-height:180px;touch-action:none}.signature-canvas--locked{pointer-events:none;cursor:not-allowed;background:color-mix(in srgb,var(--canvas-bg) 92%,var(--surface-muted))}.captured-signature-preview{margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-muted);max-width:320px}.captured-signature-preview__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2);margin-top:0}.signature-thumbnail-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.signature-thumbnail{max-height:80px;width:100%;object-fit:contain;background:var(--canvas-bg);border:1px solid var(--surface-border-strong);border-radius:var(--radius-sm);padding:4px}.signature-edit-btn{width:100%}.pdf-viewer{border:1px solid var(--pdf-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--pdf-bg);display:grid;gap:var(--space-3);max-width:100%;overflow:hidden}.pdf-viewer__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.pdf-canvas-wrap{display:grid;gap:var(--space-4);overflow-x:auto;width:100%;justify-items:center}.pdf-canvas-wrap--review-gate{max-height:min(60vh,560px);overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--surface-muted);scroll-behavior:smooth}.pdf-review-hint{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--info-border);background:var(--info-bg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;text-align:center}.pdf-review-hint--complete{border-color:var(--success-border);background:var(--success-bg);color:var(--text-primary)}.pdf-review-ack{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-muted)}.pdf-review-ack input{margin:0;width:18px;height:18px;flex:0 0 auto;accent-color:var(--accent-primary)}.pdf-review-ack label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);line-height:1.4;cursor:pointer}.pdf-review-ack--disabled{opacity:.65}.pdf-review-ack--disabled label{cursor:not-allowed}.pdf-canvas{width:100%;max-width:720px;height:auto;margin:0 auto;border:1px solid var(--pdf-canvas-border);border-radius:var(--radius-sm);background:var(--surface-bg-strong);box-shadow:var(--surface-shadow-soft)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3) var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--surface-border)}.summary-grid div{display:grid;gap:6px;min-width:0}.summary-grid__full{grid-column:1 / -1}.summary-grid dt{margin:0;color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.summary-grid dd{margin:0;color:var(--text-primary);font-weight:600;word-break:break-all}.summary-grid .countdown-badge{margin:0}.otp{font-size:1.2rem;letter-spacing:.22rem;font-weight:700}.download-panel{text-align:center;padding-top:var(--space-4);display:grid;gap:var(--space-3);justify-items:center}.download-panel__note{max-width:36rem}.download-panel__button--expired{background:var(--surface-border);color:var(--text-muted);box-shadow:none}.demo-otp{color:var(--demo-otp);font-weight:700}.demo-otp-banner{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;box-shadow:var(--surface-shadow-soft)}.demo-otp-banner p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;line-height:1.4}.demo-otp-highlight{color:var(--text-error);background:var(--error-bg);border:1px solid var(--error-border);padding:2px 6px;border-radius:var(--radius-sm);font-weight:700;font-family:monospace;font-size:var(--text-md);margin:0 4px;display:inline-block}.segmented-otp{display:flex;justify-content:center;gap:var(--space-2);margin:var(--space-4) 0}.segmented-otp__input{width:46px;height:52px;text-align:center;font-size:var(--text-xl);font-weight:700;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.segmented-otp__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.upload-dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;border:2px dashed var(--surface-border-strong);border-radius:var(--radius-lg);background:var(--surface-muted);cursor:pointer;transition:border-color .15s,background .15s;outline-offset:3px}.upload-dropzone:hover,.upload-dropzone:focus-visible{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 6%,var(--surface-muted))}.upload-dropzone--active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-muted))}.upload-dropzone__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;pointer-events:none}.upload-dropzone__body{display:grid;gap:var(--space-2);text-align:center;pointer-events:none;padding:var(--space-6)}.upload-dropzone__icon{font-size:2rem;line-height:1}.upload-dropzone__label{font-weight:700;color:var(--text-primary)}.upload-dropzone__hint{font-size:var(--text-sm)}.upload-list{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;gap:var(--space-2)}.upload-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-muted);font-size:var(--text-sm)}.upload-list__item--uploading{border-color:color-mix(in srgb,var(--accent-primary) 30%,var(--surface-border))}.upload-list__item--done{border-color:var(--success-border);background:var(--success-bg)}.upload-list__item--error{border-color:var(--error-border);background:var(--error-bg)}.upload-list__name{flex:1 1 auto;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-list__progress{color:var(--text-muted);font-weight:700;font-size:var(--text-xs);flex:0 0 auto}.upload-list__done{color:var(--text-success, var(--success-border));font-weight:700;font-size:var(--text-xs);flex:0 0 auto}.upload-list__error{color:var(--text-error);font-weight:600;font-size:var(--text-xs);flex:1 1 auto}.upload-list__dismiss{flex:0 0 auto;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:2px 4px;border-radius:var(--radius-sm);min-height:unset;box-shadow:none}.upload-list__dismiss:hover{color:var(--text-primary);background:var(--surface-border)}.inbox-file-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.inbox-file-list__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-muted)}.inbox-file-list__name{flex:1 1 auto;font-weight:600;color:var(--text-primary);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-editor{display:grid;gap:var(--space-5);grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.layout-editor__sidebar,.layout-editor__preview{min-width:0}.layout-editor__inline{display:flex;flex-wrap:wrap;gap:var(--space-3)}.layout-editor__inline .ui-input{flex:1 1 220px}.layout-editor__section{display:grid;gap:var(--space-3);padding-top:var(--space-2)}.layout-editor__section h3{margin:0;font-size:var(--text-base)}.layout-editor__controls{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.layout-editor__customer-field{display:grid;gap:var(--space-3);margin:0;padding:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-md)}.layout-editor__customer-field legend{padding:0 var(--space-2);font-weight:700}.layout-editor__checkbox{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-weight:600}.layout-editor__checkbox input{width:18px;height:18px}.layout-editor__meta{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.pdf-layout-preview__stage{position:relative;width:fit-content;max-width:100%;overflow:hidden}.pdf-layout-preview__overlay{position:absolute;inset:0 auto auto 0;pointer-events:none}.pdf-layout-preview__box{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:24px;padding:6px 8px;border-radius:var(--radius-sm);border:2px solid transparent;color:var(--text-primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none}.pdf-layout-preview__handle{position:absolute;width:10px;height:10px;background:var(--accent-primary, #3b82f6);border:2px solid #fff;border-radius:2px;pointer-events:auto;z-index:1}.pdf-layout-preview__handle--nw{top:-5px;left:-5px;cursor:nwse-resize}.pdf-layout-preview__handle--ne{top:-5px;right:-5px;cursor:nesw-resize}.pdf-layout-preview__handle--sw{bottom:-5px;left:-5px;cursor:nesw-resize}.pdf-layout-preview__handle--se{bottom:-5px;right:-5px;cursor:nwse-resize}.pdf-layout-preview__box--signature{border-color:#10b981;background:#10b98126;color:#047857}.pdf-layout-preview__box--customer{justify-content:flex-start;overflow:hidden;border-color:#d97706;background:#f59e0b29;color:#92400e;text-transform:none;letter-spacing:normal;white-space:nowrap}.pdf-layout-preview__box--stamp{align-items:flex-start;justify-content:flex-start;border-color:#3b82f6;background:#3b82f61f;padding:0;overflow:visible;text-transform:none;letter-spacing:normal;font-weight:600}.pdf-layout-preview__stamp-lines{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;padding:4px;box-sizing:border-box;color:#1d4ed8;white-space:nowrap;overflow:hidden}.pdf-layout-preview__evidence-table{display:flex;flex-direction:column;width:100%;min-height:100%;box-sizing:border-box;overflow:hidden;background:#fff;color:#111827}.pdf-layout-preview__evidence-title{padding:3px 5px;background:#26374a;color:#fff;font-weight:700}.pdf-layout-preview__evidence-row{display:grid;grid-template-columns:minmax(60px,27%) minmax(0,1fr);gap:4px;flex:1 1 0;min-height:0;padding:2px 4px;border-bottom:1px solid #d7dde5}.pdf-layout-preview__evidence-row>*{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.pdf-layout-preview__evidence-row>strong{color:#526173;font-weight:700}.pdf-layout-preview__evidence-row>span{font-size:.8em;line-height:1.15}.pdf-layout-preview__full-evidence-page{width:min(100%,595px);aspect-ratio:595 / 842;margin:16px auto 0;padding:48px;box-sizing:border-box;background:#fff;border:1px solid #d7dde5;box-shadow:0 8px 24px #0f172a1a;color:#14191f}.pdf-layout-preview__full-evidence-page h4{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #a6adb5;font-size:20px;font-weight:500}.pdf-layout-preview__full-evidence-page dl{margin:0}.pdf-layout-preview__full-evidence-page dl>div{margin-bottom:12px}.pdf-layout-preview__full-evidence-page dt{margin-bottom:3px;color:#59616b;font-size:9px}.pdf-layout-preview__full-evidence-page dd{margin:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.4}.pdf-layout-preview__full-evidence-page small{display:block;margin-top:20px;color:#68717c;font-size:7px}@media (max-width: 640px){.pdf-layout-preview__full-evidence-page{padding:24px}.pdf-layout-preview__full-evidence-page dl>div{margin-bottom:7px}}.pdf-layout-preview__separator{position:absolute;background:#ef4444;border-radius:999px;box-shadow:0 0 0 1px #ef444466;pointer-events:auto;cursor:grab}.layout-editor__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface-muted);border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);cursor:pointer;text-align:left;margin-top:var(--space-2);margin-bottom:var(--space-2);box-shadow:none!important}.layout-editor__section-header:hover{background:var(--surface-border)}.layout-editor__section-header h3{margin:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}.layout-editor__section-body{padding:var(--space-3);border:1px solid var(--surface-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:calc(-1 * var(--space-2) - 2px);margin-bottom:var(--space-4);background:var(--surface-bg)}.layout-stepper{display:flex;align-items:center;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);overflow:hidden;width:100%}.layout-stepper__input{border:none!important;text-align:center;padding:0 4px;width:100%;min-width:0;height:38px;box-shadow:none!important;background:transparent!important}.layout-stepper__btn{background:transparent;border:none;font-size:var(--text-lg);font-weight:700;color:var(--text-secondary);padding:0 8px;height:38px;width:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:none!important}.layout-stepper__btn:hover:not(:disabled){background:var(--surface-muted);color:var(--text-primary)}.layout-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.layout-stepper__btn--minus{border-right:1px solid var(--surface-border)}.layout-stepper__btn--plus{border-left:1px solid var(--surface-border)}@media (max-width: 768px){.ui-card,.card{padding:var(--space-4);border-radius:var(--radius-md)}.row-actions,.page-header__actions,.layout-editor__inline{width:100%}.row-actions>*,.page-header__actions>*,.layout-editor__inline>*{width:100%}.form-grid>.ui-button,.step-panel>.ui-button,.row-actions>.ui-button,.action-row>.ui-button,.page-header__actions>.ui-button,.row-actions>.button-link,.page-header__actions>.button-link{width:100%}.action-row{flex-direction:column}.result-panel-placeholder{min-height:180px}.pdf-canvas-wrap--review-gate{max-height:min(55vh,420px);padding-right:0;padding-left:0;border-right:0;border-left:0;border-radius:0}.step-panel__header{align-items:flex-start}.step-list{width:100%;overflow-x:visible;gap:var(--space-2);flex-wrap:wrap}.step-list__item{width:100%;justify-content:flex-start;flex:1 1 100%}.step-list__arrow{margin-left:auto}.layout-editor{grid-template-columns:1fr}.session-table--desktop{display:none}.session-table--mobile{display:grid;gap:var(--space-3)}th,td{padding:10px 8px;font-size:.88rem}}.create-session-split{display:grid;grid-template-columns:1fr;gap:var(--space-6);min-width:0}@media (min-width: 768px){.create-session-split{grid-template-columns:1.2fr 1fr}}.result-panel-box{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;min-width:0}.result-panel-box__heading{margin:0;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--accent-primary);font-size:var(--text-md)}.result-panel-box__heading-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--accent-primary);flex-shrink:0}.result-panel-placeholder{display:flex;flex:1;justify-content:center;align-items:center;border:2px dashed var(--surface-border);border-radius:var(--radius-md);min-height:260px;color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-6);box-sizing:border-box;line-height:1.5}.result-otp-badge{display:flex;align-items:center;justify-content:space-between;background:var(--surface-bg-strong);border:1px solid var(--surface-border);padding:var(--space-3);border-radius:var(--radius-sm);flex-wrap:wrap;gap:8px}.result-otp-code{font-family:Courier New,Courier,monospace;font-size:var(--text-xl);font-weight:700;color:var(--demo-otp);letter-spacing:.1em}.result-sms-preview{background:var(--surface-bg-strong);padding:var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.result-security-notice{margin-top:var(--space-2);padding:10px;background:var(--surface-muted);border:1px solid var(--surface-border);border-radius:6px;font-size:11px;color:var(--text-muted);line-height:1.4}.action-row{display:flex;gap:var(--space-2);margin-top:4px;flex-wrap:wrap}.action-row>.ui-button{flex:1 1 140px;min-width:0}.result-open-signing{width:100%;margin-top:6px;font-weight:700}.safety-badge{font-size:11px;font-weight:600;color:var(--badge-signed-text);background:var(--badge-signed-bg);padding:4px 10px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.step-panel__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-2)}.step-panel__header h2{margin:0}.layout-editor__options{display:flex;flex-direction:column;gap:8px;background:var(--surface-bg-strong);border:1px solid var(--surface-border);padding:12px;border-radius:8px;margin-bottom:16px}.layout-editor__option{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-primary)}.layout-editor__option input{width:16px;height:16px;accent-color:var(--accent-primary);flex-shrink:0}.completion-hero{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--success-border);background:var(--success-bg);margin-bottom:var(--space-4)}.completion-hero__badge{align-self:flex-start}.upload-dropzone__icon svg{width:40px;height:40px;color:var(--accent-secondary)}.dense-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--table-border);border-radius:var(--radius-sm);width:100%}.dense-table{width:100%;min-width:820px;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}.dense-table th{background:var(--surface-muted);color:var(--text-muted);font-weight:600;padding:var(--space-3);border-bottom:2px solid var(--table-border)}.dense-table td{padding:var(--space-3);border-bottom:1px solid var(--table-border);vertical-align:middle}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:var(--text-xs);padding:4px 10px;border-radius:20px;text-transform:uppercase;white-space:nowrap!important}.status-indicator:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.status-indicator--pending{background:var(--badge-pending-bg);color:var(--badge-pending-text)}.status-indicator--pending:before{background:var(--badge-pending-text)}.status-indicator--verified{background:var(--badge-verified-bg);color:var(--badge-verified-text)}.status-indicator--verified:before{background:var(--badge-verified-text)}.status-indicator--previewing{background:var(--badge-previewing-bg);color:var(--badge-previewing-text)}.status-indicator--previewing:before{background:var(--badge-previewing-text)}.status-indicator--signed{background:var(--badge-signed-bg);color:var(--badge-signed-text)}.status-indicator--signed:before{background:var(--badge-signed-text)}.status-indicator--expired{background:var(--badge-expired-bg);color:var(--badge-expired-text)}.status-indicator--expired:before{background:var(--badge-expired-text)}.status-indicator--locked{background:var(--badge-locked-bg);color:var(--badge-locked-text)}.status-indicator--locked:before{background:var(--badge-locked-text)}.stepper-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-weight:600}.muted{color:var(--text-muted)}.error{color:var(--text-error);font-weight:600}.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}.showcase-container{--sc-slate-50: #f8fafc;--sc-slate-100: #f1f5f9;--sc-slate-200: #e2e8f0;--sc-slate-300: #cbd5e1;--sc-slate-400: #94a3b8;--sc-slate-500: #64748b;--sc-slate-600: #475569;--sc-slate-700: #334155;--sc-slate-800: #1e293b;--sc-slate-900: #0f172a;--sc-emerald-50: #ecfdf5;--sc-emerald-100: #d1fae5;--sc-emerald-600: #059669;--sc-emerald-700: #047857;--sc-emerald-900: #064e3b;--sc-blue-50: #eff6ff;--sc-blue-100: #dbeafe;--sc-blue-600: #2563eb;--sc-blue-700: #1d4ed8;--sc-amber-50: #fffbeb;--sc-amber-100: #fef3c7;--sc-amber-600: #d97706;--sc-amber-700: #b45309;--sc-rose-50: #fff1f2;--sc-rose-100: #ffe4e6;--sc-rose-600: #e11d48;--sc-rose-700: #be123c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1360px;margin:0 auto;padding:var(--space-4) var(--space-6);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-6);box-sizing:border-box}.showcase-header-bar{border-bottom:1px solid var(--surface-border);padding-bottom:var(--space-5);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.showcase-header-bar__title h1{font-size:var(--text-lg);font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.showcase-header-bar__title p{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--text-muted)}.showcase-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.showcase-badge{background-color:var(--accent-secondary);color:#fff;font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.showcase-btn-toggle{background:var(--surface-bg-strong);border:1px solid var(--surface-border);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:var(--text-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.showcase-btn-toggle:hover{background:var(--surface-muted);border-color:var(--surface-border-strong)}.showcase-tabs{display:flex;gap:16px;border-bottom:2px solid var(--surface-border);padding-bottom:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.showcase-tabs::-webkit-scrollbar{display:none}.showcase-tab{all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;background:transparent!important;box-shadow:none!important;border:none!important;border-bottom:2px solid transparent!important;color:var(--text-muted)!important;padding:var(--space-2) var(--space-3)!important;font-weight:600!important;font-size:var(--text-sm)!important;cursor:pointer!important;white-space:nowrap!important;margin-bottom:-8px!important;flex-shrink:0!important;scroll-snap-align:start;scroll-margin-left:12px;transform:none!important;transition:none!important}.showcase-tab:hover:not(:disabled){background:transparent!important;color:var(--text-primary)!important;border-bottom-color:var(--surface-border-strong)!important;transform:none!important}.showcase-tab--active{background:transparent!important;color:var(--accent-primary)!important;border-bottom:2px solid var(--accent-primary)!important;font-weight:700!important;transform:none!important}.sc-grid-2,.sc-grid-2-equal{display:grid;grid-template-columns:1fr;gap:var(--space-6);min-width:0}@media (min-width: 1024px){.sc-grid-2{grid-template-columns:1.2fr 1fr}.sc-grid-2-equal{grid-template-columns:1fr 1fr}}.borrower-simulator-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);min-width:0}@media (min-width: 1024px){.borrower-simulator-layout{grid-template-columns:1.2fr 375px}}.showcase-card{background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--surface-shadow-soft);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-width:0;box-sizing:border-box}.showcase-card__header{border-bottom:1px solid var(--surface-border);padding-bottom:var(--space-3);margin-bottom:var(--space-1)}.showcase-card__title{font-size:var(--text-md);font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:var(--space-2)}.showcase-card__subtitle{font-size:var(--text-xs);color:var(--text-muted);margin:0}.audit-drawer{background:var(--info-bg);border-top:1px solid var(--info-border);border-bottom:1px solid var(--info-border);padding:var(--space-4) var(--space-6)}.timeline-flow{display:flex;flex-direction:column;gap:var(--space-3);position:relative;padding-left:var(--space-4);border-left:2px solid var(--sc-slate-300)}.timeline-event{position:relative}.timeline-event:before{content:"";position:absolute;left:-21px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--surface-bg-strong)}.timeline-event--system:before{background:var(--sc-slate-500)}.timeline-event--warning:before{background:var(--sc-rose-600)}.timeline-event-header{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted)}.timeline-event-content{font-weight:500;margin-top:2px}.phone-simulator-container{display:flex;justify-content:center;align-items:center;padding:var(--space-4);width:100%}.phone-simulator{width:340px;height:640px;border:10px solid #2e2e2e;border-radius:36px;background:var(--canvas-bg);box-shadow:0 20px 40px -10px #0000004d;position:relative;display:flex;flex-direction:column;overflow:hidden}.phone-simulator:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:130px;height:22px;background:#2e2e2e;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:999}.phone-screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;font-size:var(--text-sm);padding:var(--space-3);padding-top:var(--space-6);position:relative;background:var(--surface-bg-strong)}.layout-design-studio{display:grid;grid-template-columns:1fr;gap:var(--space-6);min-width:0}@media (min-width: 1024px){.layout-design-studio{grid-template-columns:1fr 350px}}.layout-preview-area{display:flex;flex-direction:column;align-items:center;background:var(--surface-muted);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-6);position:relative;overflow:auto;min-height:550px;width:100%;box-sizing:border-box}.pdf-page-sim{width:360px;height:509px;background:#fff;box-shadow:0 4px 20px #0000001a;border:1px solid var(--sc-slate-200);position:relative;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .pdf-page-sim{color:#1e293b}.pdf-content-mock{padding:30px 20px;font-size:8px;color:#64748b;display:flex;flex-direction:column;gap:10px;pointer-events:none}.pdf-title-mock{font-size:12px;font-weight:700;color:#1e293b;text-align:center;margin-bottom:15px}.pdf-paragraph-mock{line-height:1.5}.overlay-box-sim{position:absolute;border:2px solid transparent;cursor:move;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600;font-size:9px;text-align:center;-webkit-user-select:none;user-select:none}.overlay-box-sim--active{box-shadow:0 0 0 2px #fffc,0 0 10px #0003}.overlay-box-sim--signature{border-color:#f59e0b;background:#f59e0b26;color:#b45309}.overlay-box-sim--stamp{border-color:#3b82f6;background:#3b82f626;color:#1d4ed8}.overlay-separator-line{position:absolute;left:0;right:0;border-top:2px dashed #10b981;cursor:ns-resize;height:8px;margin-top:-4px;display:flex;align-items:center;justify-content:flex-end}.overlay-separator-label{background:#10b981;color:#fff;font-size:8px;font-weight:600;padding:1px 4px;border-radius:3px;transform:translateY(-8px);pointer-events:none}.resize-handle-se{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:#fff;border:2px solid inherit;border-radius:50%;cursor:se-resize}.overlay-box-sim--signature .resize-handle-se{border-color:#f59e0b;background:#fff}.overlay-box-sim--stamp .resize-handle-se{border-color:#3b82f6;background:#fff}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-size:20px 20px;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);pointer-events:none}.showcase-container .upload-dropzone{border:2px dashed var(--surface-border-strong);background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-8) var(--space-4);text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;box-sizing:border-box}.showcase-container .upload-dropzone:hover{background:var(--surface-bg-strong);border-color:var(--accent-primary)}.showcase-container .upload-dropzone svg{color:var(--accent-secondary);width:40px;height:40px}.showcase-container .upload-progress-row{display:flex;flex-direction:column;gap:8px;padding:var(--space-3) var(--space-4);background:var(--surface-bg-strong);border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;box-sizing:border-box}.showcase-container .upload-progress-bar{height:6px;background:var(--sc-slate-200);border-radius:3px;overflow:hidden;width:100%}.showcase-container .upload-progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.showcase-container .upload-progress-fill--error{background:var(--sc-rose-600)}.showcase-container .manifesto-doc{max-width:900px;margin:0 auto;line-height:1.6}.showcase-container .manifesto-doc h2{font-size:var(--text-lg);font-weight:700;margin-top:var(--space-6);border-bottom:1px solid var(--surface-border);padding-bottom:var(--space-2)}.showcase-container .manifesto-doc ul{padding-left:var(--space-5);margin-bottom:var(--space-4)}.showcase-container .manifesto-doc li{margin-bottom:var(--space-2)}:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;--page-bg: radial-gradient(1200px 600px at 100% -10%, #fbf7ef 0%, transparent 60%), #f4efe6;--page-bg-solid: #f4efe6;--surface-bg: #fbf8f2;--surface-bg-strong: #fff;--surface-muted: #f4efe6;--surface-border: #e0d7c6;--surface-border-strong: #cbbfad;--surface-shadow: 0 1px 0 rgba(28, 25, 23, .04), 0 12px 30px -18px rgba(28, 25, 23, .35);--surface-shadow-soft: 0 1px 0 rgba(28, 25, 23, .04), 0 6px 16px -12px rgba(28, 25, 23, .3);--text-primary: #1c1917;--text-secondary: #4b443c;--text-muted: #8a8073;--text-error: #9c2b20;--text-success: #3f6f5a;--accent-primary: #c0392b;--accent-primary-hover: #9c2b20;--accent-primary-text: #fff;--link-color: #9c2b20;--link-color-hover: #7f2119;--accent-secondary: #1c1917;--accent-secondary-hover: #000;--accent-secondary-text: #fff;--focus-ring: rgba(192, 57, 43, .18);--input-bg: #fff;--input-border: #d3c8b6;--input-border-hover: #8a8073;--success-border: #c8ddd2;--success-bg: #e4efe9;--info-border: #e7c3bc;--info-bg: #f7e3df;--error-border: #e7c3bc;--error-bg: #f7e3df;--demo-otp: #9c2b20;--table-border: #e0d7c6;--badge-bg: #e7ebf0;--badge-text: #566374;--badge-pending-bg: #f6ecd8;--badge-pending-text: #9a6418;--badge-verified-bg: #e7ebf0;--badge-verified-text: #566374;--badge-previewing-bg: #e7ebf0;--badge-previewing-text: #566374;--badge-signed-bg: #e4efe9;--badge-signed-text: #3f6f5a;--badge-expired-bg: #e7ebf0;--badge-expired-text: #566374;--badge-locked-bg: #f7e3df;--badge-locked-text: #9c2b20;--step-default: #8a8073;--step-active: #1c1917;--step-bg: #f4efe6;--canvas-border: #c0392b;--canvas-bg: #fff;--pdf-bg: #efe8db;--pdf-border: #e0d7c6;--pdf-canvas-border: #e0d7c6;--topbar-bg: rgba(244, 239, 230, .88);--topbar-border: #e0d7c6;--topbar-height: 73px;--page-max-width: 1180px;--narrow-max-width: 680px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}:root[data-theme=dark]{color-scheme:dark;--page-bg: #181614;--page-bg-solid: #181614;--surface-bg: #24211e;--surface-bg-strong: #2b2723;--surface-muted: #1f1c19;--surface-border: #484039;--surface-border-strong: #665b50;--text-primary: #f4efe6;--text-secondary: #d2c9bc;--text-muted: #9f9588;--accent-primary: #d95345;--accent-primary-hover: #bd4033;--link-color: #ef8b80;--link-color-hover: #f5aaa2;--input-bg: #1c1917;--input-border: #5b5148;--input-border-hover: #8f8174;--topbar-bg: rgba(24, 22, 20, .9);--topbar-border: #484039;--pdf-bg: #1f1c19;--pdf-border: #484039;--pdf-canvas-border: #484039}body{background:var(--page-bg)}h1,h2,h3,h4{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,Songti SC,serif;letter-spacing:0}h1{font-size:2.125rem;font-weight:600}.ui-button,.button-link,.ui-input,.ui-select{border-radius:var(--radius-sm)}.ui-button:hover:not(:disabled),.button-link:hover{transform:none}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:auto 1fr;min-height:100vh}.app-shell__body{grid-column:2;grid-row:2;min-width:0;padding-bottom:64px}.app-shell--focused{grid-template-columns:minmax(0,1fr)}.app-shell--focused .top-bar,.app-shell--focused .app-shell__body{grid-column:1}.nav-rail{grid-column:1;grid-row:1 / span 2;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:8px;padding:26px 18px;overflow-y:auto;background:#1c1917;color:#e9e3d7}.nav-rail__brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 6px 22px;margin-bottom:14px;border-bottom:1px solid rgba(233,227,215,.14);text-align:center}.nav-rail__logo-space{width:100%;min-height:64px;display:grid;place-items:center;border:1px dashed rgba(233,227,215,.3);border-radius:4px;color:#7d766a;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.nav-rail__logo-space img{display:block;width:100%;height:60px;object-fit:contain}.nav-rail__brand-copy,.nav-rail__footer>span:last-child{display:grid}.nav-rail__brand-copy strong{color:#fbf8f2;font-family:Iowan Old Style,Georgia,serif;font-size:17px}.nav-rail__brand-copy small,.nav-rail__footer small{color:#a9a196;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav-rail__nav{display:grid;gap:4px}.nav-rail__label{padding:14px 8px 6px;color:#7d766a;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.nav-rail__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:4px;color:#cfc8ba;font-size:14px;font-weight:600;text-decoration:none}.nav-rail__link:visited{color:#cfc8ba}.nav-rail__link:hover{background:#e9e3d70f;color:#fff}.nav-rail__link--active,.nav-rail__link--active:visited{border-color:#c0392b80;background:#26221f;color:#fff}.nav-rail__link svg{width:18px;height:18px;flex:none}.nav-rail__dot{width:6px;height:6px;margin-left:auto;border-radius:50%}.nav-rail__link--active .nav-rail__dot{background:#c0392b}.nav-rail__footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(233,227,215,.14);color:#e9e3d7;font-size:11px}.nav-rail__avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#c0392b;color:#fff;font-weight:700}.top-bar{grid-column:2;grid-row:1;background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--topbar-border)}.top-bar__inner{max-width:none;min-height:var(--topbar-height);margin:0;padding:16px 40px}.top-bar__crumbs{color:var(--text-muted);font-size:12px}.top-bar__crumbs strong{color:var(--text-secondary)}.top-bar__focused-brand{display:flex;align-items:center;gap:12px}.top-bar__focused-brand img{width:132px;height:52px;object-fit:contain}.top-bar__actions .ui-button{min-height:34px;padding:7px 12px;border-radius:999px;background:var(--surface-bg);box-shadow:none;color:var(--text-secondary);font-size:12px}.ui-theme-toggle{width:36px;padding:7px}.ui-theme-toggle__icon{display:grid}.page-shell{max-width:var(--page-max-width);margin:0;padding:34px 40px 0;gap:24px}.page-header{gap:8px;margin-bottom:20px}.page-header__eyebrow{color:var(--accent-primary);font-size:11px;letter-spacing:.2em}.ui-card,.card{border-radius:var(--radius-lg);padding:24px;box-shadow:var(--surface-shadow-soft)}.ui-button,.button-link{box-shadow:var(--surface-shadow-soft);font-size:14px}.ui-field__label{font-size:12px;letter-spacing:.02em}.ui-field__hint{font-size:11px}.result-panel-placeholder{border-width:1px;background:repeating-linear-gradient(45deg,#f7f2e9,#f7f2e9 10px,#f4efe4 10px,#f4efe4 20px)}:root[data-theme=dark] .result-panel-placeholder{background:var(--surface-muted)}.result-panel-box{border-style:dashed;background:var(--info-bg)}.result-otp-code{color:var(--accent-primary-hover)}.table-wrap,.dense-table-wrapper{background:var(--surface-bg)}.upload-dropzone__icon svg{color:var(--accent-primary)}.signature-pad-wrapper{border-color:var(--accent-primary)}@media (max-width: 1000px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.nav-rail{grid-column:1;grid-row:1;position:static;width:100%;height:auto;padding:12px 16px;flex-direction:row;align-items:center;overflow-x:auto}.nav-rail__brand{flex:0 0 auto;flex-direction:row;padding:0 16px 0 0;margin:0 8px 0 0;border-right:1px solid rgba(233,227,215,.14);border-bottom:0;text-align:left}.nav-rail__logo-space{width:64px;min-height:34px}.nav-rail__logo-space img{height:32px}.nav-rail__brand-copy small,.nav-rail__label,.nav-rail__footer,.nav-rail__dot{display:none}.nav-rail__nav{display:flex;gap:6px}.nav-rail__link{white-space:nowrap}.top-bar{grid-column:1;grid-row:2}.app-shell__body{grid-column:1;grid-row:3}}@media (max-width: 600px){.top-bar__focused-brand img{width:96px;height:40px}.nav-rail__brand-copy{display:none}.nav-rail__link{gap:7px;padding:8px 9px;font-size:12px}.top-bar__inner{min-height:58px;padding:10px 16px;flex-direction:row;align-items:center}.top-bar__crumbs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar__actions{width:auto;flex:none}.ui-language-toggle span{display:none}.top-bar__signing-progress{align-items:flex-start;flex-direction:column;padding:8px 16px}.signing-progress__label{white-space:normal}.page-shell{padding:24px 16px 0}h1{font-size:1.75rem}}.app-shell.app-shell--focused{grid-template-rows:auto 1fr}.app-shell--focused .top-bar{grid-row:1}.app-shell--focused .app-shell__body{grid-row:2}.app-shell--focused .page-shell{margin-inline:auto}