:root{--cfg-primary:var(--main-primary);--cfg-primary-light:#6366f114;--cfg-primary-border:#6366f140;--cfg-text:#1e293b;--cfg-text-muted:#64748b;--cfg-bg:#fff;--cfg-bg-secondary:#f8fafc;--cfg-border:#e2e8f0;--cfg-border-hover:#cbd5e1;--cfg-radius:var(--main-radius);--cfg-radius-lg:var(--main-radius-lg);--cfg-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cfg-shadow-md:0 4px 12px #00000014}._cfg-container{width:100%;padding-left:var(--main-space-3);padding-right:var(--main-space-3)}._cfg-layout{gap:var(--main-space-4);grid-template-columns:320px 1fr;align-items:start;display:grid}._cfg-controls,._cfg-right{gap:var(--main-space-4);flex-direction:column;display:flex}._cfg-section{background:var(--cfg-bg);border-radius:var(--cfg-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--cfg-border);box-shadow:var(--cfg-shadow)}._cfg-section-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._cfg-section-title{font-size:var(--main-text-sm);color:var(--cfg-text);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--main-space-3);font-weight:600}._cfg-section-header ._cfg-section-title{margin-bottom:0}@media (max-width:900px){._cfg-layout{grid-template-columns:1fr}._cfg-container{padding-left:1rem;padding-right:1rem}}._cfg-control-group{margin-bottom:var(--main-space-3)}._cfg-control-group:last-child{margin-bottom:0}._cfg-label{font-size:var(--main-text-xs);color:var(--cfg-text-muted);margin-bottom:var(--main-space-1);font-weight:500;font-family:var(--main-font-mono);display:block}._cfg-btn-group{flex-wrap:wrap;gap:4px;display:flex}._cfg-btn{font-size:11px;font-family:var(--main-font-mono);color:var(--cfg-text-muted);background:var(--cfg-bg-secondary);border-style:solid;border-width:1px;border-color:var(--cfg-border);border-radius:var(--cfg-radius);cursor:pointer;white-space:nowrap;padding:5px 10px;line-height:1.4;transition:all .15s}._cfg-btn:hover{color:var(--cfg-text);border-color:var(--cfg-border-hover);background:var(--cfg-bg)}._cfg-btn._cfg-btn-active{color:var(--cfg-primary);background:var(--cfg-primary-light);border-color:var(--cfg-primary-border);font-weight:600}._cfg-btn-group-sm ._cfg-btn{padding:3px 8px;font-size:10px}._cfg-input{width:100%;font-size:var(--main-text-xs);font-family:var(--main-font-mono);color:var(--cfg-text);background:var(--cfg-bg);border-style:solid;border-width:1.5px;border-color:var(--cfg-border);border-radius:var(--cfg-radius);outline:none;padding:6px 10px;transition:border-color .15s}._cfg-input:focus{border-color:var(--cfg-primary);box-shadow:0 0 0 3px #6366f11a}._cfg-input-sm{width:70px}._cfg-input-wrap{align-items:center;display:inline-flex;position:relative}._cfg-input-wrap ._cfg-input{padding-right:28px}._cfg-input-suffix{color:var(--cfg-text-muted);font-size:10px;font-family:var(--main-font-mono);pointer-events:none;position:absolute;right:8px}._cfg-gap-inputs{align-items:center;gap:var(--main-space-2);display:flex}._cfg-gap-separator{color:var(--cfg-text-muted);font-size:var(--main-text-xs)}._cfg-gap-inputs ._cfg-input{width:70px}._cfg-icon-btn{width:28px;height:28px;color:var(--cfg-text-muted);background:var(--cfg-bg-secondary);border-style:solid;border-width:1px;border-color:var(--cfg-border);border-radius:var(--cfg-radius);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}._cfg-icon-btn:hover{color:var(--cfg-text);border-color:var(--cfg-border-hover)}._cfg-item-actions{gap:4px;display:flex}._cfg-item-chips{margin-bottom:var(--main-space-3);flex-wrap:wrap;gap:6px;min-height:32px;display:flex}._cfg-chip{border-radius:var(--cfg-radius);cursor:pointer;border-style:solid;border-width:2px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}._cfg-chip:hover{opacity:.85}._cfg-chip._cfg-chip-active{box-shadow:0 0 0 2px #6366f14d}._cfg-item-props{padding-top:var(--main-space-3);border-top-style:solid;border-top-width:1px;border-top-color:var(--cfg-border)}._cfg-item-props ._cfg-control-group{align-items:center;gap:var(--main-space-3);margin-bottom:var(--main-space-2);display:flex}._cfg-item-props ._cfg-label{min-width:75px;margin-bottom:0}._cfg-item-props ._cfg-btn-group{flex:1}._cfg-color-input-wrap{align-items:center;gap:var(--main-space-2);display:flex}._cfg-color-input{border-style:solid;border-width:1.5px;border-color:var(--cfg-border);border-radius:var(--cfg-radius);background:var(--cfg-bg);cursor:pointer;width:32px;height:28px;padding:2px}._cfg-color-input::-webkit-color-swatch-wrapper{padding:0}._cfg-color-input::-webkit-color-swatch{border:none;border-radius:3px}._cfg-color-hex{font-size:11px;font-family:var(--main-font-mono);color:var(--cfg-text-muted)}._cfg-dimension-inputs{align-items:center;gap:var(--main-space-2);display:flex}._cfg-dimension-inputs ._cfg-input{width:80px;padding:8px 28px 8px 10px;font-size:13px}._cfg-dimension-inputs ._cfg-input-wrap{position:relative}._cfg-dimension-inputs ._cfg-input::-webkit-inner-spin-button{opacity:1;cursor:pointer;height:28px}._cfg-dimension-inputs ._cfg-input::-webkit-outer-spin-button{opacity:1;cursor:pointer;height:28px}@media (max-width:900px){._cfg-btn{padding:6px 10px;font-size:12px}}._cfg-preview-section{background:var(--cfg-bg);border-radius:var(--cfg-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--cfg-border);box-shadow:var(--cfg-shadow)}._cfg-preview-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._cfg-preview-header ._cfg-section-title{margin-bottom:0}._cfg-preview-area{background:var(--cfg-bg-secondary);border-radius:var(--cfg-radius);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--cfg-border);min-height:300px;overflow:auto}._cfg-flex-container{border-style:dashed;border-width:2px;border-color:var(--cfg-primary-border);border-radius:var(--cfg-radius);background:var(--cfg-bg);width:100%;height:300px;transition:all .2s;display:flex;position:relative}._cfg-flex-item{border-radius:var(--cfg-radius);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:50px;min-height:50px;padding:12px 16px;font-size:13px;font-weight:600;transition:box-shadow .15s;display:flex}._cfg-flex-item:hover{opacity:.9}._cfg-flex-item._cfg-item-selected{box-shadow:0 0 0 3px #6366f180,0 0 0 5px #6366f133}._cfg-reset-btn:hover{color:var(--main-error)}._cfg-code-section{background:var(--cfg-bg);border-radius:var(--cfg-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--cfg-border);box-shadow:var(--cfg-shadow)}._cfg-code-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._cfg-code-header ._cfg-section-title{margin-bottom:0}._cfg-copy-btn{font-size:var(--main-text-xs);color:var(--cfg-primary);background:var(--cfg-primary-light);border-style:solid;border-width:1px;border-color:var(--cfg-primary-border);border-radius:var(--cfg-radius);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .15s;display:inline-flex}._cfg-copy-btn:hover{opacity:.85}._cfg-code-block{color:#e2e8f0;padding:var(--main-space-4);border-radius:var(--cfg-radius);font-family:var(--main-font-mono);white-space:pre;background:#1e293b;min-height:80px;margin:0;font-size:13px;line-height:1.6;overflow-x:auto}