.loft-sign-pdf{flex-direction:column;gap:16px;width:100%;display:flex;container:tool/inline-size}.loft-sign-pdf__draw-area{border-radius:var(--radius-md);background:#fff;border:1px dashed #ffffff1f;position:relative;overflow:hidden}.loft-sign-pdf__draw-canvas{cursor:crosshair;touch-action:none;background:#fff;width:100%;height:180px;display:block}.loft-sign-pdf__sig-tool-btn{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-base), background var(--duration-base), border-color var(--duration-base);align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.loft-sign-pdf__sig-tool-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-glow)}.loft-sign-pdf__sig-tool-btn:disabled{opacity:.4;cursor:not-allowed}.loft-sign-pdf__sig-tool-btn>i{font-size:.95rem}.loft-sign-pdf__type-area{flex-direction:column;gap:10px;display:flex}.loft-sign-pdf__type-input{border:1px solid var(--color-overlay-medium);border-radius:var(--radius-lg);color:var(--text-primary);transition:border-color var(--duration-base);background:#0003;padding:12px 16px;font-family:Brush Script MT,Segoe Script,Dancing Script,cursive;font-size:1.4rem}.loft-sign-pdf__type-input:focus{border-color:var(--border-glow);outline:none}.loft-sign-pdf__type-preview{border:1px solid var(--color-overlay-soft);border-radius:var(--radius-md);background:#ffffff05;justify-content:center;align-items:center;min-height:80px;padding:16px;display:flex}.loft-sign-pdf__type-preview canvas{max-width:100%;max-height:80px}.loft-sign-pdf__upload-area{flex-direction:column;align-items:center;gap:10px;display:flex}.loft-sign-pdf__upload-btn{border-radius:var(--radius-md);background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-ui);cursor:pointer;transition:all var(--duration-base);align-items:center;gap:6px;padding:10px 20px;display:flex}.loft-sign-pdf__upload-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.loft-sign-pdf__upload-preview{justify-content:center;align-items:center;min-height:80px;display:flex}.loft-sign-pdf__upload-preview img{object-fit:contain;max-width:280px;max-height:80px}.loft-sign-pdf__font-row{flex-wrap:wrap;gap:6px;display:flex}.loft-sign-pdf__font-btn{border-radius:var(--radius-sm);background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-base);padding:6px 12px;font-size:.85rem}.loft-sign-pdf__font-btn:hover{border-color:var(--color-overlay-strong);color:var(--text-primary)}.loft-sign-pdf__font-btn--active{color:var(--accent-cyan);border-color:var(--glow-cyan);background:var(--color-cyan-bg-faint)}.loft-sign-pdf__viewer{border:1px solid var(--color-overlay-soft);border-radius:var(--radius-xl);background:#0003;justify-content:center;max-height:70vh;padding:16px;display:flex;overflow:auto}.loft-sign-pdf__canvas-wrap{line-height:0;display:inline-block;position:relative}.loft-sign-pdf__pdf-canvas{max-width:min(100%,1100px);height:auto;box-shadow:var(--elev-2);border-radius:4px;display:block}.loft-sign-pdf__pdf-canvas--clickable{cursor:crosshair}.loft-sign-pdf__hero-banner{background:var(--bg-elevated);border:1px solid var(--border-glow);border-radius:var(--radius-lg);color:var(--text-primary);align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.loft-sign-pdf__hero-banner>i{color:var(--accent-cyan);font-size:1.2rem}.loft-sign-pdf__modal-backdrop{background:var(--color-surface-overlay);backdrop-filter:blur(4px);z-index:var(--z-modal);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.loft-sign-pdf__modal{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--elev-3);flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.loft-sign-pdf__modal-head{justify-content:space-between;align-items:center;display:flex}.loft-sign-pdf__modal-head h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.loft-sign-pdf__modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-base), background var(--duration-base);background:0 0;border:none;padding:4px;font-size:1.2rem}.loft-sign-pdf__modal-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.loft-sign-pdf__pen-row{flex:200px;align-items:center;gap:8px;display:flex}.loft-sign-pdf__pen-row .loft-sign-pdf__range{flex:1}.loft-sign-pdf__overlay-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.loft-sign-pdf__placed-sig{cursor:move;touch-action:none;transition:border-color var(--duration-base);background:#06b6d40a;border:2px dashed #06b6d466;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute}.loft-sign-pdf__placed-sig:hover{border-color:#06b6d4b3}.loft-sign-pdf__placed-sig img{object-fit:contain;pointer-events:none;user-select:none;width:100%;height:100%}.loft-sign-pdf__remove-sig{background:var(--color-error);width:22px;height:22px;color:var(--text-primary);cursor:pointer;opacity:0;transition:opacity var(--duration-quick);z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:-10px;right:-10px}.loft-sign-pdf__placed-sig:hover .loft-sign-pdf__remove-sig{opacity:1}.loft-sign-pdf__resize-handle{background:var(--accent-cyan);cursor:nwse-resize;opacity:0;width:14px;height:14px;transition:opacity var(--duration-quick);z-index:5;border:2px solid #0000004d;border-radius:3px;position:absolute;bottom:-5px;right:-5px}.loft-sign-pdf__placed-sig:hover .loft-sign-pdf__resize-handle{opacity:1}.loft-sign-pdf__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.loft-sign-pdf__page-nav{align-items:center;gap:8px;display:flex}.loft-sign-pdf__nav-btn{border-radius:var(--radius-md);background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-base);font-family:var(--font-ui);justify-content:center;align-items:center;display:flex}.loft-sign-pdf__nav-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover)}.loft-sign-pdf__nav-btn:disabled{opacity:.3;cursor:not-allowed}.loft-sign-pdf__page-label{font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary);text-align:center;min-width:100px}.loft-sign-pdf__actions{gap:8px;display:flex}.loft-sign-pdf__group{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.loft-sign-pdf__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600;font-family:var(--font-ui)}.loft-sign-pdf__range{width:100%;accent-color:var(--color-accent-action);cursor:pointer}.loft-sign-pdf__sidebar-btn{border-radius:var(--radius-md);background:var(--color-overlay-faint);border:1px solid var(--color-overlay-medium);width:100%;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-ui);cursor:pointer;transition:all var(--duration-base);justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex}.loft-sign-pdf__sidebar-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.loft-sign-pdf__sidebar-btn:disabled{opacity:.3;cursor:not-allowed}.loft-sign-pdf__color-row{align-items:center;gap:10px;display:flex}.loft-sign-pdf__color-input{border:1px solid var(--color-overlay-medium);border-radius:var(--radius-sm);background:var(--color-overlay-faint);cursor:pointer;width:40px;height:36px;padding:2px}.loft-sign-pdf__color-hex{font-size:.85rem;font-family:var(--font-mono);color:var(--text-secondary)}.loft-sign-pdf__complete{flex-direction:column;align-items:center;gap:20px;padding:32px 0;display:flex}.loft-sign-pdf__result{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;display:flex}.loft-sign-pdf__file-info{border:1px solid var(--color-overlay-soft);border-radius:var(--radius-xl);background:#ffffff08;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.loft-sign-pdf__file-icon{color:var(--color-accent-action);font-size:2rem}.loft-sign-pdf__filename{color:var(--text-primary);font-size:.95rem;font-weight:600;font-family:var(--font-ui);word-break:break-all}.loft-sign-pdf__meta{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);gap:8px;display:flex}.loft-sign-pdf__result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.loft-sign-pdf__error{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 0;display:flex}.loft-sign-pdf__error p{color:var(--color-error);font-size:.9rem}.loft-sign-pdf__error button{color:var(--accent-cyan);cursor:pointer;font-size:.9rem;font-family:var(--font-ui);background:0 0;border:none}.loft-sign-pdf__hint{color:var(--text-muted);text-align:center;font-size:.8rem;font-family:var(--font-ui)}@container tool (width<=640px){.loft-sign-pdf__footer{flex-direction:column;align-items:stretch}.loft-sign-pdf__page-nav,.loft-sign-pdf__actions{justify-content:center}.loft-sign-pdf__viewer{max-height:50vh;padding:8px}.loft-sign-pdf__draw-canvas{height:120px}}