.chartmaker-module__2H3Twa__chartContainer{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:2rem;overflow-x:hidden}.chartmaker-module__2H3Twa__toolSection{background:var(--card-background);box-sizing:border-box;border-radius:12px;margin:2rem 0;padding:2rem;overflow-x:hidden;box-shadow:0 2px 8px #0000001a}.chartmaker-module__2H3Twa__mainGrid{grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0;display:grid}.chartmaker-module__2H3Twa__dataPanel,.chartmaker-module__2H3Twa__chartPanel{flex-direction:column;gap:1.5rem;min-width:0;display:flex;overflow:hidden}.chartmaker-module__2H3Twa__sectionTitle{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:flex}.chartmaker-module__2H3Twa__sectionTitleLight{color:#333;}.chartmaker-module__2H3Twa__sectionTitleDark{color:#e0e0e0;}.chartmaker-module__2H3Twa__dataTableWrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.chartmaker-module__2H3Twa__dataTable{border-collapse:collapse;table-layout:fixed;border-radius:8px;width:100%;overflow:hidden}.chartmaker-module__2H3Twa__dataTable th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.chartmaker-module__2H3Twa__dataTableLight th{color:#555;background:#f5f5f5;border-bottom:2px solid #e0e0e0}.chartmaker-module__2H3Twa__dataTableDark th{color:#aaa;background:#1f1f1f;border-bottom:2px solid #444}.chartmaker-module__2H3Twa__dataTable td{padding:.5rem .75rem}.chartmaker-module__2H3Twa__dataTableLight td{border-bottom:1px solid #eee}.chartmaker-module__2H3Twa__dataTableDark td{border-bottom:1px solid #3a3a3a}.chartmaker-module__2H3Twa__dataTableLight tr:nth-child(2n){background:#fafafa}.chartmaker-module__2H3Twa__dataTableDark tr:nth-child(2n){background:#2a2a2a}.chartmaker-module__2H3Twa__dataInput{box-sizing:border-box;border-radius:6px;outline:none;width:100%;min-width:0;padding:.5rem .75rem;font-size:.95rem;transition:border-color .2s}.chartmaker-module__2H3Twa__dataInputLight{color:#333;background:#fff;border:1px solid #ddd;}.chartmaker-module__2H3Twa__dataInputLight:focus{border-color:#f88204}.chartmaker-module__2H3Twa__dataInputDark{color:#e0e0e0;background:#333;border:1px solid #555;}.chartmaker-module__2H3Twa__dataInputDark:focus{border-color:#f88204}.chartmaker-module__2H3Twa__removeBtn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:background .2s;display:flex}.chartmaker-module__2H3Twa__removeBtn:hover{background:#f443361a}.chartmaker-module__2H3Twa__tableActions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.chartmaker-module__2H3Twa__dropzone{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:12px;padding:2rem 1.5rem;transition:all .3s;position:relative}.chartmaker-module__2H3Twa__dropzoneLight{background:#fafafa;border-color:#ccc;}.chartmaker-module__2H3Twa__dropzoneLight:hover{background:#f882040a;border-color:#f88204}.chartmaker-module__2H3Twa__dropzoneDark{background:#2a2a2a;border-color:#555;}.chartmaker-module__2H3Twa__dropzoneDark:hover{background:#f8820414;border-color:#f88204}.chartmaker-module__2H3Twa__dropzoneDragOver{transform:scale(1.01);background:#f882041a!important;border-color:#f88204!important}.chartmaker-module__2H3Twa__dropzoneIcon{opacity:.6;margin-bottom:.75rem;font-size:2.5rem}.chartmaker-module__2H3Twa__dropzoneText{margin-bottom:.25rem;font-size:.95rem}.chartmaker-module__2H3Twa__dropzoneTextLight{color:#555;}.chartmaker-module__2H3Twa__dropzoneTextDark{color:#bbb;}.chartmaker-module__2H3Twa__dropzoneHint{font-size:.8rem}.chartmaker-module__2H3Twa__dropzoneHintLight{color:#999;}.chartmaker-module__2H3Twa__dropzoneHintDark{color:#777;}.chartmaker-module__2H3Twa__fileInput{display:none}.chartmaker-module__2H3Twa__chartTypeGrid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.chartmaker-module__2H3Twa__chartTypeCard{text-align:center;cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;transition:all .2s;display:flex}.chartmaker-module__2H3Twa__chartTypeCardLight{background:#f5f5f5;}.chartmaker-module__2H3Twa__chartTypeCardLight:hover{background:#eee;border-color:#f88204}.chartmaker-module__2H3Twa__chartTypeCardDark{background:#2a2a2a;}.chartmaker-module__2H3Twa__chartTypeCardDark:hover{background:#333;border-color:#f88204}.chartmaker-module__2H3Twa__chartTypeCardActive{background:#f882041a!important;border-color:#f88204!important}.chartmaker-module__2H3Twa__chartTypeLabel{font-size:.85rem;font-weight:500}.chartmaker-module__2H3Twa__chartTypeLabelLight{color:#555;}.chartmaker-module__2H3Twa__chartTypeLabelDark{color:#ccc;}.chartmaker-module__2H3Twa__paletteGrid{flex-wrap:wrap;gap:.75rem;display:flex}.chartmaker-module__2H3Twa__paletteCard{cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.chartmaker-module__2H3Twa__paletteCardLight{background:#f5f5f5;}.chartmaker-module__2H3Twa__paletteCardLight:hover{background:#eee}.chartmaker-module__2H3Twa__paletteCardDark{background:#2a2a2a;}.chartmaker-module__2H3Twa__paletteCardDark:hover{background:#333}.chartmaker-module__2H3Twa__paletteCardActive{border-color:#f88204!important}.chartmaker-module__2H3Twa__paletteDots{gap:3px;display:flex}.chartmaker-module__2H3Twa__paletteDot{border-radius:50%;width:12px;height:12px}.chartmaker-module__2H3Twa__paletteLabelLight{color:#555;font-weight:500}.chartmaker-module__2H3Twa__paletteLabelDark{color:#ccc;font-weight:500}.chartmaker-module__2H3Twa__chartPreviewContainer{border-radius:12px;flex-direction:column;min-height:350px;padding:1.5rem;display:flex}.chartmaker-module__2H3Twa__chartPreviewLight{background:#fff;border:1px solid #e0e0e0;}.chartmaker-module__2H3Twa__chartPreviewDark{background:#1f1f1f;border:1px solid #444;}.chartmaker-module__2H3Twa__chartWrapper{flex:1;min-height:300px;position:relative}.chartmaker-module__2H3Twa__noDataMessage{opacity:.5;justify-content:center;align-items:center;height:300px;font-size:1rem;display:flex}.chartmaker-module__2H3Twa__noDataMessageLight{color:#999;}.chartmaker-module__2H3Twa__noDataMessageDark{color:#666;}.chartmaker-module__2H3Twa__exportButtons{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.chartmaker-module__2H3Twa__customizationRow{flex-direction:column;gap:1rem;display:flex}.chartmaker-module__2H3Twa__titleInput{box-sizing:border-box;border-radius:8px;outline:none;width:100%;min-width:0;padding:.65rem 1rem;font-size:.95rem;transition:border-color .2s}.chartmaker-module__2H3Twa__titleInputLight{color:#333;background:#fff;border:1px solid #ddd;}.chartmaker-module__2H3Twa__titleInputLight:focus{border-color:#f88204}.chartmaker-module__2H3Twa__titleInputDark{color:#e0e0e0;background:#333;border:1px solid #555;}.chartmaker-module__2H3Twa__titleInputDark:focus{border-color:#f88204}.chartmaker-module__2H3Twa__h2Light{color:#333;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.chartmaker-module__2H3Twa__h2Dark{color:#fff;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.chartmaker-module__2H3Twa__infoSection{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;border-radius:12px;margin-top:3rem;padding:2rem}.chartmaker-module__2H3Twa__infoSectionLight{background:#f9f9f9}.chartmaker-module__2H3Twa__infoSectionDark{background:#1f1f1f}.chartmaker-module__2H3Twa__infoSection h2{margin-top:2rem;margin-bottom:1rem}.chartmaker-module__2H3Twa__infoSection h2:first-child{margin-top:0}.chartmaker-module__2H3Twa__infoSection p{margin-bottom:1rem;line-height:1.8}.chartmaker-module__2H3Twa__buttonGroup{flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.5rem 0;display:flex}.chartmaker-module__2H3Twa__inputLight{color:#333;background:#fff;border-radius:8px}.chartmaker-module__2H3Twa__inputDark{color:#e0e0e0;background:#2a2a2a;border-radius:8px}.chartmaker-module__2H3Twa__inputDark input{color:#e0e0e0!important}.chartmaker-module__2H3Twa__labelLight{color:#666!important}.chartmaker-module__2H3Twa__labelDark{color:#aaa!important}.chartmaker-module__2H3Twa__colorPickerCell{width:40px;min-width:40px}.chartmaker-module__2H3Twa__colorSwatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px;padding:0;position:relative;overflow:hidden}.chartmaker-module__2H3Twa__colorSwatch:hover{border-color:#f88204}.chartmaker-module__2H3Twa__colorSwatchInput{cursor:pointer;opacity:0;border:none;width:36px;height:36px;position:absolute;top:-4px;left:-4px}.chartmaker-module__2H3Twa__chartOptionsRow{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.chartmaker-module__2H3Twa__chartOption{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.chartmaker-module__2H3Twa__chartOptionLight{color:#555;}.chartmaker-module__2H3Twa__chartOptionDark{color:#ccc;}.chartmaker-module__2H3Twa__chartOptionCheckbox{accent-color:#f88204;cursor:pointer;width:16px;height:16px}.chartmaker-module__2H3Twa__bgColorRow{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.chartmaker-module__2H3Twa__bgColorLabel{font-size:.9rem;font-weight:500}.chartmaker-module__2H3Twa__bgColorLabelLight{color:#555;}.chartmaker-module__2H3Twa__bgColorLabelDark{color:#ccc;}.chartmaker-module__2H3Twa__bgColorPicker{cursor:pointer;border:1px solid #ccc;border-radius:4px;width:36px;height:28px;padding:0}@media (max-width:768px){.chartmaker-module__2H3Twa__chartContainer,.chartmaker-module__2H3Twa__toolSection{padding:1rem}.chartmaker-module__2H3Twa__mainGrid{grid-template-columns:1fr}.chartmaker-module__2H3Twa__chartTypeGrid{grid-template-columns:repeat(3,1fr)}.chartmaker-module__2H3Twa__paletteGrid{gap:.5rem}.chartmaker-module__2H3Twa__exportButtons{flex-direction:column}.chartmaker-module__2H3Twa__exportButtons button{width:100%}.chartmaker-module__2H3Twa__h2Light,.chartmaker-module__2H3Twa__h2Dark{font-size:1.5rem}.chartmaker-module__2H3Twa__chartWrapper{min-height:250px}}@media (max-width:480px){.chartmaker-module__2H3Twa__chartContainer{padding:.5rem}.chartmaker-module__2H3Twa__toolSection{margin:1rem 0;padding:.75rem}.chartmaker-module__2H3Twa__chartTypeGrid{grid-template-columns:repeat(2,1fr)}.chartmaker-module__2H3Twa__chartTypeCard{gap:.25rem;padding:.5rem}.chartmaker-module__2H3Twa__dataTable th{padding:.5rem;font-size:.75rem}.chartmaker-module__2H3Twa__dataTable td{padding:.3rem .4rem}.chartmaker-module__2H3Twa__dataInput{padding:.4rem .5rem;font-size:.85rem}.chartmaker-module__2H3Twa__titleInput{padding:.5rem .75rem;font-size:.85rem}.chartmaker-module__2H3Twa__dropzone{padding:1.25rem 1rem}.chartmaker-module__2H3Twa__paletteCard{padding:.4rem .6rem;font-size:.8rem}.chartmaker-module__2H3Twa__paletteDot{width:10px;height:10px}.chartmaker-module__2H3Twa__sectionTitle{font-size:1rem}.chartmaker-module__2H3Twa__chartOptionsRow{gap:.5rem}.chartmaker-module__2H3Twa__chartWrapper{min-height:200px}.chartmaker-module__2H3Twa__h2Light,.chartmaker-module__2H3Twa__h2Dark{font-size:1.25rem}}@media (max-width:320px){.chartmaker-module__2H3Twa__chartContainer{padding:.25rem}.chartmaker-module__2H3Twa__toolSection{border-radius:8px;margin:.5rem 0;padding:.5rem}.chartmaker-module__2H3Twa__infoSection{margin-top:1.5rem;padding:.75rem}.chartmaker-module__2H3Twa__chartTypeGrid{grid-template-columns:repeat(2,1fr);gap:.4rem}.chartmaker-module__2H3Twa__chartTypeCard{padding:.4rem}.chartmaker-module__2H3Twa__chartTypeLabel{font-size:.75rem}.chartmaker-module__2H3Twa__dataTable th{letter-spacing:0;padding:.4rem .3rem;font-size:.7rem}.chartmaker-module__2H3Twa__dataTable td{padding:.25rem .3rem}.chartmaker-module__2H3Twa__dataInput{padding:.35rem .4rem;font-size:.8rem}.chartmaker-module__2H3Twa__colorPickerCell{width:32px;min-width:32px}.chartmaker-module__2H3Twa__colorSwatch{width:24px;height:24px}.chartmaker-module__2H3Twa__paletteGrid{gap:.35rem}.chartmaker-module__2H3Twa__paletteCard{padding:.3rem .5rem;font-size:.75rem}.chartmaker-module__2H3Twa__paletteDot{width:8px;height:8px}.chartmaker-module__2H3Twa__dropzone{padding:1rem .75rem}.chartmaker-module__2H3Twa__dropzoneIcon{margin-bottom:.5rem;font-size:2rem}.chartmaker-module__2H3Twa__dropzoneText{font-size:.8rem}.chartmaker-module__2H3Twa__dropzoneHint{font-size:.7rem}.chartmaker-module__2H3Twa__tableActions,.chartmaker-module__2H3Twa__exportButtons{gap:.5rem}.chartmaker-module__2H3Twa__sectionTitle{font-size:.9rem}.chartmaker-module__2H3Twa__chartWrapper{min-height:180px}.chartmaker-module__2H3Twa__bgColorRow{gap:.5rem}.chartmaker-module__2H3Twa__bgColorLabel{font-size:.8rem}.chartmaker-module__2H3Twa__h2Light,.chartmaker-module__2H3Twa__h2Dark{font-size:1.1rem}}@media (max-width:230px){.chartmaker-module__2H3Twa__chartTypeGrid{grid-template-columns:1fr}.chartmaker-module__2H3Twa__paletteGrid{flex-direction:column}.chartmaker-module__2H3Twa__chartOptionsRow{flex-direction:column;gap:.4rem}}