:root{--bcg-primary:#6366f1;--bcg-primary-hover:#4f46e5;--bcg-primary-rgb:99, 102, 241;--bcg-text:#1e293b;--bcg-text-muted:#64748b;--bcg-bg:#fff;--bcg-bg-secondary:#f8fafc;--bcg-border:#e2e8f0;--bcg-border-hover:#cbd5e1;--bcg-shadow:0 1px 3px #00000014;--bcg-shadow-md:0 4px 12px #0000001a;--bcg-shadow-lg:0 8px 24px #0000001f;--bcg-radius:10px;--bcg-radius-lg:14px;--bcg-radius-full:9999px}._bcg-container{gap:var(--main-space-8);grid-template-columns:1fr 1fr;align-items:start;max-width:960px;margin:0 auto;display:grid}._bcg-column{gap:var(--main-space-6);flex-direction:column;display:flex}@media (max-width:768px){._bcg-container{grid-template-columns:1fr;padding-left:1rem;padding-right:1rem}}._bcg-form-card{background:var(--bcg-bg);border-radius:var(--bcg-radius-lg);border-style:solid;border-width:1px;border-color:var(--bcg-border);box-shadow:var(--bcg-shadow);overflow:hidden}._bcg-form-body{padding:var(--main-space-4) var(--main-space-5)}._bcg-form-fields{gap:var(--main-space-4);flex-direction:column;display:flex}._bcg-field-group{gap:var(--main-space-2);flex-direction:column;display:flex}._bcg-field-row{gap:var(--main-space-4);display:flex}._bcg-field-row-inline{align-items:flex-end}._bcg-field-half{flex:1;min-width:0}._bcg-field-label{font-size:var(--main-text-xs);color:var(--bcg-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}._bcg-input{width:100%;padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1.5px;border-color:var(--bcg-border);border-radius:var(--bcg-radius);background:var(--bcg-bg-secondary);color:var(--bcg-text);font-size:var(--main-text-sm);font-family:var(--main-font-mono);transition:border-color var(--main-transition-fast), box-shadow var(--main-transition-fast);box-sizing:border-box}._bcg-input:focus{border-color:var(--bcg-primary);box-shadow:0 0 0 3px rgba(var(--bcg-primary-rgb), .12);outline:none}._bcg-input::placeholder{color:var(--bcg-text-muted);opacity:.7}._bcg-select{width:100%;padding:var(--main-space-2) var(--main-space-3);background:var(--bcg-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--bcg-border);border-radius:var(--bcg-radius);color:var(--bcg-text);font-size:var(--main-text-sm);cursor:pointer;-webkit-appearance:auto;appearance:auto;transition:border-color var(--main-transition-fast);box-sizing:border-box;outline:none;font-family:inherit}._bcg-select:focus{border-color:var(--bcg-primary)}._bcg-select-sm{padding:var(--main-space-1) var(--main-space-2)}._bcg-checkbox-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--bcg-text);cursor:pointer;padding:var(--main-space-2) 0;display:inline-flex}._bcg-checkbox{width:16px;height:16px;accent-color:var(--bcg-primary);cursor:pointer}._bcg-format-hint{font-size:var(--main-text-xs);color:var(--bcg-text-muted);margin:0;line-height:1.5}._bcg-validation-msg{font-size:var(--main-text-xs);min-height:1em;margin:0;line-height:1.5}._bcg-validation-msg._bcg-error{color:var(--main-error)}._bcg-validation-msg._bcg-success{color:var(--main-success)}@media (max-width:480px){._bcg-field-row{gap:var(--main-space-3);flex-direction:column}}._bcg-customize-section{overflow:hidden}._bcg-customize-toggle{width:100%;padding:var(--main-space-3) var(--main-space-5);cursor:pointer;color:var(--bcg-text-muted);font-size:var(--main-text-sm);transition:color var(--main-transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;font-weight:600;display:flex}._bcg-customize-toggle:hover{color:var(--bcg-primary)}._bcg-customize-toggle-text{align-items:center;gap:.4rem;display:inline-flex}._bcg-customize-toggle-text svg{opacity:.7}._bcg-customize-toggle:hover ._bcg-customize-toggle-text svg{opacity:1}._bcg-customize-toggle-icon{color:inherit;transition:transform var(--main-transition-fast);align-items:center;display:flex}._bcg-customize-panel{padding:0 var(--main-space-5) var(--main-space-4);gap:var(--main-space-4);flex-direction:column;display:none}._bcg-customize-panel._bcg-panel-open{display:flex}._bcg-presets{flex-wrap:wrap;gap:6px;display:flex}._bcg-preset-btn{background:var(--bcg-bg);border-style:solid;border-width:2px;border-color:var(--bcg-border);cursor:pointer;width:34px;height:34px;transition:border-color var(--main-transition-fast), box-shadow var(--main-transition-fast);border-radius:8px;justify-content:center;align-items:center;padding:3px;display:flex}._bcg-preset-btn:hover{border-color:var(--bcg-border-hover);box-shadow:var(--bcg-shadow)}._bcg-preset-btn._bcg-preset-active{border-color:var(--bcg-primary);box-shadow:0 0 0 2px rgba(var(--bcg-primary-rgb), .15)}._bcg-preset-preview{border-style:solid;border-width:1px;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}._bcg-preset-preview span{border-radius:2px;width:12px;height:12px}._bcg-color-input-wrap{align-items:center;gap:var(--main-space-2);background:var(--bcg-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--bcg-border);border-radius:var(--bcg-radius);padding:var(--main-space-1) var(--main-space-2);transition:border-color var(--main-transition-fast);display:flex}._bcg-color-input-wrap:focus-within{border-color:var(--bcg-primary)}._bcg-color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}._bcg-color-input::-webkit-color-swatch-wrapper{padding:0}._bcg-color-input::-webkit-color-swatch{border:none;border-radius:6px}._bcg-color-input::-moz-color-swatch{border:none;border-radius:6px}._bcg-color-text{width:100%;font-size:var(--main-text-sm);font-family:var(--main-font-mono);color:var(--bcg-text);padding:var(--main-space-1) 0;background:0 0;border:none;outline:none}._bcg-toggle-options{gap:var(--main-space-1);background:var(--bcg-bg-secondary);border-radius:var(--bcg-radius);padding:3px;display:flex}._bcg-toggle-btn{padding:var(--main-space-1) var(--main-space-3);cursor:pointer;font-size:var(--main-text-xs);color:var(--bcg-text-muted);text-align:center;transition:background var(--main-transition-fast), color var(--main-transition-fast), box-shadow var(--main-transition-fast);background:0 0;border:none;border-radius:7px;flex:1;font-family:inherit;font-weight:600}._bcg-toggle-btn:hover{color:var(--bcg-text)}._bcg-toggle-btn._bcg-toggle-active{background:var(--bcg-bg);color:var(--bcg-primary);box-shadow:0 1px 3px #00000014}._bcg-slider-row{align-items:center;gap:var(--main-space-3);display:flex}._bcg-range{-webkit-appearance:none;appearance:none;background:var(--bcg-border);border-radius:var(--bcg-radius-full);outline:none;flex:1;height:4px}._bcg-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--bcg-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--bcg-primary-rgb), .3);border-radius:50%}._bcg-range::-moz-range-thumb{background:var(--bcg-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--bcg-primary-rgb), .3);border:none;border-radius:50%}._bcg-slider-value{font-size:var(--main-text-sm);color:var(--bcg-text);text-align:center;min-width:28px;font-weight:600}._bcg-preview-card{background:var(--bcg-bg);border-radius:var(--bcg-radius-lg);border-style:solid;border-width:1px;border-color:var(--bcg-border);box-shadow:var(--bcg-shadow);overflow:hidden}._bcg-preview-area{padding:var(--main-space-8);background:radial-gradient(circle at 50% 50%, rgba(var(--bcg-primary-rgb), .03) 0%, transparent 70%);justify-content:center;align-items:center;min-height:260px;display:flex}._bcg-preview-area svg{border-radius:var(--bcg-radius);max-width:100%;height:auto;box-shadow:var(--bcg-shadow-md);display:block}._bcg-preview-error{align-items:center;gap:var(--main-space-2);color:var(--bcg-text-muted);font-size:var(--main-text-sm);text-align:center;padding:var(--main-space-4);flex-direction:column;display:flex}._bcg-preview-error svg{box-shadow:none}._bcg-download-section{padding:var(--main-space-5);border-top-style:solid;border-top-width:1px;border-top-color:var(--bcg-border);gap:var(--main-space-4);flex-direction:column;display:flex}._bcg-download-options{gap:var(--main-space-4);display:flex}._bcg-download-options ._bcg-field-group{flex:1;min-width:0}._bcg-format-options{gap:var(--main-space-1);background:var(--bcg-bg-secondary);border-radius:var(--bcg-radius);padding:3px;display:flex}._bcg-format-btn{padding:var(--main-space-1) var(--main-space-2);cursor:pointer;font-size:var(--main-text-xs);color:var(--bcg-text-muted);text-align:center;transition:background var(--main-transition-fast), color var(--main-transition-fast), box-shadow var(--main-transition-fast);background:0 0;border:none;border-radius:7px;flex:1;font-family:inherit;font-weight:600}._bcg-format-btn:hover{color:var(--bcg-text)}._bcg-format-btn._bcg-format-active{background:var(--bcg-bg);color:var(--bcg-primary);box-shadow:0 1px 3px #00000014}._bcg-download-actions{gap:var(--main-space-3);display:flex}._bcg-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-5);border-radius:var(--bcg-radius);font-size:var(--main-text-sm);cursor:pointer;transition:opacity var(--main-transition-fast), box-shadow var(--main-transition-fast);white-space:nowrap;border:none;font-family:inherit;font-weight:600;display:inline-flex}._bcg-btn:hover{opacity:.9}._bcg-btn:disabled{opacity:.5;cursor:not-allowed}._bcg-btn-primary{background:var(--bcg-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--bcg-primary-rgb), .25);flex:1}._bcg-btn-primary:hover{box-shadow:0 4px 12px rgba(var(--bcg-primary-rgb), .3)}._bcg-btn-secondary{background:var(--bcg-bg-secondary);color:var(--bcg-text);border-style:solid;border-width:1px;border-color:var(--bcg-border)}._bcg-btn-secondary:hover{border-color:var(--bcg-border-hover)}._bcg-btn-success{color:var(--main-success)}@media (max-width:480px){._bcg-preview-area{padding:var(--main-space-5);min-height:200px}._bcg-download-options{gap:var(--main-space-3);flex-direction:column}._bcg-download-actions{flex-direction:column}}