:root{--bcd-primary:#2563eb;--bcd-primary-hover:#1d4ed8;--bcd-text:#1e293b;--bcd-text-muted:#64748b;--bcd-bg:#fff;--bcd-bg-hover:#f8fafc;--bcd-border:#e2e8f0;--bcd-border-hover:#cbd5e1;--bcd-radius:var(--main-radius);--bcd-radius-lg:var(--main-radius-lg);--bcd-shadow:0 1px 3px #00000014;--bcd-shadow-lg:0 4px 16px #0000001f}._bcd-container{gap:var(--main-space-5);flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}._bcd-editor{gap:var(--main-space-6);grid-template-columns:320px 1fr;align-items:start;display:grid}@media (max-width:900px){._bcd-editor{gap:var(--main-space-4);grid-template-columns:1fr}._bcd-preview-area{order:-1}._bcd-container{gap:var(--main-space-4)}}@media (max-width:768px){._bcd-container{padding-left:var(--main-space-3);padding-right:var(--main-space-3)}}@media (max-width:480px){._bcd-container{padding-left:var(--main-space-2);padding-right:var(--main-space-2);gap:var(--main-space-3)}}._bcd-templates{background:var(--bcd-bg);border-radius:var(--bcd-radius-lg);padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--bcd-border);box-shadow:var(--bcd-shadow)}._bcd-templates-list{gap:var(--main-space-2) var(--main-space-3);flex-wrap:wrap;display:flex}._bcd-template-btn{align-items:center;gap:var(--main-space-1);padding:var(--main-space-2);border-radius:var(--bcd-radius);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;flex-shrink:0;transition:border-color .2s;display:flex}._bcd-template-btn:hover{border-color:var(--bcd-border-hover)}._bcd-template-btn.active{border-color:var(--bcd-primary)}._bcd-template-preview{border-style:solid;border-width:1px;border-color:var(--bcd-border);border-radius:4px;width:72px;height:42px}._bcd-template-name{font-size:var(--main-text-xs);color:var(--bcd-text-muted);font-weight:500}._bcd-template-btn.active ._bcd-template-name{color:var(--bcd-primary)}._bcd-tpl-modern-preview{background:linear-gradient(90deg,#2563eb 12%,#fff 12%)}._bcd-tpl-classic-preview{background:#fff;position:relative}._bcd-tpl-classic-preview:after{content:"";background:#2563eb;height:2px;position:absolute;top:50%;left:25%;right:25%}._bcd-tpl-minimal-preview{background:#fff;border-bottom:3px solid #2563eb}._bcd-tpl-bold-preview{background:linear-gradient(90deg,#2563eb 45%,#fff 45%)}._bcd-tpl-elegant-preview{background:#fff;position:relative}._bcd-tpl-elegant-preview:after{content:"";background:#2563eb;width:2px;position:absolute;top:15%;bottom:15%;left:30%}._bcd-tpl-gradient-preview{background:linear-gradient(135deg,#2563eb,#7c3aed)}._bcd-tpl-corner-preview{background:#fff;position:relative;overflow:hidden}._bcd-tpl-corner-preview:after{content:"";background:#2563eb;border-radius:0 0 0 100%;width:28px;height:28px;position:absolute;top:-10px;right:-10px}._bcd-tpl-stripe-preview{background:repeating-linear-gradient(-45deg,#fff,#fff 4px,#2563eb 4px 5px);position:relative}._bcd-tpl-stripe-preview:after{content:"";background:#fff;border-radius:2px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}._bcd-tpl-wave-preview{background:linear-gradient(#2563eb 45%,#fff 45%);position:relative;overflow:hidden}._bcd-tpl-wave-preview:after{content:"";background:#fff;border-radius:50%;height:20px;position:absolute;top:35%;left:-10%;right:-10%}._bcd-tpl-dark-preview{background:linear-gradient(135deg,#1e293b,#334155);position:relative}._bcd-tpl-dark-preview:after{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed);height:3px;position:absolute;bottom:0;left:0;right:0}._bcd-tpl-duo-preview{background:linear-gradient(#2563eb 50%,#fff 50%)}._bcd-tpl-frame-preview{background:#fff;position:relative}._bcd-tpl-frame-preview:after{content:"";border:2px solid #2563eb;border-radius:2px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}._bcd-tpl-horizon-preview{background:linear-gradient(#2563eb 30%,#fff 30% 70%,#2563eb 70%)}._bcd-tpl-mosaic-preview{background-color:#0000;background-image:linear-gradient(90deg,#2563eb 50%,#0000 50%),linear-gradient(#2563eb26 50%,#fff 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}._bcd-tpl-neon-preview{background:#0f172a;position:relative;box-shadow:inset 0 0 0 2px #2563eb,inset 0 0 8px #2563eb66}._bcd-tpl-royal-preview{background:linear-gradient(#1e293b 45%,#fff 45%);position:relative}._bcd-tpl-royal-preview:after{content:"";background:linear-gradient(90deg,#0000,#2563eb,#0000);height:3px;position:absolute;top:40%;left:20%;right:20%}._bcd-tpl-zen-preview{background:#fff;position:relative;overflow:hidden}._bcd-tpl-zen-preview:after{content:"";opacity:.3;border:2px solid #2563eb;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;right:-8px}._bcd-tpl-split-preview{background:linear-gradient(135deg,#2563eb 50%,#fff 50%)}._bcd-tpl-arch-preview{background:#fff;position:relative;overflow:hidden}._bcd-tpl-arch-preview:after{content:"";opacity:.2;background:#2563eb;border-radius:50px 50px 0 0;width:50px;height:24px;margin-left:-25px;position:absolute;bottom:-12px;left:50%}._bcd-tpl-mono-preview{background:#f8fafc;position:relative}._bcd-tpl-mono-preview:after{content:"";background:#1e293b;width:20px;height:2px;margin-top:-1px;position:absolute;top:50%;left:8px}@media (max-width:768px){._bcd-templates{padding:var(--main-space-2) var(--main-space-3);margin-left:calc(var(--main-space-3) * -1);margin-right:calc(var(--main-space-3) * -1);border-left-width:0;border-right-width:0;border-radius:0}._bcd-templates-list{gap:var(--main-space-2);padding:var(--main-space-1) var(--main-space-3);margin:calc(var(--main-space-1) * -1) calc(var(--main-space-3) * -1);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;overflow:auto hidden}._bcd-templates-list::-webkit-scrollbar{height:4px}._bcd-templates-list::-webkit-scrollbar-track{background:0 0}._bcd-templates-list::-webkit-scrollbar-thumb{background:var(--bcd-border);border-radius:2px}._bcd-template-btn{scroll-snap-align:start;padding:var(--main-space-1)}._bcd-template-preview{width:64px;height:38px}}@media (max-width:480px){._bcd-templates{margin-left:calc(var(--main-space-2) * -1);margin-right:calc(var(--main-space-2) * -1)}._bcd-templates-list{padding-left:var(--main-space-2);padding-right:var(--main-space-2);margin-left:calc(var(--main-space-2) * -1);margin-right:calc(var(--main-space-2) * -1)}}._bcd-sidebar{gap:var(--main-space-4);flex-direction:column;display:flex}._bcd-section{background:var(--bcd-bg);border-radius:var(--bcd-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--bcd-border);box-shadow:var(--bcd-shadow)}._bcd-section-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--bcd-text);margin-bottom:var(--main-space-3);font-weight:600;display:flex}._bcd-section-title svg{width:14px;height:14px;color:var(--bcd-text-muted)}._bcd-form-group{margin-bottom:var(--main-space-2)}._bcd-form-group:last-child{margin-bottom:0}._bcd-input{width:100%;font-size:var(--main-text-sm);color:var(--bcd-text);background:var(--bcd-bg);border-style:solid;border-width:1.5px;border-color:var(--bcd-border);border-radius:var(--bcd-radius);outline:none;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}._bcd-input::placeholder{color:var(--bcd-text-muted)}._bcd-input:focus{border-color:var(--bcd-primary);box-shadow:0 0 0 3px #2563eb1a}._bcd-logo-upload{border-style:dashed;border-width:2px;border-color:var(--bcd-border);border-radius:var(--bcd-radius);cursor:pointer;transition:border-color .2s;overflow:hidden}._bcd-logo-upload:hover{border-color:var(--bcd-primary)}._bcd-logo-placeholder{align-items:center;gap:var(--main-space-1);padding:var(--main-space-4);color:var(--bcd-text-muted);font-size:var(--main-text-xs);flex-direction:column;display:flex}._bcd-logo-placeholder svg{width:20px;height:20px}._bcd-logo-preview{padding:var(--main-space-3);justify-content:center;align-items:center;display:flex;position:relative}._bcd-logo-preview img{object-fit:contain;max-width:100%;max-height:60px}._bcd-logo-remove{background:var(--main-error);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:4px;right:4px}._bcd-logo-remove svg{width:10px;height:10px}._bcd-logo-remove:hover{opacity:.85}._bcd-logo-color-toggle{margin-top:var(--main-space-2);border-radius:var(--bcd-radius);border-style:solid;border-width:1.5px;border-color:var(--bcd-border);gap:0;display:flex;overflow:hidden}._bcd-logo-color-btn{font-size:var(--main-text-xs);color:var(--bcd-text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.35rem .5rem;font-weight:500;transition:background .15s,color .15s}._bcd-logo-color-btn.active{background:var(--bcd-primary);color:#fff}._bcd-logo-color-btn:not(.active):hover{background:var(--bcd-bg-hover)}._bcd-slider-row{align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-2);display:flex}._bcd-slider-row:last-child{margin-bottom:0}._bcd-slider-label{font-size:var(--main-text-xs);color:var(--bcd-text-muted);white-space:nowrap;min-width:48px}._bcd-slider{-webkit-appearance:none;appearance:none;background:var(--bcd-border);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}._bcd-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--bcd-primary);cursor:pointer;border-radius:50%;width:14px;height:14px}._bcd-slider::-moz-range-thumb{background:var(--bcd-primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}._bcd-slider-value{font-size:var(--main-text-xs);color:var(--bcd-text-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:32px}._bcd-wm-positions{margin-bottom:var(--main-space-2);grid-template-columns:repeat(3,1fr);gap:3px;display:grid}._bcd-wm-pos-btn{aspect-ratio:1;background:var(--bcd-bg-hover);border-radius:var(--bcd-radius);color:var(--bcd-text-muted);cursor:pointer;border:none;justify-content:center;align-items:center;padding:4px;font-size:12px;line-height:1;transition:background .15s,color .15s;display:flex}._bcd-wm-pos-btn:hover{background:var(--bcd-border)}._bcd-wm-pos-btn.active{background:var(--bcd-primary);color:#fff}._bcd-wm-side-toggle{align-items:center;gap:var(--main-space-2);display:flex}._bcd-wm-side-toggle ._bcd-slider-label{flex-shrink:0}._bcd-wm-side-toggle ._bcd-logo-color-toggle{flex:1}._bcd-color-row{margin-bottom:var(--main-space-2);justify-content:space-between;align-items:center;display:flex}._bcd-color-row:last-child{margin-bottom:0}._bcd-color-label{font-size:var(--main-text-sm);color:var(--bcd-text)}._bcd-color-picker{border-radius:var(--bcd-radius);cursor:pointer;background:0 0;border:none;width:36px;height:28px;padding:0}._bcd-color-picker::-webkit-color-swatch-wrapper{padding:0}._bcd-color-picker::-webkit-color-swatch{border-radius:var(--bcd-radius);border-style:solid;border-width:1.5px;border-color:var(--bcd-border)}._bcd-actions{gap:var(--main-space-2);display:flex}._bcd-btn{justify-content:center;align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);border-radius:var(--bcd-radius);cursor:pointer;border:none;padding:.625rem 1.25rem;font-weight:500;transition:opacity .2s,box-shadow .2s;display:inline-flex}._bcd-btn svg{width:14px;height:14px}._bcd-btn-primary{background:var(--bcd-primary);color:#fff;flex:1;box-shadow:0 2px 8px #2563eb40}._bcd-btn-primary:hover{opacity:.9}._bcd-btn-secondary{background:var(--bcd-bg);color:var(--bcd-text-muted);border-style:solid;border-width:1px;border-color:var(--bcd-border)}._bcd-btn-secondary:hover{color:var(--bcd-text)}@media (max-width:900px){._bcd-sidebar{order:1}}@media (max-width:768px){._bcd-section{padding:var(--main-space-3)}._bcd-input{min-height:44px;padding:.65rem .75rem;font-size:16px}._bcd-form-group{margin-bottom:var(--main-space-3)}._bcd-logo-placeholder{padding:var(--main-space-4) var(--main-space-3);font-size:var(--main-text-sm)}._bcd-logo-remove{width:28px;height:28px;top:6px;right:6px}._bcd-logo-remove svg{width:12px;height:12px}._bcd-logo-color-btn{font-size:var(--main-text-sm);min-height:40px;padding:.6rem .5rem}._bcd-slider{background-clip:content-box;height:6px;padding:8px 0}._bcd-slider::-webkit-slider-thumb{width:20px;height:20px}._bcd-slider::-moz-range-thumb{width:20px;height:20px}._bcd-slider-row{gap:var(--main-space-3);margin-bottom:var(--main-space-3)}._bcd-slider-label{font-size:var(--main-text-sm);min-width:56px}._bcd-slider-value{font-size:var(--main-text-sm);min-width:40px}._bcd-wm-positions{gap:var(--main-space-2)}._bcd-wm-pos-btn{min-height:44px;padding:6px;font-size:16px}._bcd-wm-side-toggle{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._bcd-color-row{margin-bottom:var(--main-space-3);min-height:36px}._bcd-color-label{font-size:var(--main-text-sm)}._bcd-color-picker{width:52px;height:36px}._bcd-actions{gap:var(--main-space-2)}._bcd-btn{min-height:44px;font-size:var(--main-text-sm);padding:.75rem 1rem}._bcd-btn-secondary{min-width:44px;padding:.75rem}}@media (max-width:480px){._bcd-section{padding:var(--main-space-3);border-radius:var(--bcd-radius)}._bcd-section-title{margin-bottom:var(--main-space-2)}._bcd-actions{flex-wrap:wrap}._bcd-btn-primary{flex:1 1 calc(50% - var(--main-space-2))}._bcd-btn-secondary{flex:none}}._bcd-preview-area{align-items:center;gap:var(--main-space-3);top:var(--main-space-4);flex-direction:column;display:flex;position:sticky}._bcd-side-toggle{border-radius:var(--bcd-radius);border-style:solid;border-width:1.5px;border-color:var(--bcd-border);display:flex;overflow:hidden}._bcd-side-btn{font-size:var(--main-text-sm);color:var(--bcd-text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem 1.25rem;font-weight:500;transition:background .15s,color .15s}._bcd-side-btn.active{background:var(--bcd-primary);color:#fff}._bcd-side-btn:not(.active):hover{background:var(--bcd-bg-hover)}._bcd-cards-preview{gap:var(--main-space-4);justify-content:center;width:100%;display:flex}._bcd-card-slot{align-items:center;gap:var(--main-space-2);opacity:.5;cursor:pointer;flex-direction:column;flex:1;min-width:0;max-width:340px;transition:opacity .2s;display:flex}._bcd-card-slot.active{opacity:1}._bcd-card-slot:hover{opacity:.85}._bcd-card-slot.active:hover{opacity:1}._bcd-card-label{font-size:var(--main-text-xs);color:var(--bcd-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}._bcd-card-slot.active ._bcd-card-label{color:var(--bcd-primary)}._bcd-card{aspect-ratio:1.75;background:#fff;border-radius:8px;width:100%;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000026}._bcd-card-slot.active ._bcd-card{box-shadow:0 4px 20px #0003}._bcd-card-size{font-size:var(--main-text-xs);color:var(--bcd-text-muted)}._bcd-card-inner{z-index:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}._bcd-card-accent-bar{flex-shrink:0;width:8px}._bcd-card-content{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:24px 28px;display:flex}._bcd-card-logo{object-fit:contain;width:40px;height:40px;margin-bottom:8px}._bcd-card-name{margin-bottom:2px;font-size:18px;font-weight:700;line-height:1.2}._bcd-card-job{letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:500}._bcd-card-company{margin-bottom:12px;font-size:12px;font-weight:600}._bcd-card-details{flex-direction:column;gap:3px;display:flex}._bcd-card-detail{align-items:center;gap:6px;font-size:10px;line-height:1.4;display:flex}._bcd-card-detail-icon{opacity:.7;flex-shrink:0;width:10px;height:10px}._bcd-card-divider{width:40px;height:2px;margin:8px 0}@media (max-width:900px){._bcd-preview-area{gap:var(--main-space-2);position:static}._bcd-side-btn{min-height:40px;font-size:var(--main-text-sm);padding:.6rem 1.5rem}}@media (max-width:768px){._bcd-cards-preview{gap:var(--main-space-3)}._bcd-card-slot{max-width:320px}._bcd-side-btn{flex:1;min-height:44px;padding:.7rem 1rem}._bcd-side-toggle{width:100%;max-width:280px}}@media (max-width:600px){._bcd-cards-preview{align-items:center;gap:var(--main-space-3);flex-direction:column}._bcd-card-slot{width:100%;max-width:100%}._bcd-card-name{font-size:16px}._bcd-card-job{font-size:10px}._bcd-card-company{font-size:11px}._bcd-card-detail{font-size:9px}._bcd-card-content{padding:18px 22px}._bcd-card-logo{width:32px;height:32px}._bcd-card-size{text-align:center;font-size:11px}}@media (max-width:380px){._bcd-card-name{font-size:14px}._bcd-card-job,._bcd-card-company{font-size:9px}._bcd-card-detail{font-size:8px}._bcd-card-content{padding:14px 16px}._bcd-card-logo{width:28px;height:28px}}