/*! on-codemerge v1.2.14 @author Pavel Kuzmin @license MIT @homepage https://s00d.github.io/on-codemerge/ @repository git+https://github.com/s00d/on-codemerge.git Copyright (c) 2025 Pavel Kuzmin - Built on 2025-09-02T12:37:26.743Z */
@charset "UTF-8";.chart-type-selector{margin-bottom:1.5rem}.chart-type-selector .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 768px){.chart-type-selector .grid{grid-template-columns:repeat(4,1fr)}}.chart-type-selector .chart-type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease;background-color:#fff}.chart-type-selector .chart-type-option:hover{border-color:#93c5fd;background-color:#eff6ff;box-shadow:0 4px 6px -1px #0000001a}.chart-type-selector .chart-type-option.selected{border-color:#3b82f6;background-color:#dbeafe;box-shadow:0 4px 6px -1px #0000001a}.chart-type-selector .chart-type-option.selected svg{color:#2563eb}.chart-type-selector .chart-type-option svg{width:2.5rem;height:2.5rem;color:#4b5563;transition:color .2s ease;margin-bottom:.75rem}.chart-type-selector .chart-type-option span{font-size:.875rem;font-weight:500;color:#374151;text-align:center;margin-top:.5rem}.chart-data-editor{max-height:400px;overflow-y:auto;border-radius:.75rem;background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:1rem}.preview-container{background-color:#f9fafb;border-radius:1rem;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-shadow:0 6px 32px #0000001a;transition:all .3s ease;min-height:320px;min-width:320px;position:relative;overflow:hidden}.preview-container img.svg-chart,.preview-container canvas{border-radius:1.25rem;box-shadow:0 2px 16px #0000001a;opacity:0;animation:fadeIn .5s forwards;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%}.preview-container>canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-canvas{margin:auto;border-radius:1.25rem;box-shadow:0 2px 16px #0000001a;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block;align-self:center}@keyframes fadeIn{to{opacity:1}}.preview-container canvas{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important}