:root{--cfg-primary:var(--main-primary);--cfg-text:#1f2937;--cfg-text-muted:#64748b;--cfg-bg:#fff;--cfg-bg-hover:#f8fafc;--cfg-border:#e2e8f0;--cfg-border-hover:#cbd5e1;--cfg-shadow:0 1px 3px #0000001a;--cfg-radius:.5rem;--cfg-radius-lg:.75rem;--cfg-slider-track:#e2e8f0;--cfg-slider-thumb:var(--main-primary);--cfg-preset-active:#6366f114;--cfg-preset-active-border:var(--main-primary)}._cfg-container{grid-template-columns:1fr 340px;gap:1.25rem;max-width:1080px;margin:0 auto;display:grid}._cfg-col-left{flex-direction:column;gap:1rem;display:flex}._cfg-col-right{flex-direction:column;gap:.75rem;display:flex}@media (max-width:860px){._cfg-container{grid-template-columns:1fr;max-width:640px}}@media (max-width:768px){._cfg-container{padding-left:1rem;padding-right:1rem}}._cfg-preview-card{background:var(--cfg-bg);border-radius:var(--cfg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cfg-border);box-shadow:var(--cfg-shadow);overflow:hidden}._cfg-preview-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cfg-border);justify-content:flex-end;align-items:center;display:flex}._cfg-preview-actions{align-items:center;gap:4px;display:flex}._cfg-preview-btn{border-radius:var(--cfg-radius);border-style:solid;border-width:1.5px;border-color:var(--cfg-border);background:var(--cfg-bg);width:32px;height:32px;color:var(--cfg-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}._cfg-preview-btn:hover{color:var(--cfg-primary);border-color:var(--cfg-primary)}._cfg-preview-btn.is-active{color:var(--cfg-primary);border-color:var(--cfg-primary);background:var(--cfg-preset-active)}._cfg-preview-area{background:#f1f5f9;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}._cfg-preview-image{object-fit:contain;max-width:100%;max-height:400px;display:block}@media (max-width:768px){._cfg-preview-area{min-height:220px}._cfg-preview-image{max-height:280px}}._cfg-filters-card{background:var(--cfg-bg);border-radius:var(--cfg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cfg-border);box-shadow:var(--cfg-shadow);padding:var(--main-space-4);gap:var(--main-space-3);flex-direction:column;display:flex}._cfg-filter-group{gap:var(--main-space-2);flex-direction:column;display:flex}._cfg-filter-group.is-disabled{opacity:.4;pointer-events:none}._cfg-filter-group.is-disabled ._cfg-filter-label{pointer-events:auto;opacity:1}._cfg-filter-group.is-disabled ._cfg-filter-toggle{pointer-events:auto}._cfg-filter-row{justify-content:space-between;align-items:center;display:flex}._cfg-filter-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--cfg-text);cursor:pointer;font-weight:500;display:flex}._cfg-filter-toggle{width:15px;height:15px;accent-color:var(--cfg-primary);cursor:pointer;margin:0}._cfg-filter-value-wrap{align-items:center;gap:2px;display:flex}._cfg-num-input{border-style:solid;border-width:1.5px;border-color:var(--cfg-border);border-radius:var(--cfg-radius);text-align:center;width:56px;height:30px;font-size:var(--main-text-sm);color:var(--cfg-text);background:var(--cfg-bg);padding:0 4px;font-family:inherit}._cfg-num-input:focus{border-color:var(--cfg-primary);outline:none;box-shadow:0 0 0 2px #6366f126}._cfg-unit{font-size:var(--main-text-xs);color:var(--cfg-text-muted);min-width:22px}._cfg-slider{-webkit-appearance:none;appearance:none;background:var(--cfg-slider-track);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}._cfg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--cfg-slider-thumb);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}._cfg-slider::-moz-range-thumb{background:var(--cfg-slider-thumb);cursor:pointer;border-style:none;border-width:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}._cfg-presets-card{background:var(--cfg-bg);border-radius:var(--cfg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cfg-border);box-shadow:var(--cfg-shadow);overflow:hidden}._cfg-presets-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cfg-border);justify-content:space-between;align-items:center;display:flex}._cfg-presets-title{font-size:var(--main-text-sm);color:var(--cfg-text);font-weight:600}._cfg-reset-btn{border-radius:var(--cfg-radius);border-style:solid;border-width:1.5px;border-color:var(--cfg-border);background:var(--cfg-bg);cursor:pointer;font-size:var(--main-text-xs);color:var(--cfg-text-muted);align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-weight:500;display:inline-flex}._cfg-reset-btn:hover{color:var(--cfg-primary);border-color:var(--cfg-primary)}._cfg-presets-grid{padding:var(--main-space-3);grid-template-columns:repeat(5,1fr);gap:6px;min-height:140px;display:grid}._cfg-preset-item{border-radius:var(--cfg-radius);cursor:pointer;background:var(--cfg-bg-hover);border:1.5px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}._cfg-preset-item:hover{border-color:var(--cfg-border-hover)}._cfg-preset-item.is-active{border-color:var(--cfg-preset-active-border);background:var(--cfg-preset-active)}._cfg-preset-thumb{aspect-ratio:1;background:#f1f5f9;border-radius:4px;width:100%;overflow:hidden}._cfg-preset-thumb img{object-fit:cover;width:100%;height:100%;display:block}._cfg-preset-name{color:var(--cfg-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.2;overflow:hidden}._cfg-code-card{background:var(--cfg-bg);border-radius:var(--cfg-radius-lg);border-style:solid;border-width:1px;border-color:var(--cfg-border);box-shadow:var(--cfg-shadow);overflow:hidden}._cfg-code-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cfg-border);justify-content:space-between;align-items:center;display:flex}._cfg-code-title{font-size:var(--main-text-xs);color:var(--cfg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._cfg-copy-btn{border-radius:var(--cfg-radius);border-style:solid;border-width:1.5px;border-color:var(--cfg-border);background:var(--cfg-bg);cursor:pointer;font-size:var(--main-text-xs);color:var(--cfg-text-muted);align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-weight:500;display:inline-flex}._cfg-copy-btn:hover{color:var(--cfg-primary);border-color:var(--cfg-primary)}._cfg-copy-btn.is-copied{color:var(--main-success);border-color:var(--main-success)}._cfg-code-block{padding:var(--main-space-3);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--cfg-text);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6;overflow-x:auto}