:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}*{box-sizing:border-box}body{height:100vh;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.output-container::-webkit-scrollbar-track{background:#374151}.output-container::-webkit-scrollbar-thumb{background:#6b7280}.output-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.package-manager[data-v-17b83b3d]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.package-header[data-v-17b83b3d]{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem}.package-header h3[data-v-17b83b3d]{color:#374151;margin:0;font-size:1.1rem;font-weight:600}.package-content[data-v-17b83b3d]{max-height:400px;padding:1rem;overflow-y:auto}.install-section[data-v-17b83b3d]{margin-bottom:1.5rem}.input-group[data-v-17b83b3d]{gap:.5rem;display:flex}.package-input[data-v-17b83b3d]{border:1px solid #d1d5db;border-radius:6px;flex:1;padding:.5rem;font-size:.9rem}.package-input[data-v-17b83b3d]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn[data-v-17b83b3d]{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn[data-v-17b83b3d]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-17b83b3d]{color:#fff;background:#3b82f6}.btn-primary[data-v-17b83b3d]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-17b83b3d]{color:#fff;background:#6b7280}.btn-secondary[data-v-17b83b3d]:hover:not(:disabled){background:#4b5563}.btn-sm[data-v-17b83b3d]{padding:.25rem .5rem;font-size:.8rem}.common-packages h4[data-v-17b83b3d]{color:#374151;margin:0 0 .75rem;font-size:1rem}.package-grid[data-v-17b83b3d]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.package-btn[data-v-17b83b3d]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem;font-size:.85rem;transition:all .2s;display:flex}.package-btn[data-v-17b83b3d]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.package-btn.installed[data-v-17b83b3d]{color:#065f46;background:#ecfdf5;border-color:#10b981}.package-btn[data-v-17b83b3d]:disabled{cursor:not-allowed;opacity:.7}.install-log[data-v-17b83b3d]{border-top:1px solid #e2e8f0;padding-top:1rem}.log-header[data-v-17b83b3d]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.log-header h4[data-v-17b83b3d]{color:#374151;margin:0;font-size:1rem}.log-content[data-v-17b83b3d]{color:#d1d5db;white-space:pre-wrap;background:#1f2937;border-radius:6px;max-height:150px;margin:0;padding:.75rem;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.4;overflow-y:auto}.file-uploader[data-v-6dea7648]{width:100%}.file-input[data-v-6dea7648]{display:none}.drop-zone[data-v-6dea7648]{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;justify-content:center;align-items:center;min-height:120px;padding:2rem;transition:all .3s;display:flex}.drop-zone[data-v-6dea7648]:hover{background:#f8fafc;border-color:#3b82f6}.drop-zone.drag-over[data-v-6dea7648]{background:#ecfdf5;border-color:#10b981;transform:scale(1.02)}.drop-zone.loading[data-v-6dea7648]{cursor:not-allowed;background:#fffbeb;border-color:#f59e0b}.drop-zone-content[data-v-6dea7648]{width:100%}.upload-content .upload-icon[data-v-6dea7648]{margin-bottom:.5rem;font-size:2.5rem}.upload-content h4[data-v-6dea7648]{color:#374151;margin:0 0 .5rem;font-weight:600}.upload-content p[data-v-6dea7648]{color:#6b7280;margin:0 0 1rem}.click-text[data-v-6dea7648]{color:#3b82f6;font-weight:500}.file-info[data-v-6dea7648]{flex-direction:column;gap:.25rem;display:flex}.file-info small[data-v-6dea7648]{color:#9ca3af;font-size:.8rem}.loading-content[data-v-6dea7648]{flex-direction:column;align-items:center;gap:1rem;display:flex}.loading-content p[data-v-6dea7648]{color:#f59e0b;margin:0;font-weight:500}.spinner[data-v-6dea7648]{border:3px solid #fbbf24;border-top-color:#f59e0b;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin-6dea7648}@keyframes spin-6dea7648{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.drop-zone[data-v-6dea7648]{min-height:100px;padding:1.5rem}.upload-content .upload-icon[data-v-6dea7648]{font-size:2rem}.upload-content h4[data-v-6dea7648]{font-size:1rem}.upload-content p[data-v-6dea7648]{font-size:.9rem}}.playground-container[data-v-1a540aa7]{background:#f8fafc;flex-direction:column;height:100%;display:flex}.toolbar[data-v-1a540aa7]{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.toolbar-left[data-v-1a540aa7]{gap:.75rem;display:flex}.toolbar-right[data-v-1a540aa7]{align-items:center;display:flex}.btn[data-v-1a540aa7]{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn[data-v-1a540aa7]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-1a540aa7]{color:#fff;background:#3b82f6}.btn-primary[data-v-1a540aa7]:hover:not(:disabled){background:#2563eb}.btn-secondary[data-v-1a540aa7]{color:#fff;background:#6b7280}.btn-secondary[data-v-1a540aa7]:hover:not(:disabled){background:#4b5563}.btn-upload[data-v-1a540aa7]{color:#fff;background:#10b981}.btn-upload[data-v-1a540aa7]:hover:not(:disabled){background:#059669}.btn-download[data-v-1a540aa7]{color:#fff;background:#8b5cf6}.btn-download[data-v-1a540aa7]:hover:not(:disabled){background:#7c3aed}.example-selector[data-v-1a540aa7]{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;font-size:.9rem}.content-panel[data-v-1a540aa7]{background:#e2e8f0;flex:1;grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;gap:1px;min-height:0;display:grid}.editor-panel[data-v-1a540aa7]{background:#fff;flex-direction:column;grid-row:1/-1;min-height:0;display:flex}.output-panel[data-v-1a540aa7]{background:#fff;flex-direction:column;min-height:0;display:flex}.package-panel[data-v-1a540aa7]{background:#fff;flex-direction:column;min-height:0;max-height:400px;display:flex;overflow:hidden}.panel-header[data-v-1a540aa7]{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.panel-header h3[data-v-1a540aa7]{color:#374151;margin:0;font-size:1rem;font-weight:600}.editor-container[data-v-1a540aa7]{flex:1;min-height:0}.monaco-editor[data-v-1a540aa7]{height:100%}.output-container[data-v-1a540aa7]{background:#1f2937;flex:1;padding:1rem;overflow:auto}.output-text[data-v-1a540aa7]{color:#d1d5db;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,monospace;font-size:14px;line-height:1.5}.status-bar[data-v-1a540aa7]{color:#d1d5db;background:#374151;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.85rem;display:flex}.status-item[data-v-1a540aa7]{align-items:center;gap:.5rem;display:flex}.status-indicator[data-v-1a540aa7]{background:#ef4444;border-radius:50%;width:8px;height:8px}.status-indicator.ready[data-v-1a540aa7]{background:#10b981}.status-indicator.loading[data-v-1a540aa7]{background:#f59e0b;animation:1.5s infinite pulse-1a540aa7}@keyframes pulse-1a540aa7{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay[data-v-1a540aa7]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-1a540aa7]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-1a540aa7]{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3[data-v-1a540aa7]{color:#374151;margin:0;font-size:1.25rem;font-weight:600}.close-btn[data-v-1a540aa7]{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem;transition:all .2s}.close-btn[data-v-1a540aa7]:hover{color:#374151;background:#e5e7eb}.modal-body[data-v-1a540aa7]{padding:1.5rem}.error-toast[data-v-1a540aa7]{color:#dc2626;z-index:1001;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:1rem;max-width:400px;padding:1rem 1.5rem;animation:.3s ease-out slideIn-1a540aa7;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 10px 15px -3px #0000001a}.toast-close[data-v-1a540aa7]{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:0;font-size:1.2rem}.toast-close[data-v-1a540aa7]:hover{background:#fecaca}@keyframes slideIn-1a540aa7{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.content-panel[data-v-1a540aa7]{grid-template-rows:1fr 1fr auto;grid-template-columns:1fr}.editor-panel[data-v-1a540aa7]{grid-row:1}.output-panel[data-v-1a540aa7]{grid-row:2}.package-panel[data-v-1a540aa7]{grid-row:3}}@media (width<=768px){.toolbar[data-v-1a540aa7]{flex-direction:column;align-items:stretch;gap:1rem}.toolbar-left[data-v-1a540aa7]{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.toolbar-right[data-v-1a540aa7]{justify-content:center}}#app[data-v-d8e04154]{flex-direction:column;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.main-content[data-v-d8e04154]{flex:1;overflow:hidden}