*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f5f5f5;color:#1a1a1a}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#1a1a1a;color:#fff;padding:24px;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.logo{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #333}.logo h1{font-size:20px;font-weight:600;margin-bottom:4px}.logo .version{font-size:12px;color:#888}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{padding:12px 16px;border-radius:8px;color:#aaa;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.nav-link:hover{background:#333;color:#fff}.nav-link.active{background:#2563eb;color:#fff}.main{flex:1;margin-left:260px;display:flex;flex-direction:column}.header{background:#fff;padding:20px 32px;border-bottom:1px solid #e5e5e5}.header h2{font-size:24px;font-weight:600}.content{flex:1;padding:32px}.apex-sankey-container[data-v-c3b98a0b]{width:100%;height:100%}.example[data-v-23b603fc]{max-width:1200px}.description[data-v-23b603fc]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-23b603fc]{color:#666;line-height:1.6}.chart-container[data-v-23b603fc]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-23b603fc]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-23b603fc]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-23b603fc]{margin:0}.code-section code[data-v-23b603fc]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.example[data-v-4a89a5df]{max-width:1200px}.description[data-v-4a89a5df]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-4a89a5df]{color:#666;line-height:1.6}.chart-container[data-v-4a89a5df]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-4a89a5df]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-4a89a5df]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-4a89a5df]{margin:0}.code-section code[data-v-4a89a5df]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.example[data-v-ca29b8c1]{max-width:1200px}.description[data-v-ca29b8c1]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-ca29b8c1]{color:#666;line-height:1.6}.controls[data-v-ca29b8c1]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5;display:flex;gap:32px;flex-wrap:wrap}.control-group[data-v-ca29b8c1]{display:flex;align-items:center}.control-group label[data-v-ca29b8c1]{display:flex;align-items:center;gap:12px;font-size:14px;color:#333}.control-group input[type=range][data-v-ca29b8c1]{width:150px}.control-group input[type=checkbox][data-v-ca29b8c1]{width:18px;height:18px}.chart-container[data-v-ca29b8c1]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-ca29b8c1]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-ca29b8c1]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-ca29b8c1]{margin:0}.code-section code[data-v-ca29b8c1]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.example[data-v-00ec9e5d]{max-width:1200px}.description[data-v-00ec9e5d]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-00ec9e5d]{color:#666;line-height:1.6}.click-info[data-v-00ec9e5d]{background:#e0f2fe;padding:16px 20px;border-radius:8px;margin-bottom:24px;border:1px solid #7dd3fc;display:flex;align-items:center;gap:16px;font-size:14px}.click-info button[data-v-00ec9e5d]{margin-left:auto;padding:6px 12px;background:#0284c7;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.click-info button[data-v-00ec9e5d]:hover{background:#0369a1}.chart-container[data-v-00ec9e5d]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-00ec9e5d]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-00ec9e5d]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-00ec9e5d]{margin:0}.code-section code[data-v-00ec9e5d]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.example[data-v-be62dee6]{max-width:1200px}.description[data-v-be62dee6]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-be62dee6]{color:#666;line-height:1.6}.description code[data-v-be62dee6]{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:13px}.chart-container[data-v-be62dee6]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-be62dee6]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-be62dee6]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-be62dee6]{margin:0}.code-section code[data-v-be62dee6]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;background:transparent;padding:0}.example[data-v-58ec5a36]{max-width:1200px}.description[data-v-58ec5a36]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-58ec5a36]{color:#666;line-height:1.6}.chart-container[data-v-58ec5a36]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-58ec5a36]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-58ec5a36]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-58ec5a36]{margin:0}.code-section code[data-v-58ec5a36]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.example[data-v-074c0b04]{max-width:1200px}.description[data-v-074c0b04]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-074c0b04]{color:#666;line-height:1.6}.controls[data-v-074c0b04]{background:#fff;padding:24px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.control-row[data-v-074c0b04]{display:flex;gap:32px;margin-bottom:20px}.control-row[data-v-074c0b04]:last-of-type{margin-bottom:24px}.control-group[data-v-074c0b04]{flex:1}.control-group label[data-v-074c0b04]{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#333;font-weight:500}.control-group input[type=range][data-v-074c0b04]{width:100%;height:6px;cursor:pointer}.randomize-btn[data-v-074c0b04]{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.randomize-btn[data-v-074c0b04]:hover{background:#1d4ed8}.chart-container[data-v-074c0b04]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-074c0b04]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-074c0b04]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-074c0b04]{margin:0}.code-section code[data-v-074c0b04]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.example[data-v-14b438fd]{max-width:1200px}.description[data-v-14b438fd]{background:#fff;padding:20px;border-radius:8px;margin-bottom:24px;border:1px solid #e5e5e5}.description p[data-v-14b438fd]{color:#666;line-height:1.6}.description code[data-v-14b438fd]{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:13px}.actions[data-v-14b438fd]{display:flex;gap:12px;margin-bottom:24px}.actions button[data-v-14b438fd]{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.actions button[data-v-14b438fd]:hover:not(:disabled){background:#1d4ed8}.actions button[data-v-14b438fd]:disabled{background:#94a3b8;cursor:not-allowed}.graph-info[data-v-14b438fd]{background:#f8fafc;padding:16px 20px;border-radius:8px;margin-bottom:24px;border:1px solid #e2e8f0}.graph-info h4[data-v-14b438fd]{font-size:14px;font-weight:600;margin-bottom:12px;color:#334155}.graph-info pre[data-v-14b438fd]{margin:0;font-family:Monaco,Menlo,monospace;font-size:13px;color:#475569}.chart-container[data-v-14b438fd]{background:#fff;padding:24px;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:24px}.code-section[data-v-14b438fd]{background:#1a1a1a;border-radius:8px;padding:20px;overflow-x:auto}.code-section h3[data-v-14b438fd]{color:#fff;font-size:14px;margin-bottom:16px;font-weight:600}.code-section pre[data-v-14b438fd]{margin:0}.code-section code[data-v-14b438fd]{color:#a5d6ff;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;background:transparent;padding:0}