.range-control{margin-bottom:30px}.range-control .range-wrapper .range-input{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:5px}.range-control .range-wrapper .range-input .range-container{width:100%}.range-control .range-wrapper .range-input .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-input .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-input .range-container .range-slider::-webkit-slider-thumb:hover{background:#146ef5;transform:scale(1.1)}.range-control .range-wrapper .range-input .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-input .range-container .range-slider::-moz-range-thumb:hover{background:#146ef5;transform:scale(1.1)}.range-control .range-wrapper .range-input .range-container .range-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(58,122,219,.3)}.range-control .range-wrapper .range-input .range-container .range-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(58,122,219,.3)}.range-control .range-wrapper .range-input .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-input .value-display .range-value{color:#146ef5;font-size:16px;font-weight:600}.range-control .range-wrapper .range-input .value-display .unit{color:#6b7280;font-size:12px}.range-control .range-wrapper .help-text{color:#374151;font-size:13px;font-style:italic;font-weight:500}
.bplvf-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.bplvf-header .bplvf-header-icon{display:flex}.bplvf-header .bplvf-header-icon svg{color:#146ef5;height:20px;width:20px}.bplvf-header .bplvf-field-title{color:#22262e;font-size:15px;font-weight:600;letter-spacing:.05em;margin:0;text-transform:capitalize}.bplvf-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.bplvf-container .bplvf-header{margin-bottom:0}.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-container .bplvf-pro-badge .bplvf-pro-icon{align-items:center;display:flex}.bplvf-container .bplvf-pro-badge .bplvf-pro-icon svg{height:14px;width:14px;fill:#fff}.bplvf-container .bplvf-pro-badge .bplvf-pro-text{line-height:1}
.typography-field{margin-bottom:24px;position:relative}.typography-field .typography-field-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.typography-field .typography-field-header-row .bplvf-container{margin-bottom:0}.typography-field .typography-header-actions{align-items:center;display:flex;gap:8px}.typography-field .typography-header-actions .typography-preview-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:12px;font-weight:500;max-width:140px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.typography-field .typography-header-actions .typography-edit-btn{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:0;color:#475569;cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.typography-field .typography-header-actions .typography-edit-btn.active,.typography-field .typography-header-actions .typography-edit-btn:hover{background:#146ef5;border-color:#146ef5;color:#fff}.typography-field .typography-controls-popover{background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-sizing:border-box;padding:16px;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:1000}.typography-field .typography-controls-popover .popover-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.typography-field .typography-controls-popover .popover-header h4{color:#0f172a;font-size:13px;font-weight:600;margin:0}.typography-field .typography-controls-popover .popover-header .popover-close-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.typography-field .typography-controls-popover .popover-header .popover-close-btn:hover{background:#f1f5f9;color:#0f172a}.typography-field .typography-controls{display:flex;flex-direction:column;gap:16px}.typography-field .typography-controls .typography-row-one-col,.typography-field .typography-controls .typography-row-two-col{display:flex;gap:12px}.typography-field .typography-controls .typography-row-one-col .typography-group,.typography-field .typography-controls .typography-row-two-col .typography-group{display:flex;flex-direction:column;min-width:0}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices{min-width:0}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-bottom:8px}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .font-size-input-label,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .font-size-input-label{color:#475569;font-size:14px;font-weight:500}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .device-selector,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .device-selector{align-items:center;display:flex;gap:4px}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:0;cursor:pointer;display:inline-flex;justify-content:center;padding:4px 6px;transition:all .2s ease}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn svg,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn svg{color:#64748b;height:13px;width:13px}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn:hover,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn:hover{background:#e2e8f0}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn:hover svg,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn:hover svg{color:#0f172a}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn.active,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn.active{background:#146ef5;border-color:#146ef5}.typography-field .typography-controls .typography-row-one-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn.active svg,.typography-field .typography-controls .typography-row-two-col .typography-group.font-size-with-devices .font-size-label-row .device-selector .device-btn.active svg{color:#fff}.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input-wrapper,.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input-wrapper{align-items:center;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;display:flex;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input-wrapper:focus-within,.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input-wrapper:focus-within{background-color:#fff;border-color:#146ef5;box-shadow:0 0 0 1px #146ef5}.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input-wrapper .font-size-input,.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input-wrapper .font-size-input{background:transparent;border:none;box-sizing:border-box;color:#0f172a;font-size:14px;outline:none;padding:6px 60px 6px 12px;width:100%}.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input-wrapper .font-size-unit,.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input-wrapper .font-size-unit{background-color:#f1f5f9;border:none!important;border-left:1px solid #cbd5e1!important;border-radius:0 5px 5px 0;bottom:0;color:#475569;cursor:pointer;font-size:13px;outline:none;padding:0 4px;position:absolute;right:0;top:0;transition:all .2s ease;width:52px}.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input-wrapper .font-size-unit:hover,.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input-wrapper .font-size-unit:hover{background-color:#e2e8f0;color:#0f172a}.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input::-webkit-inner-spin-button,.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input::-webkit-outer-spin-button,.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input::-webkit-inner-spin-button,.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.typography-field .typography-controls .typography-row-one-col .typography-group .font-size-input[type=number],.typography-field .typography-controls .typography-row-two-col .typography-group .font-size-input[type=number]{-moz-appearance:textfield}.typography-field .typography-controls .typography-row-one-col .typography-group .field-label,.typography-field .typography-controls .typography-row-two-col .typography-group .field-label{color:#475569;font-size:14px;font-weight:500;margin-bottom:8px}.typography-field .typography-controls .typography-row-one-col .typography-group .input-field,.typography-field .typography-controls .typography-row-one-col .typography-group .select-field,.typography-field .typography-controls .typography-row-two-col .typography-group .input-field,.typography-field .typography-controls .typography-row-two-col .typography-group .select-field{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#0f172a;font-size:14px;padding:0 12px;transition:all .2s ease;width:100%}.typography-field .typography-controls .typography-row-one-col .typography-group .input-field:focus,.typography-field .typography-controls .typography-row-one-col .typography-group .select-field:focus,.typography-field .typography-controls .typography-row-two-col .typography-group .input-field:focus,.typography-field .typography-controls .typography-row-two-col .typography-group .select-field:focus{background-color:#fff;border-color:#146ef5;box-shadow:0 0 0 1px #146ef5;outline:none}.typography-field .typography-controls .typography-row-one-col .typography-group .input-field:hover,.typography-field .typography-controls .typography-row-one-col .typography-group .select-field:hover,.typography-field .typography-controls .typography-row-two-col .typography-group .input-field:hover,.typography-field .typography-controls .typography-row-two-col .typography-group .select-field:hover{border-color:#94a3b8}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group{display:flex;flex:1 1 240px;flex-direction:column;min-width:200px}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .field-label,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .field-label{color:#475569;font-size:14px;font-weight:500}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper{align-items:center;display:flex;gap:12px;margin-top:8px}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;cursor:pointer;flex:1;height:6px;outline:none}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-webkit-slider-thumb,.typography-field .typography-controls .typography-row-two-col .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:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-webkit-slider-thumb:hover,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-webkit-slider-thumb:hover{background:#0256d6;transform:scale(1.1)}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-moz-range-thumb,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-moz-range-thumb{background:#146ef5;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-moz-range-thumb:hover,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider::-moz-range-thumb:hover{background:#0256d6;transform:scale(1.1)}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider:focus::-webkit-slider-thumb,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(20,110,245,.2)}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider:focus::-moz-range-thumb,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper .range-slider:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(20,110,245,.2)}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group .letter-spacing-input-wrapper .range-value,.typography-field .typography-controls .typography-row-two-col .letter-spacing-group .letter-spacing-input-wrapper .range-value{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#146ef5;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-width:54px;padding:6px 10px;text-align:center}.typography-field .typography-controls .typography-row-two-col .typography-group{flex:1 1 calc(50% - 6px)}.typography-field .typography-controls .typography-row-one-col .letter-spacing-group,.typography-field .typography-controls .typography-row-one-col .typography-group{flex:1 1 100%;width:100%}
.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}
