.pd-nav .demo-button{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:4px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.pd-nav .demo-button:hover{color:#fff;background:#000}.pd-nav .modal-overlay{opacity:0;visibility:hidden;z-index:999999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex;position:fixed;top:0;left:0}.pd-nav .modal-overlay.active{opacity:1;visibility:visible}.pd-nav .modal-share-custom{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:90%;max-width:400px;transition:all .2s;position:relative;transform:translateY(20px);box-shadow:0 4px 20px #00000026}.pd-nav .modal-overlay.active .modal-share-custom{transform:translateY(0)}.pd-nav .modal-header{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding:24px 24px 0;position:relative}.pd-nav .modal-title{text-align:center;color:#000;margin:0;padding-bottom:16px;font-size:18px;font-weight:600}.pd-nav .close-button{color:#000;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.pd-nav .close-button:hover{background:#f0f0f0}.pd-nav .modal-content{padding:0 24px 24px}.pd-nav .explainer-text{text-align:center;color:#666;margin-bottom:20px;padding:0 8px;font-size:14px;line-height:1.5}.pd-nav .help-text{text-align:center;color:#666;margin-bottom:12px;font-size:13px}.pd-nav .social-links{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.pd-nav .social-link{color:#000;background:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.pd-nav .social-link:hover{background:#000;border-color:#000}.pd-nav .social-link:hover svg{fill:#fff}.pd-nav .social-link svg{fill:#000;width:20px;height:20px;transition:fill .2s}.pd-nav .copy-section{border:1px solid #e0e0e0;border-radius:4px;transition:all .2s;display:flex;overflow:hidden}.pd-nav .copy-section:focus-within{border-color:#000}.pd-nav .share-input{color:#666;background:#fff;border:none;outline:none;flex:1;padding:12px;font-size:14px}.pd-nav .copy-button{color:#fff;cursor:pointer;background:#000;border:none;min-width:70px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.pd-nav .copy-button:hover{background:#333}.pd-nav .copy-button.copied{background:#666}@media (max-width:480px){.pd-nav .modal-share-custom{width:calc(100% - 40px);margin:20px}.pd-nav .modal-content{padding:0 20px 20px}.pd-nav .modal-header{padding:20px 20px 0}.pd-nav .social-links{gap:12px}.pd-nav .social-link{width:36px;height:36px}.pd-nav .social-link svg{width:18px;height:18px}}