.bgp-wrap{--bgp-primary:#3452ff;--bgp-primary-600:#2347d6;--bgp-primary-50:#eef2ff;--bgp-primary-100:#e0e7ff;--bgp-ink:#10131a;--bgp-gray-25:#fcfcfd;--bgp-gray-50:#f8fafc;--bgp-gray-100:#f1f5f9;--bgp-gray-200:#e4e8ee;--bgp-gray-300:#d3d9e1;--bgp-gray-400:#a6afbc;--bgp-gray-500:#737e8f;--bgp-gray-600:#545e6e;--bgp-gray-700:#3a4250;--bgp-gray-900:#14171d;--bgp-success:#0f9d58;--bgp-danger:#d93025;--bgp-radius-lg:16px;--bgp-radius:10px;--bgp-radius-sm:8px;--bgp-gap:22px;--bgp-shadow-xs:0 1px 2px rgba(16, 19, 26, 0.05);--bgp-shadow-sm:0 1px 2px rgba(16, 19, 26, 0.04), 0 4px 10px -4px rgba(16, 19, 26, 0.08);--bgp-shadow-md:0 6px 20px -6px rgba(16, 19, 26, 0.14);--bgp-shadow-focus:0 0 0 4px var(--bgp-primary-100);all:initial;display:block;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.55;color:var(--bgp-gray-900);background:transparent;max-width:100%;-webkit-font-smoothing:antialiased}.bgp-wrap *,.bgp-wrap *::before,.bgp-wrap *::after{box-sizing:border-box;font-family:inherit;line-height:inherit}:where(.bgp-wrap) :where(p,h3,h4,span,label,div,section,button,svg){display:revert;margin:0;padding:0;color:inherit;text-align:left;background:none;border:0}.bgp-wrap [hidden]{display:none!important}.bgp-wrap svg{display:block}.bgp-title{font-size:1.2em;font-weight:650;letter-spacing:-.01em;margin-bottom:18px;color:var(--bgp-ink)}.bgp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--bgp-gap);align-items:stretch}@media (max-width:780px){.bgp-grid{grid-template-columns:1fr}}.bgp-panel{background:#fff;border:1px solid var(--bgp-gray-200);border-radius:var(--bgp-radius-lg);padding:26px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--bgp-shadow-sm)}.bgp-panel__heading{display:flex;align-items:center;gap:8px;font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bgp-gray-500);padding-bottom:14px;border-bottom:1px solid var(--bgp-gray-200)}.bgp-field{display:flex;flex-direction:column;gap:8px;min-width:0}.bgp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bgp-field-row--single{grid-template-columns:1fr}@media (max-width:480px){.bgp-field-row{grid-template-columns:1fr}}.bgp-label{font-size:.83em;font-weight:600;color:var(--bgp-gray-700);display:flex;align-items:center;justify-content:space-between;gap:8px}.bgp-select,.bgp-textarea{width:100%;appearance:none;-webkit-appearance:none;background-color:#fff;border:1.5px solid var(--bgp-gray-300);border-radius:var(--bgp-radius-sm);padding:11px 14px;font-size:.95em;color:var(--bgp-gray-900);box-shadow:var(--bgp-shadow-xs);transition:border-color 0.15s ease,box-shadow 0.15s ease;resize:vertical}.bgp-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23737e8f' d='M5.5 7.5l4.5 4.5 4.5-4.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px;cursor:pointer;font-weight:500}.bgp-select:hover,.bgp-textarea:hover{border-color:var(--bgp-gray-400)}.bgp-textarea{min-height:52px;font-family:inherit}.bgp-textarea::placeholder{color:var(--bgp-gray-400)}.bgp-select:focus,.bgp-textarea:focus{outline:none;border-color:var(--bgp-primary);box-shadow:var(--bgp-shadow-focus)}.bgp-hint{font-size:.8em;color:var(--bgp-gray-500)}.bgp-error{display:flex;align-items:flex-start;gap:6px;font-size:.82em;color:var(--bgp-danger);font-weight:600;background:#fdecea;border:1px solid #f6c7c2;border-radius:var(--bgp-radius-sm);padding:9px 12px}.bgp-error::before{content:"!";display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--bgp-danger);color:#fff;font-size:.75em;line-height:1;margin-top:1px}.bgp-color-input{display:flex;align-items:center;gap:10px;border:1.5px solid var(--bgp-gray-300);border-radius:var(--bgp-radius-sm);background:#fff;box-shadow:var(--bgp-shadow-xs);padding:7px 12px 7px 7px;transition:border-color 0.15s ease,box-shadow 0.15s ease}.bgp-color-input:hover{border-color:var(--bgp-gray-400)}.bgp-color-input:focus-within{border-color:var(--bgp-primary);box-shadow:var(--bgp-shadow-focus)}.bgp-color-input__swatch{position:relative;width:34px;height:34px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--bgp-gray-200);box-shadow:inset 0 0 0 2px #fff;background:linear-gradient(45deg,#e4e8ee 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(-45deg,#e4e8ee 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(45deg,transparent 75%,#e4e8ee 75%) -6px 0/12px 12px,linear-gradient(-45deg,transparent 75%,#e4e8ee 75%) -6px 0/12px 12px}.bgp-color-input__swatch input[type="color"]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none}.bgp-color-input__swatch input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.bgp-color-input__swatch input[type="color"]::-webkit-color-swatch{border:none}.bgp-color-input__swatch input[type="color"]::-moz-color-swatch{border:none}.bgp-color-input__hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em;font-weight:600;letter-spacing:.02em;color:var(--bgp-gray-600)}.bgp-range-value{font-weight:700;color:var(--bgp-primary);font-size:.9em;background:var(--bgp-primary-50);border-radius:999px;padding:1px 9px}.bgp-range{appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,var(--bgp-primary) 0%,var(--bgp-primary) var(--bgp-fill,30%),var(--bgp-gray-200) var(--bgp-fill,30%),var(--bgp-gray-200) 100%);cursor:pointer;margin:8px 0 4px}.bgp-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2.5px solid var(--bgp-primary);box-shadow:var(--bgp-shadow-sm);cursor:pointer;margin-top:-7px;transition:transform 0.1s ease}.bgp-range::-webkit-slider-thumb:hover{transform:scale(1.08)}.bgp-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid var(--bgp-primary);box-shadow:var(--bgp-shadow-sm);cursor:pointer}.bgp-range::-moz-range-track{height:6px;border-radius:999px;background:var(--bgp-gray-200)}.bgp-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--bgp-primary)}.bgp-range:focus-visible{outline:none}.bgp-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--bgp-shadow-focus)}.bgp-switch{display:inline-flex;align-items:center;gap:11px;cursor:pointer;user-select:none}.bgp-switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bgp-switch__track{position:relative;width:42px;height:24px;background:var(--bgp-gray-300);border-radius:999px;transition:background-color 0.15s ease;flex-shrink:0;box-shadow:inset 0 1px 2px rgba(16,19,26,.12)}.bgp-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,19,26,.3);transition:transform 0.18s cubic-bezier(.34,1.4,.64,1)}.bgp-switch input:checked+.bgp-switch__track{background:var(--bgp-primary)}.bgp-switch input:checked+.bgp-switch__track .bgp-switch__thumb{transform:translateX(18px)}.bgp-switch input:focus-visible+.bgp-switch__track{box-shadow:inset 0 1px 2px rgba(16,19,26,.12),var(--bgp-shadow-focus)}.bgp-switch__label{font-size:.9em;font-weight:600;color:var(--bgp-gray-700)}.bgp-preview{position:relative;background:var(--bgp-gray-25);background-image:radial-gradient(var(--bgp-gray-300) 1px,transparent 1px);background-size:16px 16px;background-position:-7px -7px;border:1px solid var(--bgp-gray-200);border-radius:var(--bgp-radius);box-shadow:inset 0 1px 3px rgba(16,19,26,.05);padding:24px;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:auto;flex:1 1 auto}.bgp-preview__canvas{max-width:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--bgp-radius-sm);box-shadow:var(--bgp-shadow-md);padding:18px 22px}.bgp-preview__canvas:empty{display:none}.bgp-preview__canvas svg{max-width:100%;height:auto;display:block}.bgp-actions{display:flex;flex-wrap:wrap;gap:10px}.bgp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--bgp-radius-sm);font-size:.9em;font-weight:650;cursor:pointer;border:1.5px solid transparent;transition:background-color 0.15s ease,border-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease,transform 0.05s ease;flex:1 1 auto;white-space:nowrap}.bgp-btn__icon{flex-shrink:0}.bgp-btn--primary{background:var(--bgp-primary);color:#fff;box-shadow:var(--bgp-shadow-sm)}.bgp-btn--primary:hover:not(:disabled){background:var(--bgp-primary-600);box-shadow:var(--bgp-shadow-md)}.bgp-btn--primary:active:not(:disabled){transform:translateY(1px)}.bgp-btn--secondary{background:#fff;color:var(--bgp-gray-700);border-color:var(--bgp-gray-300);box-shadow:var(--bgp-shadow-xs)}.bgp-btn--secondary:hover:not(:disabled){background:var(--bgp-gray-50);border-color:var(--bgp-gray-400);color:var(--bgp-ink)}.bgp-btn--secondary:active:not(:disabled){transform:translateY(1px)}.bgp-btn:focus-visible{outline:none;box-shadow:var(--bgp-shadow-focus)}.bgp-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.bgp-status{display:flex;align-items:center;gap:6px;font-size:.8em;color:var(--bgp-gray-500);min-height:1.2em}.bgp-status--success{color:var(--bgp-success);font-weight:600}.bgp-status--success::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bgp-success);flex-shrink:0}@media (max-width:480px){.bgp-panel{padding:18px;border-radius:var(--bgp-radius)}.bgp-actions{flex-direction:column}.bgp-btn{width:100%}.bgp-preview{padding:16px;min-height:160px}.bgp-preview__canvas{padding:12px 14px}}