:root{--cbsg-primary:var(--main-primary);--cbsg-text:#1f2937;--cbsg-text-muted:#64748b;--cbsg-bg:#fff;--cbsg-bg-hover:#f8fafc;--cbsg-border:#e2e8f0;--cbsg-border-hover:#cbd5e1;--cbsg-shadow:0 1px 3px #0000001a;--cbsg-radius:.5rem;--cbsg-radius-lg:.75rem;--cbsg-slider-track:#e2e8f0;--cbsg-slider-thumb:var(--main-primary);--cbsg-layer-active:#6366f114;--cbsg-layer-active-border:var(--main-primary)}._cbsg-container{grid-template-columns:340px 1fr;gap:1.25rem;max-width:1080px;margin:0 auto;display:grid}._cbsg-col-left{flex-direction:column;gap:.75rem;display:flex}._cbsg-col-right{flex-direction:column;gap:1rem;display:flex}@media (max-width:860px){._cbsg-container{grid-template-columns:1fr;max-width:640px}._cbsg-col-left{order:2}._cbsg-col-right{order:1}}@media (max-width:768px){._cbsg-container{padding-left:1rem;padding-right:1rem}}._cbsg-preview-area{border-radius:var(--cbsg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cbsg-border);background:#e2e8f0;justify-content:center;align-items:center;min-height:280px;transition:background-color .2s;display:flex}._cbsg-preview-element{border-radius:var(--cbsg-radius-lg);background:#fff;width:160px;height:160px;transition:border-radius .2s,width .2s,height .2s}._cbsg-preview-element.is-square{border-radius:0}._cbsg-preview-element.is-circle{border-radius:50%}._cbsg-preview-options{align-items:center;gap:var(--main-space-5);flex-wrap:wrap;display:flex}._cbsg-option-group{align-items:center;gap:var(--main-space-2);display:flex}._cbsg-option-label{font-size:var(--main-text-xs);color:var(--cbsg-text-muted);white-space:nowrap;font-weight:500}._cbsg-color-input{border-style:solid;border-width:2px;border-color:var(--cbsg-border);border-radius:var(--cbsg-radius);cursor:pointer;background:var(--cbsg-bg);width:32px;height:32px;padding:2px}._cbsg-color-input::-webkit-color-swatch-wrapper{padding:0}._cbsg-color-input::-webkit-color-swatch{border:none;border-radius:3px}._cbsg-shape-btns{gap:4px;display:flex}._cbsg-shape-btn{border-style:solid;border-width:1.5px;border-color:var(--cbsg-border);border-radius:var(--cbsg-radius);background:var(--cbsg-bg);cursor:pointer;width:32px;height:32px;color:var(--cbsg-text-muted);justify-content:center;align-items:center;padding:0;display:flex}._cbsg-shape-btn:hover{border-color:var(--cbsg-border-hover);color:var(--cbsg-text)}._cbsg-shape-btn.is-active{border-color:var(--cbsg-primary);color:var(--cbsg-primary);background:var(--cbsg-layer-active)}._cbsg-shape-icon{border:2px solid;width:14px;height:14px;display:block}._cbsg-shape-rounded{border-radius:3px}._cbsg-shape-square{border-radius:0}._cbsg-shape-circle{border-radius:50%}@media (max-width:768px){._cbsg-preview-area{min-height:220px}._cbsg-preview-element{width:120px;height:120px}}._cbsg-shadow-controls{background:var(--cbsg-bg);border-radius:var(--cbsg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cbsg-border);box-shadow:var(--cbsg-shadow);padding:var(--main-space-4);gap:var(--main-space-4);flex-direction:column;display:flex}._cbsg-control-group{gap:var(--main-space-2);flex-direction:column;display:flex}._cbsg-control-row{justify-content:space-between;align-items:center;display:flex}._cbsg-control-label{font-size:var(--main-text-sm);color:var(--cbsg-text);font-weight:500}._cbsg-control-input-wrap{align-items:center;gap:2px;display:flex}._cbsg-num-input{border-style:solid;border-width:1.5px;border-color:var(--cbsg-border);border-radius:var(--cbsg-radius);text-align:center;width:56px;height:30px;font-size:var(--main-text-sm);color:var(--cbsg-text);background:var(--cbsg-bg);padding:0 4px;font-family:inherit}._cbsg-num-input:focus{border-color:var(--cbsg-primary);outline:none;box-shadow:0 0 0 2px #6366f126}._cbsg-unit{font-size:var(--main-text-xs);color:var(--cbsg-text-muted);min-width:18px}._cbsg-slider{-webkit-appearance:none;appearance:none;background:var(--cbsg-slider-track);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._cbsg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--cbsg-slider-thumb);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}._cbsg-slider::-moz-range-thumb{background:var(--cbsg-slider-thumb);cursor:pointer;border-style:none;border-width:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}._cbsg-color-controls{align-items:center;gap:var(--main-space-3);display:flex}._cbsg-opacity-wrap{align-items:center;gap:var(--main-space-2);flex:1;display:flex}._cbsg-opacity-slider{flex:1}._cbsg-opacity-value{font-size:var(--main-text-xs);color:var(--cbsg-text-muted);text-align:right;min-width:32px;font-weight:500}._cbsg-inset-group{padding-top:var(--main-space-2);border-top-style:solid;border-top-width:1px;border-top-color:var(--cbsg-border);flex-direction:row;justify-content:space-between;align-items:center}._cbsg-toggle{cursor:pointer;width:40px;height:22px;display:inline-block;position:relative}._cbsg-toggle input{opacity:0;width:0;height:0}._cbsg-toggle-slider{background:var(--cbsg-slider-track);border-radius:11px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0;right:0}._cbsg-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}._cbsg-toggle input:checked+._cbsg-toggle-slider{background:var(--cbsg-primary)}._cbsg-toggle input:checked+._cbsg-toggle-slider:before{left:21px}._cbsg-layers-card{background:var(--cbsg-bg);border-radius:var(--cbsg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cbsg-border);box-shadow:var(--cbsg-shadow);padding:var(--main-space-3)}._cbsg-layers-header{margin-bottom:var(--main-space-2);justify-content:space-between;align-items:center;display:flex}._cbsg-layers-title{font-size:var(--main-text-sm);color:var(--cbsg-text);font-weight:600}._cbsg-add-layer-btn{border-radius:var(--cbsg-radius);border-style:solid;border-width:1.5px;border-color:var(--cbsg-border);background:var(--cbsg-bg);cursor:pointer;width:28px;height:28px;color:var(--cbsg-text-muted);justify-content:center;align-items:center;padding:0;display:flex}._cbsg-add-layer-btn:hover{color:var(--cbsg-primary);border-color:var(--cbsg-primary)}._cbsg-layers-list{flex-direction:column;gap:4px;min-height:36px;display:flex}._cbsg-layer-item{align-items:center;gap:var(--main-space-2);border-radius:var(--cbsg-radius);cursor:pointer;border:1.5px solid #0000;padding:6px 8px;transition:background-color .15s;display:flex}._cbsg-layer-item:hover{background:var(--cbsg-bg-hover)}._cbsg-layer-item.is-active{background:var(--cbsg-layer-active);border-color:var(--cbsg-layer-active-border)}._cbsg-layer-color-dot{border-style:solid;border-width:1.5px;border-color:var(--cbsg-border);border-radius:50%;flex-shrink:0;width:16px;height:16px}._cbsg-layer-name{font-size:var(--main-text-xs);color:var(--cbsg-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._cbsg-layer-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}._cbsg-layer-item:hover ._cbsg-layer-actions,._cbsg-layer-item.is-active ._cbsg-layer-actions{opacity:1}._cbsg-layer-btn{cursor:pointer;width:24px;height:24px;color:var(--cbsg-text-muted);background:0 0;border-style:none;border-width:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}._cbsg-layer-btn:hover{color:var(--cbsg-text);background:var(--cbsg-bg-hover)}._cbsg-layer-btn.is-hidden{opacity:.4}._cbsg-layer-btn._cbsg-delete-btn:hover{color:var(--main-error)}._cbsg-presets-card{background:var(--cbsg-bg);border-radius:var(--cbsg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cbsg-border);box-shadow:var(--cbsg-shadow);padding:var(--main-space-3)}._cbsg-presets-header{margin-bottom:var(--main-space-2)}._cbsg-presets-title{font-size:var(--main-text-sm);color:var(--cbsg-text);font-weight:600}._cbsg-presets-grid{grid-template-columns:repeat(3,1fr);gap:8px;min-height:200px;display:grid}._cbsg-preset-item{aspect-ratio:1;border-radius:var(--cbsg-radius);cursor:pointer;border-style:solid;border-width:1.5px;border-color:var(--cbsg-border);background:#e2e8f0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}._cbsg-preset-item:hover{border-color:var(--cbsg-primary)}._cbsg-preset-box{background:#fff;border-radius:4px;width:50%;height:50%}._cbsg-preset-name{text-align:center;color:var(--cbsg-text-muted);font-size:9px;font-weight:500;line-height:1;position:absolute;bottom:2px;left:0;right:0}@media (max-width:768px){._cbsg-presets-grid{grid-template-columns:repeat(4,1fr)}}._cbsg-code-card{background:var(--cbsg-bg);border-radius:var(--cbsg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cbsg-border);box-shadow:var(--cbsg-shadow);overflow:hidden}._cbsg-code-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cbsg-border);justify-content:space-between;align-items:center;display:flex}._cbsg-code-title{font-size:var(--main-text-xs);color:var(--cbsg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._cbsg-copy-btn{border-radius:var(--cbsg-radius);border-style:solid;border-width:1.5px;border-color:var(--cbsg-border);background:var(--cbsg-bg);cursor:pointer;font-size:var(--main-text-xs);color:var(--cbsg-text-muted);align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-weight:500;display:inline-flex}._cbsg-copy-btn:hover{color:var(--cbsg-primary);border-color:var(--cbsg-primary)}._cbsg-copy-btn.is-copied{color:var(--main-success);border-color:var(--main-success)}._cbsg-code-block{padding:var(--main-space-3);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--cbsg-text);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6;overflow-x:auto}