.chartjs-generator{display:flex;min-height:auto;background:var(--gray-900);color:var(--gray-200);max-width:100%;overflow-x:hidden}.chartjs-generator *,.chartjs-generator *:before,.chartjs-generator *:after{box-sizing:border-box}.cjg-sidebar{width:320px;padding:24px;background:var(--gray-800);overflow-y:auto;border-right:1px solid var(--gray-700)}.cjg-sidebar h3{margin:0 0 24px;font-size:1.25rem;color:var(--gray-100)}.cjg-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.cjg-section{margin-bottom:24px}.cjg-section h4{margin:0 0 12px;font-size:.875rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.cjg-button-group{display:flex;flex-wrap:wrap;gap:8px}.cjg-style-btn{padding:6px 12px;background:var(--gray-700);border:1px solid var(--gray-600);border-radius:6px;color:var(--gray-200);font-size:.75rem;cursor:pointer;transition:all .2s;text-transform:capitalize}.cjg-style-btn:hover{background:var(--gray-600)}.cjg-style-btn.active{background:var(--info-color);border-color:var(--info-color);color:var(--white)}.cjg-input{width:100%;padding:10px 12px;background:var(--gray-700);border:1px solid var(--gray-600);border-radius:6px;color:var(--gray-200);font-size:.875rem}.cjg-input:focus{outline:none;border-color:var(--info-color)}.cjg-section input[type=range]{width:100%;accent-color:var(--info-color)}.cjg-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cjg-checkbox-group{display:flex;flex-direction:column;gap:8px}.cjg-checkbox-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--gray-300);cursor:pointer}.cjg-checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--info-color)}.cjg-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cjg-theme-btn{padding:8px;background:var(--gray-700);border:2px solid var(--gray-600);border-radius:6px;color:var(--gray-200);font-size:.7rem;cursor:pointer;transition:all .2s;text-transform:capitalize;display:flex;flex-direction:column;align-items:center;gap:6px}.cjg-theme-btn:hover{background:var(--gray-600)}.cjg-theme-btn.active{border-color:var(--info-color);background:var(--info-color)50}.cjg-theme-colors{display:flex;gap:3px}.cjg-theme-colors span{width:14px;height:14px;border-radius:3px}.cjg-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cjg-color-grid label{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--gray-400)}.cjg-color-grid input[type=color]{width:100%;height:32px;border:1px solid var(--gray-600);border-radius:4px;cursor:pointer;background:transparent}.cjg-export-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cjg-export-buttons button{padding:10px 16px;background:var(--info-color);border:none;border-radius:6px;color:var(--white);font-size:.875rem;cursor:pointer;transition:all .2s}.cjg-export-buttons button:hover{background:#2563eb}.cjg-preview{flex:1;padding:24px;background:#f9fafb;overflow:auto;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 3px #0000001a}.cjg-chart-preview{width:100%;max-width:700px}.cjg-chart-container{padding:24px;border-radius:12px;box-shadow:0 4px 20px #0000004d}.cjg-chart-title{margin:0 0 20px;font-size:1.25rem;text-align:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.cjg-chart-wrapper{display:flex;justify-content:center;align-items:center;min-height:250px}.cjg-pie-chart,.cjg-radar-chart{width:250px;height:250px}.cjg-pie-chart svg,.cjg-radar-chart svg{width:100%;height:100%}.cjg-bar-chart{width:100%}.cjg-bar-chart svg{width:100%;height:auto}.cjg-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.cjg-legend-top{margin-top:0;margin-bottom:20px}.cjg-legend-left,.cjg-legend-right{flex-direction:column;position:absolute}.cjg-legend-left{left:10px;top:50%;transform:translateY(-50%)}.cjg-legend-right{right:10px;top:50%;transform:translateY(-50%)}.cjg-legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem}.cjg-legend-color{width:16px;height:16px;border-radius:4px}