*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0}.pd-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:14px;line-height:1.4;transition:background .15s}.pd-btn--primary{background:#2563eb;color:#fff;border-color:#2563eb}.pd-btn--primary:hover{background:#1d4ed8}.pd-btn--secondary{background:#fff;color:#374151;border-color:#d1d5db}.pd-btn--secondary:hover{background:#f9fafb}.pd-btn--danger{background:#fff;color:#dc2626;border-color:#fca5a5}.pd-btn--danger:hover{background:#fef2f2}.pd-btn--ghost{background:transparent;border-color:transparent;color:#6b7280}.pd-btn--ghost:hover{background:#f3f4f6}.pd-btn--sm{padding:2px 8px;font-size:12px}.pd-btn:disabled{opacity:.5;cursor:not-allowed}.pd-connector{text-align:center;color:#9ca3af;font-size:20px;line-height:1;padding:4px 0}