*{box-sizing:border-box}:root{--bg-warm: #F5F5F0;--surface: #FFFFFF;--surface-warm: #FAFAF7;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--muted: #8E8E93;--primary: #4A90D9;--primary-soft: #5BA0E8;--radius-card: 16px;--radius-control: 999px;--radius-field: 4px;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .08);--shadow-paper: 0 1px 0 rgba(255, 255, 255, .9), 0 10px 26px rgba(45, 55, 72, .08), 0 2px 8px rgba(0, 0, 0, .06);--field-fill: rgba(74, 144, 217, .08);--field-border: rgba(74, 144, 217, .4)}body{margin:0;background:var(--bg-warm);color:var(--text-primary)}.app{min-height:100vh;position:relative;overflow-x:hidden;padding:8px 8px 96px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:500;color:var(--text-primary)}.app:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23000000' fill-opacity='.9'%3E%3Ccircle cx='8' cy='10' r='1'/%3E%3Ccircle cx='36' cy='22' r='.7'/%3E%3Ccircle cx='88' cy='15' r='.9'/%3E%3Ccircle cx='54' cy='48' r='1'/%3E%3Ccircle cx='98' cy='54' r='.8'/%3E%3Ccircle cx='20' cy='72' r='.8'/%3E%3Ccircle cx='78' cy='86' r='1'/%3E%3Ccircle cx='44' cy='98' r='.7'/%3E%3Ccircle cx='108' cy='108' r='.8'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}.app>*{position:relative;z-index:1}.hidden-file-input{display:none}.topbar.minimal{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.doc-title{min-height:36px;max-width:65vw;padding:4px 10px;background:transparent;box-shadow:none;color:var(--text-secondary);font-size:13px;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-pill{min-height:36px;padding:6px 12px;border-radius:var(--radius-control);background:#efefeb;color:var(--text-secondary);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.mode-pill .dot{width:7px;height:7px;border-radius:50%;background:#34c759}button,input,select{font-family:inherit;font-size:16px;min-height:44px;border-radius:var(--radius-control);border:0;color:var(--text-primary);background:#efefeb;padding:10px 14px;box-shadow:inset 0 0 0 1px #8e8e9338}button{cursor:pointer;font-weight:600}button.primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-soft) 100%);color:#fff;box-shadow:0 2px 8px #4a90d94d}.viewer{min-height:calc(100vh - 160px);display:grid;place-items:center}.page-wrap{position:relative;max-width:95vw;max-height:84vh;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-paper)}.page-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.03;background-image:radial-gradient(rgba(0,0,0,.7) .45px,transparent .45px);background-size:3px 3px}.overlay{position:absolute;inset:0;z-index:2}.ghost{position:absolute;border-radius:var(--radius-field);border:2px dashed rgba(74,144,217,.75);background:#5ba0e84d;color:#1d1d1fc7;display:grid;place-items:center;pointer-events:none;font-size:14px;font-weight:600;letter-spacing:.02em}.edge-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:56px;min-height:56px;border-radius:18px;background:#1d1d1f38;color:#fff;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .18s ease;font-size:24px;line-height:1;padding:0}.edge-arrow.left{left:8px}.edge-arrow.right{right:8px}.edge-arrow.show{opacity:1;pointer-events:auto}.field{position:absolute;border-radius:var(--radius-field);border:1.5px solid var(--field-border);background:var(--field-fill);box-shadow:0 1px 2px #4a90d926;color:var(--text-primary);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px;text-align:left;touch-action:none}.field small{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.field span{font-size:15px;font-weight:500}.signature-preview{width:100%;height:100%;display:block;opacity:.92}.signature-placeholder{width:100%;text-align:center;font-size:13px;color:var(--text-secondary)}.field.selected{background:#4a90d91f;border-color:var(--primary);box-shadow:0 0 0 2px #4a90d92e}.field.selected.draggable{cursor:grab}.field.selected.draggable:active{cursor:grabbing;background:#4a90d92b}.field.needs{border-color:var(--primary)}.field-fab{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:4px;height:32px;padding:3px;border-radius:12px;background:#fffffff7;border:1px solid rgba(142,142,147,.22);box-shadow:0 3px 10px #1d1d1f1f}.field-fab button{min-height:26px;padding:6px 12px;border-radius:999px;font-size:13px;line-height:1;box-shadow:none}.fab-size-group{display:inline-flex;align-items:center;gap:3px;margin-left:2px}.fab-size-group button{width:28px;min-width:28px;min-height:28px;height:28px;padding:0;border-radius:10px;background:#4a90d924;color:var(--primary);font-size:12px;font-weight:700}.resize-handle{position:absolute;width:16px;height:16px;min-height:16px;border-radius:4px;background:#4a90d999;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #4a90d94d;padding:0;z-index:7}.resize-handle:before,.resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:6px;height:1.5px;background:#fffffff2;transform-origin:right center}.resize-handle:before{transform:rotate(-45deg)}.resize-handle:after{width:4px;right:2px;bottom:6px;transform:rotate(-45deg)}.toolbar{position:fixed;left:0;right:0;bottom:0;display:grid;gap:8px;padding:8px env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left);background:var(--surface-warm);border-top:1px solid rgba(29,29,31,.08);box-shadow:0 -2px 10px #00000014}.toolbar.compact{grid-template-columns:repeat(3,minmax(72px,1fr))}.toolbar.signing-only{grid-template-columns:1fr auto;align-items:center;padding:10px env(safe-area-inset-right) calc(10px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.toolbar button{min-height:56px;border-radius:var(--radius-control);background:transparent;box-shadow:none;padding:6px 10px;display:flex;align-items:center;justify-content:center}.tool-inner{display:grid;justify-items:center;gap:2px;line-height:1}.tool-icon{font-size:22px}.tool-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.toolbar button.on{background:#4a90d91f}.toolbar button.on .tool-label,.toolbar button.on .tool-icon{color:var(--primary)}.signing-progress-pill{min-height:54px;border-radius:var(--radius-control);background:#efefeb;display:grid;place-items:center;color:var(--text-secondary);font-weight:600}.done{min-width:120px}.sign-progress-inline{display:none}.sheet-backdrop,.onboard{position:fixed;inset:0;z-index:30;background:#0000004d;display:grid;align-items:end}.sheet,.signature-modal,.empty-state,.skeleton,.onboard>div{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);border:1px solid rgba(29,29,31,.05)}.sheet,.signature-modal{border-radius:20px 20px 0 0;border-bottom:0;padding:16px}.signature-modal{min-height:74vh}.sheet h3,.signature-modal h3,.onboard h3{margin:0 0 10px;font-size:1.1rem;font-weight:600}.grouped{max-height:82vh;overflow:auto}.sheet-group{margin-bottom:14px}.sheet-group h4{margin:0 0 8px;font-size:13px;color:var(--text-secondary);font-weight:600}.sheet-grid{display:grid;gap:8px}.view-grid .sheet-stat{min-height:42px;border-radius:14px;background:#f1f1ed;color:var(--text-secondary);display:grid;place-items:center;font-size:13px}.sheet-grid label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.sheet-grid label input{min-height:auto;width:18px;height:18px}.signature-pad{width:100%;height:42vh;border-radius:12px;border:1px dashed rgba(142,142,147,.55);background:linear-gradient(to bottom,transparent calc(100% - 26px),rgba(142,142,147,.35) calc(100% - 26px),rgba(142,142,147,.35) calc(100% - 25px),transparent calc(100% - 25px)),#fff;touch-action:none}.sheet-actions{margin-top:12px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-actions.two{grid-template-columns:repeat(2,minmax(0,1fr))}.toast-stack{position:fixed;right:12px;top:12px;z-index:60;display:grid;gap:8px}.toast{border-radius:12px;background:#fff;color:var(--text-primary);border:1px solid rgba(52,199,89,.3);box-shadow:var(--shadow-soft);padding:10px 12px;font-size:13px;font-weight:500}.empty-state,.skeleton{padding:24px 14px;text-align:center;margin-top:24px}.empty-state h2{margin:0 0 8px;font-size:1.1rem;font-weight:600}.empty-state p{margin:0;color:var(--text-secondary);font-size:15px;font-weight:400}.doc-ghost{width:94px;height:116px;margin:0 auto 14px;border-radius:10px;background:linear-gradient(180deg,#fff,#f8f8f6);box-shadow:var(--shadow-paper)}.skeleton div{height:20px;margin:10px 0;border-radius:10px;background:#ecece8}.onboard{align-items:center;justify-items:center;padding:16px}.onboard>div{width:min(460px,100%);border-radius:20px}.onboard ul{margin:0 0 14px;padding-left:18px;color:var(--text-secondary);font-size:15px;font-weight:400}@media(min-width:900px){.app{max-width:1100px;margin:0 auto}.toolbar{left:50%;transform:translate(-50%);width:min(980px,100%);border-radius:16px 16px 0 0}}