:root{--bg-primary: #f4f7fa;--bg-secondary: #ffffff;--pdf-primary: #ec4899;--selection-color: #3b82f6}body.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b}body.modal-open{overflow:hidden!important}.modal-content-wrapper{height:100vh;height:100dvh}#mainScrollArea{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.upload-card{background:var(--bg-secondary);border:3px dashed #cbd5e1;border-radius:1.5rem;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #0000000d}body.dark .upload-card{border-color:#334155}.upload-card:hover{transform:translateY(-5px);border-color:var(--pdf-primary)}body.dark .upload-card:hover{border-color:var(--pdf-primary)}.upload-card-icon{font-size:4rem;margin-bottom:1.5rem}.btn{transition:all .2s ease;border:none;cursor:pointer}.btn-success{background:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.btn-action{background-color:#2563eb;color:#fff}.btn-action:hover{background-color:#1d4ed8}.btn-neutral{background-color:#e5e7eb;color:#374151}.btn-neutral:hover{background-color:#d1d5db}body.dark .btn-neutral{background-color:#334155;color:#e2e8f0}.sig-tab{color:#64748b;background:transparent}.sig-tab:hover{color:#1e293b}.sig-tab.active{background:#fff;color:#ec4899;box-shadow:0 1px 3px #0000001a}body.dark .sig-tab.active{background:#374151;color:#f472b6}.pen-color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s}.pen-color-btn.active-pen{transform:scale(1.2);box-shadow:0 0 0 2px #fff,0 0 0 4px #cbd5e1}.font-preview-item{padding:.75rem;text-align:center;font-size:1.5rem;cursor:pointer;border-radius:.5rem;border:1px solid transparent}.font-preview-item:hover{background-color:#0000000d}.font-preview-item.active-font{background-color:#ec48991a;border-color:#ec4899;color:#ec4899}.placed-signature-overlay{position:absolute;z-index:50;cursor:grab;border:2px dashed transparent;transition:border-color .1s;touch-action:none}.placed-signature-overlay.selected{border-color:var(--selection-color);background:#3b82f60d;z-index:60}.sig-resize-handle{position:absolute;bottom:-6px;right:-6px;width:14px;height:14px;background:var(--selection-color);border:2px solid white;border-radius:50%;cursor:nwse-resize;display:none;box-shadow:0 2px 4px #0003}.sig-rotate-handle{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:24px;height:24px;background:#fff;color:var(--selection-color);border:1px solid var(--selection-color);border-radius:50%;cursor:grab;display:none;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;font-size:10px}.sig-rotate-handle:active{cursor:grabbing}.placed-signature-overlay.selected .sig-resize-handle,.placed-signature-overlay.selected .sig-rotate-handle{display:flex}.sig-floating-toolbar{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:4px 8px;border-radius:8px;display:flex;gap:4px;box-shadow:0 4px 12px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;white-space:nowrap}.placed-signature-overlay.selected .sig-floating-toolbar{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.sig-tool-btn{background:transparent;border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s}.sig-tool-btn:hover{background:#fff3}.sig-tool-btn.delete-btn{color:#f87171}.sig-tool-btn.delete-btn:hover{background:#dc262633}.sig-tool-btn.apply-all-btn{color:#34d399}.sig-tool-btn.copy-btn{color:#60a5fa}.sig-tool-btn i{font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}