:root{--bg-primary: #0f0f1e;--bg-secondary: #1a1a2e;--bg-tertiary: #252540;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--text-primary: #ffffff;--text-secondary: #a0a0b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--success: #10b981;--warning: #f59e0b;--error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#app{min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}input[type=text],input[type=number],input[type=color],select{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .3s ease}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}input[type=color]{height:40px;cursor:pointer;padding:4px}label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.card{background:var(--bg-secondary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(-20px);opacity:0}.slide-leave-to{transform:translate(20px);opacity:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.text-center{text-align:center}.chart-editor[data-v-81a268ef]{width:100%;height:100%;display:flex;flex-direction:column}.chart-header[data-v-81a268ef]{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.chart-title[data-v-81a268ef]{font-size:28px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-badge[data-v-81a268ef]{padding:6px 14px;background:#6366f126;border:1px solid var(--accent-primary);border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--accent-primary)}.chart-wrapper[data-v-81a268ef]{position:relative;width:100%;flex:1;min-height:0;padding:20px;background:#ffffff05;border-radius:16px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden}.chart-wrapper[data-v-81a268ef]>*{width:100%!important;height:100%!important}.section-header[data-v-b1dfab51]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.btn-add[data-v-b1dfab51]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-gradient);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-add[data-v-b1dfab51]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.data-list[data-v-b1dfab51]{display:flex;flex-direction:column;gap:14px;max-height:420px;overflow-y:auto;padding-right:6px}.data-item[data-v-b1dfab51]{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:18px;transition:all .3s ease}.data-item[data-v-b1dfab51]:hover{border-color:var(--accent-primary);box-shadow:0 6px 16px #6366f11f;transform:translateY(-1px)}.data-item-header[data-v-b1dfab51]{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.data-index[data-v-b1dfab51]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-gradient);border-radius:50%;font-size:12px;font-weight:800;color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-remove[data-v-b1dfab51]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.btn-remove[data-v-b1dfab51]:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff;transform:scale(1.05)}.btn-remove[data-v-b1dfab51]:disabled{opacity:.25;cursor:not-allowed}.data-inputs[data-v-b1dfab51]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group[data-v-b1dfab51]{display:flex;flex-direction:column}.input-group label[data-v-b1dfab51]{font-size:11px;margin-bottom:6px;font-weight:700}.input-group input[data-v-b1dfab51]{padding:10px 12px;font-size:14px;font-weight:600;border:2px solid var(--border-color);border-radius:8px;transition:all .3s ease}.input-group input[data-v-b1dfab51]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.color-list-container[data-v-4807bb2a]{max-height:300px;overflow-y:auto;padding-right:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.color-list[data-v-4807bb2a]{display:flex;flex-direction:column;gap:14px;padding-bottom:14px}.color-item[data-v-4807bb2a]{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:16px;transition:all .3s ease}.color-item[data-v-4807bb2a]:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #6366f11f}.color-item-label[data-v-4807bb2a]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.color-preview[data-v-4807bb2a]{width:24px;height:24px;border-radius:8px;border:2px solid var(--border-color);box-shadow:0 3px 10px #00000040}.label-text[data-v-4807bb2a]{font-size:14px;font-weight:700;color:var(--text-primary)}.color-controls[data-v-4807bb2a]{display:flex;align-items:center;gap:12px}.color-input[data-v-4807bb2a]{width:56px;height:40px;border-radius:8px;cursor:pointer;border:2px solid var(--border-color);transition:all .3s ease}.color-input[data-v-4807bb2a]:hover{border-color:var(--accent-primary);transform:scale(1.05)}.preset-colors[data-v-4807bb2a]{display:flex;gap:8px;flex:1}.preset-color[data-v-4807bb2a]{width:32px;height:32px;border-radius:8px;border:2px solid var(--border-color);cursor:pointer;transition:all .25s ease}.preset-color[data-v-4807bb2a]:hover{transform:scale(1.2);border-color:#fff;box-shadow:0 6px 16px #00000059}.preset-palette[data-v-4807bb2a]{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:18px}.preset-title[data-v-4807bb2a]{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.preset-grid[data-v-4807bb2a]{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.preset-color-large[data-v-4807bb2a]{width:100%;aspect-ratio:1;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;transition:all .25s ease}.preset-color-large[data-v-4807bb2a]:hover{transform:scale(1.15);border-color:#fff;box-shadow:0 6px 16px #00000059;z-index:1}.export-section[data-v-aad482fe]{margin-top:auto;padding-top:28px;border-top:2px solid var(--border-color)}.export-buttons[data-v-aad482fe]{display:flex;flex-direction:column;gap:12px}.export-btn[data-v-aad482fe]{display:flex;align-items:center;gap:16px;padding:18px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.export-btn svg[data-v-aad482fe]{color:var(--accent-primary);flex-shrink:0}.btn-content[data-v-aad482fe]{display:flex;flex-direction:column;gap:3px}.btn-title[data-v-aad482fe]{font-size:15px;font-weight:700;color:var(--text-primary)}.btn-subtitle[data-v-aad482fe]{font-size:12px;color:var(--text-secondary);font-weight:500}.export-btn[data-v-aad482fe]:hover{border-color:var(--accent-primary);background:#6366f11a;transform:translateY(-2px);box-shadow:0 6px 16px #6366f140}.btn-pptx[data-v-aad482fe]:hover{border-color:var(--accent-secondary);background:#8b5cf61a}.btn-pptx:hover svg[data-v-aad482fe]{color:var(--accent-secondary)}.export-info[data-v-aad482fe]{display:flex;gap:12px;margin-top:16px;padding:14px;background:#6366f10f;border-radius:10px;border:2px solid rgba(99,102,241,.2)}.export-info svg[data-v-aad482fe]{color:var(--accent-primary);flex-shrink:0;margin-top:2px}.export-info p[data-v-aad482fe]{font-size:12px;line-height:1.6;color:var(--text-secondary);font-weight:500}.app-container[data-v-40e1186f]{display:flex;width:100%;max-width:100%;min-height:100vh;max-height:100vh;overflow:hidden;background:var(--bg-primary)}.sidebar[data-v-40e1186f]{width:420px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar-header[data-v-40e1186f]{padding:32px 28px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#6366f114,#8b5cf614);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo[data-v-40e1186f]{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.logo svg[data-v-40e1186f]{color:var(--accent-primary);-webkit-text-fill-color:currentColor}.subtitle[data-v-40e1186f]{font-size:14px;color:var(--text-secondary);margin-left:38px;font-weight:500}.sidebar-content[data-v-40e1186f]{flex:1;padding:28px;display:flex;flex-direction:column;gap:28px;overflow-y:auto}.control-section[data-v-40e1186f]{animation:slideIn-40e1186f .4s ease}@keyframes slideIn-40e1186f{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title[data-v-40e1186f]{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);margin-bottom:16px}.chart-type-grid[data-v-40e1186f]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chart-type-btn[data-v-40e1186f]{padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:capitalize}.chart-type-btn[data-v-40e1186f]:hover{border-color:var(--accent-primary);background:#6366f11a;transform:translateY(-2px)}.chart-type-btn.active[data-v-40e1186f]{background:var(--accent-gradient);border-color:transparent;box-shadow:0 6px 16px #6366f159;transform:translateY(-2px)}.title-input[data-v-40e1186f]{width:100%;padding:14px 16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:17px;font-weight:600;transition:all .3s ease}.title-input[data-v-40e1186f]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f11f;background:#6366f10d}.main-content[data-v-40e1186f]{flex:1;padding:32px;display:flex;background:linear-gradient(135deg,#6366f105,#8b5cf605);height:100vh;overflow:hidden}.canvas-container[data-v-40e1186f]{width:100%;height:100%;background:var(--bg-secondary);border-radius:20px;padding:40px;border:1px solid var(--border-color);box-shadow:0 24px 64px #0006;display:flex;flex-direction:column}@media(max-width:1024px){.app-container[data-v-40e1186f]{flex-direction:column;max-height:none}.sidebar[data-v-40e1186f]{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.main-content[data-v-40e1186f]{padding:24px;height:auto}.canvas-container[data-v-40e1186f]{padding:32px;height:auto}}