.vfd-header{background:#fff;border-bottom:1px solid #eee;border-radius:10px;justify-content:space-between;margin-bottom:35px;padding:0 10px 20px}.vfd-header,.vfd-header-name{align-items:center;display:flex}.vfd-header-name{gap:12px}.vfd-header-name span{background:#146ef5;border-radius:8px;font-size:25px;padding:6px}.vfd-header-name span svg{color:#fff}.vfd-header-name h1{font-size:24px;font-weight:600;margin:0}.vfd-header .add-new-btn{background-color:#146ef5;border:none;border-radius:50px;box-shadow:0 4px 12px rgba(124,58,237,.3);color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 35px;transition:background .3s ease}.vfd-header .add-new-btn:hover{background-color:#6d28d9}
#vfdSettingsWrapper{background:#fff;border-radius:10px;font-family:Segoe UI,sans-serif;margin:20px;padding:30px}#vfdSettingsWrapper .vfd-toggle-group{align-items:center;display:flex;gap:12px}#vfdSettingsWrapper .vfd-toggle-group label{font-size:16px;font-weight:600}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle input{height:0;opacity:0;width:0}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle input:checked+.vfd-slider{background-color:#4f46e5}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle input:checked+.vfd-slider:before{transform:translateX(24px)}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle input:checked:hover+.vfd-slider{background-color:#4338ca}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle .vfd-slider{background-color:#ccc;border-radius:34px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .4s}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle .vfd-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:transform .4s ease,background-color .2s ease;width:22px}#vfdSettingsWrapper .vfd-toggle-group .vfd-toggle:hover .vfd-slider{background-color:#bfbfbf}#vfdSettingsWrapper .right-header{align-items:center;display:flex;gap:20px}#vfdSettingsWrapper .right-header .save-btn{background-color:#146ef5;border:none;border-radius:15px;box-shadow:0 4px 12px rgba(124,58,237,.3);color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:8px 35px;text-transform:uppercase;transition:background .3s ease}#vfdSettingsWrapper .right-header .save-btn:disabled{background-color:#aa98c9;color:#fdf7f7;cursor:not-allowed;opacity:.5;pointer-events:none;transition:opacity .3s ease}#vfdSettingsWrapper .right-header .save-btn:hover{background-color:#6d28d9}#vfdSettingsWrapper .vfd-body{display:flex;gap:40px;margin-top:20px}#vfdSettingsWrapper .vfd-body.only-settings{justify-content:center}#vfdSettingsWrapper .vfd-body.only-settings .vfd-settings-section{flex:none;width:60%}#vfdSettingsWrapper .vfd-body.only-settings .vfd-settings-section .tab-content{overflow-x:hidden;overflow-y:auto}#vfdSettingsWrapper .vfd-shortcode-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-family:monospace;justify-content:space-between;margin-top:24px;padding:14px 20px}#vfdSettingsWrapper .vfd-shortcode-box code{color:#111827;font-size:14px}#vfdSettingsWrapper .vfd-shortcode-box button{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}#vfdSettingsWrapper .vfd-form-field{align-items:baseline;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;margin-bottom:12px;padding:12px 30px}#vfdSettingsWrapper .vfd-form-field .field-name{align-items:center;display:flex;gap:140px}#vfdSettingsWrapper .vfd-form-field .field{align-items:flex-start;display:flex;flex-direction:column;gap:6px}#vfdSettingsWrapper .vfd-form-field .field input{width:400px}#vfdSettingsWrapper .vfd-form-group{margin-bottom:24px}#vfdSettingsWrapper .vfd-form-group label{color:#111827;display:block;font-weight:600;margin-bottom:6px}#vfdSettingsWrapper .vfd-form-group input[type=color],#vfdSettingsWrapper .vfd-form-group input[type=text],#vfdSettingsWrapper .vfd-form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px;width:100%}#vfdSettingsWrapper .vfd-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:16px}#vfdSettingsWrapper .vfd-tabs .vfd-tab{background:#e5e7eb;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;padding:8px 16px}#vfdSettingsWrapper .vfd-tabs .vfd-tab.active{background:#4f46e5;color:#fff}#vfdSettingsWrapper .vfd-tab-content{display:none}#vfdSettingsWrapper .vfd-tab-content.active{display:block;margin-top:10px}
.vfd-footer{align-items:center;color:#888;display:flex;font-size:13px;justify-content:space-between;margin-top:40px;padding:0 20px;text-align:center}.vfd-footer .vfd-footer strong{color:#111}.vfd-footer a{color:#000;text-decoration:none}.vfd-footer .vfd-social-icons{display:flex;gap:5px}.vfd-footer .vfd-social-icons a svg{color:#333;height:25px;text-decoration:none;transition:color .2s ease-in-out;width:30px}.vfd-footer .vfd-social-icons a svg:hover{color:#146ef5}
.vfd-settings-section{width:700px}.vfd-preview-box{flex:1}.vfd-preview-box,.vfd-settings-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;height:600px;padding:0}.vfd-preview-box .vfd-section-header,.vfd-settings-section .vfd-section-header{align-items:center;background:#146ef5;border-radius:12px 12px 0 0;box-shadow:0 3px 12px rgba(0,0,0,.05);color:#fff;display:flex;font-size:20px;font-weight:600;padding:15px 30px}.vfd-preview-box .vfd-section-header svg,.vfd-settings-section .vfd-section-header svg{font-weight:600;height:25px;margin-right:8px;width:25px}.vfd-preview-box .vfd-section-content,.vfd-settings-section .vfd-section-content{box-sizing:border-box;height:500px;padding:20px}.vfd-preview-box .vfd-section-content .preview-content,.vfd-settings-section .vfd-section-content .preview-content{box-sizing:border-box;display:flex;flex-direction:column;height:500px;justify-content:center}.vfd-preview-box .vfd-section-content .preview-content .global-live-preview,.vfd-settings-section .vfd-section-content .preview-content .global-live-preview{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.vfd-preview-box .vfd-section-content .preview-content .live-preview,.vfd-settings-section .vfd-section-content .preview-content .live-preview{text-align:center;width:100%}.vfd-preview-box .vfd-section-content .preview-content .vfd-shortcode-box,.vfd-settings-section .vfd-section-content .preview-content .vfd-shortcode-box{display:flex}.vfd-preview-box .vfd-section-content .vfd-settings,.vfd-settings-section .vfd-section-content .vfd-settings{max-height:95%;overflow-y:auto;padding:25px 30px}.vfd-preview-box .vfd-section-content .vfd-settings-tab,.vfd-settings-section .vfd-section-content .vfd-settings-tab{display:flex;gap:10px;margin-bottom:16px}.vfd-preview-box .vfd-section-content .vfd-settings-tab .tab-btn,.vfd-settings-section .vfd-section-content .vfd-settings-tab .tab-btn{background:#f1f1f1;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;width:-webkit-fill-available}.vfd-preview-box .vfd-section-content .vfd-settings-tab .tab-btn.active,.vfd-settings-section .vfd-section-content .vfd-settings-tab .tab-btn.active{background:#0073e6;color:#fff}.vfd-preview-box .vfd-section-content .tab-content,.vfd-settings-section .vfd-section-content .tab-content{height:100%}.vfd-preview-box .vfd-section-content .tab-content .settings,.vfd-settings-section .vfd-section-content .tab-content .settings{display:flex;height:100%}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-sidebar-nav,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-sidebar-nav{align-self:flex-start;background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;height:-webkit-fill-available;position:sticky;top:20px;width:160px}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:4px;padding:10px 15px;text-align:left;text-decoration:none;transition:all .2s ease;width:170px}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button:hover,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button:hover{background:#e2e8f0;color:#475569}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button.active,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button.active{background:#146ef5;box-shadow:0 4px 12px rgba(124,58,237,.3);color:#fff}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button .nav-icon svg,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button .nav-icon svg{display:flex;height:20px;margin-right:5px;width:20px}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button .nav-text,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-sidebar-nav .nav-button .nav-text{font-size:16px;font-weight:500;margin:0}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-main-settings,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-main-settings{flex-grow:1;max-height:100%;overflow-y:auto;padding:6px 30px}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-main-settings .settings-heading,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-main-settings .settings-heading{align-items:center;display:flex;font-size:20px;margin-bottom:20px}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-main-settings .settings-heading h2,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-main-settings .settings-heading h2{font-size:20px;font-weight:600;margin:0}.vfd-preview-box .vfd-section-content .tab-content .settings .vfd-main-settings .settings-heading span svg,.vfd-settings-section .vfd-section-content .tab-content .settings .vfd-main-settings .settings-heading span svg{color:#146ef5;height:25px;margin-right:8px;width:25px}
.bpl-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bpl-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.1);max-width:400px;overflow:hidden;position:relative;width:90%}.bpl-modal-close{align-items:center;background:#f9fafb;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:28px;z-index:1001}.bpl-modal-close:hover{background:#f3f4f6;color:#374151}.bpl-modal-icon-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;padding:32px 24px;position:relative;text-align:center}.bpl-modal-icons{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.bpl-company-logo img,.bpl-plugin-logo{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.bpl-company-logo img svg,.bpl-plugin-logo svg{color:#146ef5;height:30px;width:30px}.bpl-premium-icon{align-items:center;background:#146ef5;border-radius:12px;box-shadow:0 6px 16px rgba(139,92,246,.3);color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto;width:56px}.bpl-content-area{padding:24px}.bpl-content-area h2{color:#1f2937;font-size:20px;font-weight:600;margin:0;text-align:center}.bpl-content-area p{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.bpl-highlight-box{align-items:center;background:#f9fafb;border-left:4px solid #146ef5;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.bpl-highlight-icon{align-items:center;background:#146ef5;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.bpl-highlight-text{display:flex;flex-direction:column;gap:2px}.bpl-highlight-text strong{color:#1f2937;font-size:14px;font-weight:600}.bpl-highlight-text span{color:#6b7280;font-size:12px}.bpl-benefits{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.bpl-benefit{display:flex;gap:10px;margin-bottom:10px}.bpl-check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.bpl-benefit span:last-child{color:#374151;font-size:14px}.bpl-upgrade-btn{background:#146ef5;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;padding:14px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.bpl-upgrade-btn:focus{box-shadow:none;color:#fff;outline:none}.bpl-upgrade-btn:hover{box-shadow:0 0 0 3px rgba(58,122,219,.3);color:#fff;transform:translateY(-2px)}
.wp-block-bplvf-voice-feedback{display:flex;flex-direction:column}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-toggle{background-color:#25d366;border:none;bottom:40%;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:12px 8px;position:fixed;transform:rotate(180deg);transition:background .3s ease;writing-mode:vertical-rl;z-index:99999}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-toggle.delayed{animation:fadeIn .3s forwards;animation-delay:.3s;opacity:0}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-toggle:hover{background-color:#1da851}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-drawer{background:#fff;border-left:2px solid #25d366;border-top-left-radius:10px;border-top-right-radius:10px;bottom:40%;box-shadow:-2px 0 10px rgba(0,0,0,.15);max-width:100%;overflow:hidden;position:fixed;right:0;transform:translate(100%,50%);transition:transform .3s ease-in-out;width:380px;z-index:99999}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-drawer.open{transform:translateY(50%)!important}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-drawer .drawer-header{align-items:center;background:#25d366;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-drawer .drawer-header h3{font-size:18px;margin:0}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-drawer .drawer-header .drawer-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:0}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-drawer .drawer-header .drawer-close svg{font-size:20px}.wp-block-bplvf-voice-feedback .drawer-voice-feedback .voice-feedback-drawer .drawer-body{padding:16px}@supports(-webkit-hyphens:none) and (not (overflow:-webkit-marquee)){.wp-block-bplvf-voice-feedback .drawer-voice-feedback{right:20px!important}}.wp-block-bplvf-voice-feedback .body-voice-feedback{background-color:#f0fdf4;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;font-family:sans-serif;max-width:100%;padding:16px;width:-moz-fit-content;width:fit-content}.wp-block-bplvf-voice-feedback .body-voice-feedback.left{margin-left:0;margin-right:auto}.wp-block-bplvf-voice-feedback .body-voice-feedback.center{margin-left:auto;margin-right:auto}.wp-block-bplvf-voice-feedback .body-voice-feedback.right{margin-left:auto;margin-right:0}.wp-block-bplvf-voice-feedback .recording-mode-toggle{background-color:#f0f0f0;border-radius:25px;display:flex;margin:0 auto 20px;padding:4px}.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn{align-items:center;background-color:transparent;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1;gap:8px;justify-content:center;transition:all .3s ease}.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn:focus,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn:focus{outline:none}.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn h3,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn h3{font-size:20px;font-weight:400;margin:0}.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn span,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn span{align-items:center;border:none;display:inline-flex;justify-content:center;line-height:0}.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn span svg,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn span svg{align-items:center;color:#666;display:flex;font-size:20px;justify-content:center}.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn.active,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn.active{background-color:#4caf50;font-weight:700}.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn.active h3,.wp-block-bplvf-voice-feedback .recording-mode-toggle .audioBtn.active span svg,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn.active h3,.wp-block-bplvf-voice-feedback .recording-mode-toggle .screenBtn.active span svg{color:#fff}.wp-block-bplvf-voice-feedback .waveform-playback,.wp-block-bplvf-voice-feedback .waveform-record{margin-bottom:30px}.wp-block-bplvf-voice-feedback .feedback-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.wp-block-bplvf-voice-feedback .feedback-buttons button{background-color:#25d366;border:none;border-radius:30px;color:#fff;cursor:pointer;flex:1 1 45%;font-size:16px;padding:12px;transition:background .3s ease}.wp-block-bplvf-voice-feedback .feedback-buttons button:focus-visible{border:none;outline:none}.wp-block-bplvf-voice-feedback .feedback-buttons button:disabled{background-color:#aaa;cursor:not-allowed}.wp-block-bplvf-voice-feedback .feedback-buttons button:hover:not(:disabled){background-color:#1da851}.wp-block-bplvf-voice-feedback .feedback-buttons button:only-child{flex:1 1 100%}.wp-block-bplvf-voice-feedback .feedback-buttons .startBtn{align-items:center;display:flex;gap:10px;justify-content:center}.wp-block-bplvf-voice-feedback .feedback-buttons .startBtn h3{color:#fff;font-size:20px;font-weight:400;margin:0}.wp-block-bplvf-voice-feedback .feedback-buttons .startBtn svg{align-items:center;color:#fff;display:flex;font-size:20px;justify-content:center}@keyframes fadeIn{to{opacity:1}}
.range-control{margin-bottom:32px}.range-control .field-title{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:500;gap:8px;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.range-control .field-title .icon{font-size:25px}.range-control .range-wrapper .range-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.range-control .range-wrapper .range-header .field-label{color:#374151;font-size:14px;font-weight:500}.range-control .range-wrapper .range-header .value-display{align-items:baseline;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:2px;justify-content:center;min-width:60px;padding:6px 12px}.range-control .range-wrapper .range-header .value-display .range-value{color:#146ef5;font-size:16px;font-weight:600}.range-control .range-wrapper .range-header .value-display .unit{color:#6b7280;font-size:12px}.range-control .range-wrapper .range-container .range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:4px;cursor:pointer;height:10px;outline:none;width:100%}.range-control .range-wrapper .range-container .range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#146ef5;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.range-control .range-wrapper .range-container .range-slider::-webkit-slider-thumb:hover{background:#146ef5;transform:scale(1.1)}.range-control .range-wrapper .range-container .range-slider::-moz-range-thumb{background:#146ef5;border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.range-control .range-wrapper .range-container .range-slider::-moz-range-thumb:hover{background:#146ef5;transform:scale(1.1)}.range-control .range-wrapper .range-container .range-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(58,122,219,.3)}.range-control .range-wrapper .range-container .range-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(58,122,219,.3)}
.bplvf-field-header .bplvf-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.bplvf-field-header .bplvf-header .bplvf-header-icon svg{color:#146ef5;height:25px;width:25px}.bplvf-field-header .bplvf-header .bplvf-field-title{color:#22262e;font-size:15px;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}.bplvf-field-header .bplvf-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bplvf-field-header .bplvf-container .bplvf-header{margin-bottom:0}.bplvf-field-header .bplvf-container .bplvf-pro-badge{align-items:center;background-color:#f59e0b;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 10px;text-transform:uppercase}.bplvf-field-header .bplvf-container .bplvf-pro-badge .bplvf-pro-icon{align-items:center;display:flex}.bplvf-field-header .bplvf-container .bplvf-pro-badge .bplvf-pro-icon svg{height:14px;width:14px;fill:#fff}.bplvf-field-header .bplvf-container .bplvf-pro-badge .bplvf-pro-text{line-height:1}
.typography-field{margin-bottom:30px}.typography-field .typography-controls{display:flex;flex-direction:column;gap:16px}.typography-field .typography-controls .typography-row{display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.typography-field .typography-controls .typography-row .typography-group{display:flex;flex-direction:column}.typography-field .typography-controls .typography-row .typography-group .font-size-input-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.typography-field .typography-controls .typography-row .typography-group .font-size-input-wrapper{align-items:center;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;position:relative;transition:border-color .2s ease,background-color .2s ease}.typography-field .typography-controls .typography-row .typography-group .font-size-input-wrapper .font-size-input{background:transparent;border:none;box-sizing:border-box;font-size:14px;outline:none;padding:5px 12px;width:100%}.typography-field .typography-controls .typography-row .typography-group .font-size-input-wrapper .font-size-input:focus{border-color:#146ef5;box-shadow:0 0 0 3px rgba(58,122,219,.1);outline:none}.typography-field .typography-controls .typography-row .typography-group .font-size-input-wrapper .font-size-unit{background-color:#e9ecef;border:none!important;font-size:14px;outline:none;padding:5px 12px;position:absolute;right:0;transition:all .2s ease}.typography-field .typography-controls .typography-row .typography-group .font-size-input-wrapper .font-size-unit:focus{box-shadow:none}.typography-field .typography-controls .typography-row .typography-group .font-size-input-wrapper .font-size-unit:hover{background-color:#dee2e6}.typography-field .typography-controls .typography-row .typography-group .font-size-input::-webkit-inner-spin-button,.typography-field .typography-controls .typography-row .typography-group .font-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.typography-field .typography-controls .typography-row .typography-group .font-size-input[type=number]{-moz-appearance:textfield}.typography-field .typography-controls .typography-row .typography-group .field-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.typography-field .typography-controls .typography-row .typography-group .input-with-unit{align-items:center;display:flex;gap:8px}.typography-field .typography-controls .typography-row .typography-group .input-with-unit .unit-label{color:#6b7280;font-size:14px;min-width:20px}.typography-field .typography-controls .typography-row .typography-group .input-field,.typography-field .typography-controls .typography-row .typography-group .select-field{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:5px 12px;transition:all .2s ease;width:100%}.typography-field .typography-controls .typography-row .typography-group .input-field:focus,.typography-field .typography-controls .typography-row .typography-group .select-field:focus{border-color:#146ef5;box-shadow:0 0 0 3px rgba(58,122,219,.1);outline:none}.typography-field .typography-controls .typography-row .typography-group .input-field:hover,.typography-field .typography-controls .typography-row .typography-group .select-field:hover{border-color:#9ca3af}.typography-field .typography-controls .typography-row .letter-spacing-group .field-label{color:#374151;font-size:14px;font-weight:500}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper{align-items:center;display:flex;gap:8px;margin-top:8px}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper .range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:4px;cursor:pointer;height:8px;outline:none;width:80%}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#146ef5;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-webkit-slider-thumb:hover{background:#146ef5;transform:scale(1.1)}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-moz-range-thumb{background:#146ef5;border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-moz-range-thumb:hover{background:#146ef5;transform:scale(1.1)}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper .range-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(58,122,219,.3)}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper .range-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(58,122,219,.3)}.typography-field .typography-controls .typography-row .letter-spacing-group .letter-spacing-input-wrapper span{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#146ef5;font-size:12px;font-weight:600;padding:8px 15px;width:15%}
.bplvf-colors-field{margin-bottom:30px}.bplvf-colors-field .field-title{align-items:center;color:#374151;display:flex;font-size:18px;font-weight:500;gap:8px;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.bplvf-colors-field .field-title .icon svg{color:#8b5cf6;height:30px;width:30px}.bplvf-colors-field .bplvf-colors-group{align-items:center;display:flex;gap:20px;width:100%}.bplvf-colors-field .bplvf-colors-group .bplvf-bg-color,.bplvf-colors-field .bplvf-colors-group .bplvf-text-color{width:50%}
.bplvf-color-control.header{margin-bottom:30px}.bplvf-color-control .field-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.bplvf-color-control .color-input-group{display:flex;gap:8px}.bplvf-color-control .color-input-group span{display:none}.bplvf-color-control .color-input-group .color-picker-preview{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.bplvf-color-control .color-input-group .color-text-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;font-size:14px;padding:5px 12px;transition:all .2s ease;width:100%}.bplvf-color-control .color-input-group .color-text-input:focus{border-color:#146ef5;box-shadow:0 0 0 3px rgba(58,122,219,.1);outline:none}.bplvf-color-control .color-input-group .color-text-input:hover{border-color:#9ca3af}
.bpl-boxControl__container{margin-bottom:30px}.bpl-boxControl__container .bpl-boxControl__cross-layout{display:flex;justify-content:center}.bpl-boxControl__container .bpl-boxControl__cross-layout .bpl-boxControl__cross-grid{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;max-width:350px}.bpl-boxControl__container .bpl-boxControl__cross-layout .bpl-boxControl__cross-grid .bpl-boxControl__input-group{align-items:center;display:flex;flex-direction:column}.bpl-boxControl__container .bpl-boxControl__cross-layout .bpl-boxControl__cross-grid .bpl-boxControl__input-group label{color:#6b7280;font-size:14px;font-weight:600;margin-bottom:6px}.bpl-boxControl__container .bpl-boxControl__cross-layout .bpl-boxControl__cross-grid .bpl-boxControl__input-group .bpl-boxControl__padding-input{border:2px solid #d1d5db;border-radius:8px;font-size:1rem;text-align:center;transition:border-color .3s ease;width:60px}.bpl-boxControl__container .bpl-boxControl__cross-layout .bpl-boxControl__cross-grid .bpl-boxControl__input-group .bpl-boxControl__padding-input:focus{border-color:#146ef5;box-shadow:0 0 0 3px rgba(139,92,246,.1);outline:none}.bpl-boxControl__container .bpl-boxControl__cross-layout .bpl-boxControl__cross-grid .bpl-boxControl__center-icon{align-items:center;display:flex;justify-content:center;margin-top:10px}.bpl-boxControl__container .bpl-boxControl__cross-layout .bpl-boxControl__cross-grid .bpl-boxControl__center-icon .bpl-boxControl__padding-icon{align-items:center;background:#146ef5;border:1px solid #146ef5;border-radius:8px;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:45px;justify-content:center;letter-spacing:1px;width:80px}
.text-field{margin-bottom:25px}.text-field .field-label{color:#374151;display:block;font-size:18px;font-weight:500;margin-bottom:15px}.text-field .input-field{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:5px 12px;transition:all .2s ease;width:100%}.text-field .input-field:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1);outline:none}.text-field .input-field:hover{border-color:#9ca3af}.text-field .field-help{color:#6b7280;font-size:12px;margin:4px 0 0}
.positioning-field{margin-bottom:30px}.positioning-field .positioning-wrapper{opacity:1}.positioning-field .positioning-wrapper .field-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:16px}.positioning-field .positioning-wrapper .position-options{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.positioning-field .positioning-wrapper .position-options .position-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:3px 10px;position:relative;transition:all .2s ease}.positioning-field .positioning-wrapper .position-options .position-option:hover{background:#faf5ff;border-color:#146ef5;box-shadow:0 4px 12px rgba(139,92,246,.15);transform:translateY(-2px)}.positioning-field .positioning-wrapper .position-options .position-option:hover .option-icon{transform:scale(1.1)}.positioning-field .positioning-wrapper .position-options .position-option.active{background:#146ef5;border-color:#146ef5;box-shadow:0 4px 12px rgba(139,92,246,.3);color:#fff}.positioning-field .positioning-wrapper .position-options .position-option .option-content{align-items:center;display:flex;gap:6px}.positioning-field .positioning-wrapper .position-options .position-option .option-content .option-icon{font-size:20px;transition:transform .2s ease}.positioning-field .positioning-wrapper .position-options .position-option .option-content .option-label{font-size:14px;font-weight:500;text-align:center}
.toggle-control-field{margin-bottom:30px}.toggle-control-field .bplvf-header .bplvf-header-icon svg{color:#146ef5;height:28px;width:28px}.toggle-control-field .field-wrapper{display:flex;justify-content:space-between}.toggle-control-field .field-wrapper .toggle-description p{font-size:15px;font-weight:500;margin:0}.toggle-control-field .field-wrapper .toggle-field{cursor:pointer;display:inline-block;height:25px;position:relative;width:52px}.toggle-control-field .field-wrapper .toggle-field input{height:0;opacity:0;width:0}.toggle-control-field .field-wrapper .toggle-field input:checked+.toggle-slider{background-color:#146ef5}.toggle-control-field .field-wrapper .toggle-field input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-control-field .field-wrapper .toggle-field input:checked:hover+.toggle-slider{background-color:#146ef5}.toggle-control-field .field-wrapper .toggle-field .toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;left:0;position:absolute;right:0;top:0;transition:background-color .4s}.toggle-control-field .field-wrapper .toggle-field .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:transform .4s ease,background-color .2s ease;width:20px}.toggle-control-field .field-wrapper .toggle-field:hover .toggle-slider{background-color:#bfbfbf}
.icon-picker-field{margin-bottom:25px}.icon-picker-field .icon-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));margin-top:10px}.icon-picker-field .icon-grid .icon-btn{align-items:center;background:#f8f9fb;border:2px solid transparent;border-radius:10px;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.icon-picker-field .icon-grid .icon-btn svg{color:#333;height:22px;transition:transform .2s ease,color .2s ease;width:22px}.icon-picker-field .icon-grid .icon-btn:hover{background:#eef2f7}.icon-picker-field .icon-grid .icon-btn:hover svg{color:#146ef5;transform:scale(1.15)}.icon-picker-field .icon-grid .icon-btn.selected{background:#eaf2ff;border-color:#146ef5}.icon-picker-field .icon-grid .icon-btn.selected svg{color:#146ef5}
