.control-panel[data-v-fd6d40db]{background:var(--panel-bg);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.control-panel h2[data-v-fd6d40db]{margin:0 0 20px;font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.total-gpus[data-v-fd6d40db]{display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;margin-bottom:28px}.gpu-count[data-v-fd6d40db]{font-size:3.5rem;font-weight:800;color:#fff;line-height:1}.gpu-label[data-v-fd6d40db]{color:#fffffff2;font-size:var(--font-base);font-weight:500;margin-top:6px}.controls-grid[data-v-fd6d40db]{display:grid;gap:16px}.control-group[data-v-fd6d40db]{background:var(--control-bg);padding:16px;border-radius:10px}.control-header[data-v-fd6d40db]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.control-header label[data-v-fd6d40db]{font-weight:600;color:var(--text-primary);font-size:var(--font-sm)}.number-input[data-v-fd6d40db]{width:64px;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;background:var(--panel-bg);color:var(--text-primary);font-size:var(--font-base);font-weight:700;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;transition:border-color .15s,box-shadow .15s}.number-input[data-v-fd6d40db]:hover{border-color:var(--text-secondary)}.number-input[data-v-fd6d40db]:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.number-input[data-v-fd6d40db]::-webkit-inner-spin-button,.number-input[data-v-fd6d40db]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.control-description[data-v-fd6d40db]{font-size:var(--font-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-top:4px}.presets[data-v-fd6d40db]{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-color)}.presets h3[data-v-fd6d40db]{margin:0 0 14px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.preset-buttons[data-v-fd6d40db]{display:flex;flex-wrap:wrap;gap:8px}.preset-btn[data-v-fd6d40db]{padding:8px 14px;border:1px solid var(--border-color);border-radius:6px;background:var(--control-bg);color:var(--text-primary);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all .15s}.preset-btn[data-v-fd6d40db]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.preset-btn[data-v-fd6d40db]:focus-visible{box-shadow:var(--focus-ring)}.gpu-grid-container[data-v-d3f6d3e1]{background:var(--panel-bg);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.gpu-grid-container h2[data-v-d3f6d3e1]{margin:0 0 20px;font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.mesh-info[data-v-d3f6d3e1]{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.mesh-dim[data-v-d3f6d3e1]{display:flex;align-items:center;gap:8px;font-size:var(--font-sm)}.dim-label[data-v-d3f6d3e1]{font-weight:600;color:var(--text-primary)}.dim-value[data-v-d3f6d3e1]{background:var(--control-bg);padding:4px 10px;border-radius:6px;font-weight:700;color:var(--text-primary)}.grid-wrapper[data-v-d3f6d3e1]{overflow-x:auto;padding:12px;background:var(--control-bg);border-radius:10px}.nodes-container[data-v-d3f6d3e1]{display:flex;flex-wrap:wrap;gap:20px}.node-group[data-v-d3f6d3e1]{background:var(--panel-bg);border:3px solid var(--border-color);border-radius:12px;padding:14px;min-width:fit-content}.node-header[data-v-d3f6d3e1]{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.node-grid[data-v-d3f6d3e1]{display:grid;gap:10px}.grid-container[data-v-d3f6d3e1]{display:grid;gap:10px;min-width:fit-content}.gpu-cell[data-v-d3f6d3e1]{position:relative;min-width:76px;min-height:76px;background:var(--control-bg);border:2px solid var(--border-color);border-radius:10px;padding:10px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;justify-content:space-between}.gpu-cell[data-v-d3f6d3e1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--text-secondary)}.gpu-cell[data-v-d3f6d3e1]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.gpu-cell.selected[data-v-d3f6d3e1]{border-color:#818cf8;box-shadow:0 0 0 3px #818cf866}.gpu-cell.highlighted[data-v-d3f6d3e1]{background:#818cf826}.gpu-header[data-v-d3f6d3e1]{display:flex;justify-content:space-between;align-items:flex-start}.gpu-id[data-v-d3f6d3e1]{font-size:var(--font-xl);font-weight:800;color:var(--text-primary)}.gpu-node[data-v-d3f6d3e1]{font-size:var(--font-xs);padding:2px 6px;border-radius:4px;background:var(--border-color);color:var(--text-primary);font-weight:600}.node-info .dim-label[data-v-d3f6d3e1]{color:var(--text-secondary)}.gpu-labels[data-v-d3f6d3e1]{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.gpu-label[data-v-d3f6d3e1]{font-size:var(--font-xs);padding:3px 6px;border-radius:4px;color:#fff;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.3)}.legend[data-v-d3f6d3e1]{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.legend h4[data-v-d3f6d3e1]{margin:0 0 14px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.legend-items[data-v-d3f6d3e1]{display:flex;flex-wrap:wrap;gap:18px}.legend-item[data-v-d3f6d3e1]{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);color:var(--text-primary)}.legend-color[data-v-d3f6d3e1]{width:14px;height:14px;border-radius:4px}.gpu-details[data-v-d7f742f9]{background:var(--panel-bg);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;margin-top:20px}.gpu-details h3[data-v-d7f742f9]{margin:0 0 20px;font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.details-grid[data-v-d7f742f9]{display:grid;gap:24px}@media (min-width: 768px){.details-grid[data-v-d7f742f9]{grid-template-columns:repeat(3,1fr)}}.detail-section h4[data-v-d7f742f9]{margin:0 0 14px;font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.coord-list[data-v-d7f742f9],.content-list[data-v-d7f742f9],.group-list[data-v-d7f742f9]{display:flex;flex-direction:column;gap:10px}.coord-item[data-v-d7f742f9]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--control-bg);border-radius:8px}.coord-label[data-v-d7f742f9]{font-weight:600;font-size:var(--font-sm)}.coord-value[data-v-d7f742f9]{font-family:SF Mono,Consolas,monospace;font-size:var(--font-sm);color:var(--text-primary);font-weight:500}.content-item[data-v-d7f742f9]{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--control-bg);border-radius:8px}.content-icon[data-v-d7f742f9]{font-size:1.125rem;flex-shrink:0}.content-text[data-v-d7f742f9]{font-size:var(--font-sm);color:var(--text-primary);line-height:var(--leading-relaxed)}.group-item[data-v-d7f742f9]{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--control-bg);border-radius:8px;flex-wrap:wrap}.group-label[data-v-d7f742f9]{font-weight:600;font-size:var(--font-sm);min-width:100px}.group-value[data-v-d7f742f9]{font-family:SF Mono,Consolas,monospace;font-size:var(--font-sm);color:var(--text-primary)}.group-peers[data-v-d7f742f9]{margin-left:auto;font-size:var(--font-xs);color:var(--text-secondary)}.info-panel[data-v-dba1b63e]{background:var(--panel-bg);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;margin-top:24px}.info-panel h2[data-v-dba1b63e]{margin:0 0 20px;font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.info-tabs[data-v-dba1b63e]{display:flex;gap:10px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:14px}.info-tabs button[data-v-dba1b63e]{padding:10px 18px;border:none;background:var(--control-bg);border-radius:8px;cursor:pointer;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);transition:all .15s}.info-tabs button[data-v-dba1b63e]:hover{background:var(--border-color);color:var(--text-primary)}.info-tabs button[data-v-dba1b63e]:focus-visible{box-shadow:var(--focus-ring)}.info-tabs button.active[data-v-dba1b63e]{background:var(--primary-color);color:#fff}.tab-content[data-v-dba1b63e]{animation:fadeIn-dba1b63e .2s ease}@keyframes fadeIn-dba1b63e{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.overview-grid[data-v-dba1b63e]{display:grid;gap:20px}@media (min-width: 768px){.overview-grid[data-v-dba1b63e]{grid-template-columns:repeat(3,1fr)}}.overview-card[data-v-dba1b63e]{background:var(--control-bg);padding:18px;border-radius:10px}.overview-card h4[data-v-dba1b63e]{margin:0 0 14px;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.config-summary[data-v-dba1b63e]{text-align:center}.config-formula[data-v-dba1b63e]{font-family:SF Mono,Consolas,monospace;font-size:var(--font-sm);color:var(--text-primary);margin-bottom:10px;line-height:var(--leading-relaxed)}.config-total[data-v-dba1b63e]{font-size:var(--font-xl);font-weight:700;color:var(--primary-color)}.memory-breakdown[data-v-dba1b63e]{display:flex;flex-direction:column;gap:10px}.memory-item[data-v-dba1b63e]{display:flex;justify-content:space-between;font-size:var(--font-sm)}.memory-label[data-v-dba1b63e]{color:var(--text-secondary)}.memory-factor[data-v-dba1b63e]{font-family:SF Mono,Consolas,monospace;font-weight:600;color:var(--primary-color)}.comm-list[data-v-dba1b63e]{display:flex;flex-direction:column;gap:10px}.comm-item[data-v-dba1b63e]{display:flex;gap:10px;font-size:var(--font-sm)}.comm-type[data-v-dba1b63e]{font-weight:600;min-width:50px}.comm-op[data-v-dba1b63e]{color:var(--text-secondary)}.parallelism-cards[data-v-dba1b63e]{display:grid;gap:18px}@media (min-width: 768px){.parallelism-cards[data-v-dba1b63e]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.parallelism-cards[data-v-dba1b63e]{grid-template-columns:repeat(3,1fr)}}.parallelism-card[data-v-dba1b63e]{background:var(--control-bg);border-radius:10px;padding:18px;border-left:3px solid transparent}.p-header[data-v-dba1b63e]{display:flex;align-items:center;gap:12px;margin-bottom:12px;border-left:3px solid;padding-left:12px;margin-left:-18px}.p-abbrev[data-v-dba1b63e]{padding:4px 10px;border-radius:4px;color:#fff;font-weight:700;font-size:var(--font-xs)}.p-name[data-v-dba1b63e]{font-weight:600;font-size:var(--font-base);color:var(--text-primary)}.p-description[data-v-dba1b63e]{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 14px;line-height:var(--leading-relaxed)}.p-details[data-v-dba1b63e]{display:flex;flex-direction:column;gap:8px}.p-detail[data-v-dba1b63e]{font-size:var(--font-xs);color:var(--text-primary);line-height:var(--leading-normal)}.p-detail strong[data-v-dba1b63e]{color:var(--text-secondary)}.mesh-explanation h4[data-v-dba1b63e]{margin:0 0 10px;font-size:var(--font-base);font-weight:600;color:var(--text-primary)}.mesh-explanation>p[data-v-dba1b63e]{margin:0 0 18px;font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.mesh-order[data-v-dba1b63e]{display:flex;flex-direction:column;gap:10px}.mesh-dim[data-v-dba1b63e]{display:flex;align-items:center;gap:14px;padding:14px;background:var(--control-bg);border-radius:10px;border-left:4px solid}.mesh-rank[data-v-dba1b63e]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--border-color);border-radius:50%;font-size:var(--font-xs);font-weight:700;color:var(--text-secondary)}.mesh-info[data-v-dba1b63e]{display:flex;flex-direction:column;gap:4px}.mesh-name[data-v-dba1b63e]{font-weight:600;font-size:var(--font-base)}.mesh-desc[data-v-dba1b63e]{font-size:var(--font-xs);color:var(--text-secondary);line-height:var(--leading-normal)}.mesh-note[data-v-dba1b63e]{margin-top:18px;padding:14px;background:#4f46e51a;border-radius:10px;font-size:var(--font-sm);color:var(--text-primary);line-height:var(--leading-relaxed)}.mesh-note strong[data-v-dba1b63e]{color:var(--primary-color)}.communication-view[data-v-826ed1d4]{background-color:var(--panel-bg);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.communication-view h2[data-v-826ed1d4]{margin:0 0 8px;font-size:var(--font-xl);font-weight:700;color:var(--text-primary)}.description[data-v-826ed1d4]{margin:0 0 20px;font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.layer-breakdown[data-v-826ed1d4]{background-color:var(--control-bg);border-radius:10px;padding:20px;margin-bottom:20px}.layer-header[data-v-826ed1d4]{display:flex;align-items:center;gap:12px;margin-bottom:14px}.layer-header.next-layer[data-v-826ed1d4]{margin-top:10px;margin-bottom:0}.layer-badge[data-v-826ed1d4]{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:6px 14px;border-radius:20px;font-size:var(--font-xs);font-weight:700}.layer-desc[data-v-826ed1d4]{font-size:var(--font-sm);color:var(--text-secondary)}.component-timeline[data-v-826ed1d4]{display:flex;flex-direction:column;gap:10px}.component-block[data-v-826ed1d4]{background-color:var(--panel-bg);border-radius:10px;padding:14px;border-left:4px solid}.attention-block[data-v-826ed1d4]{border-left-color:#7c3aed}.ffn-block[data-v-826ed1d4]{border-left-color:#ea580c}.block-header[data-v-826ed1d4]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.block-icon[data-v-826ed1d4]{font-size:1.125rem}.block-title[data-v-826ed1d4]{font-weight:700;font-size:var(--font-base);color:var(--text-primary)}.block-stages[data-v-826ed1d4]{display:flex;flex-direction:column;gap:8px}.stage[data-v-826ed1d4]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--control-bg);border-radius:8px;font-size:var(--font-sm);flex-wrap:wrap;gap:8px}.stage-name[data-v-826ed1d4]{font-weight:600;color:var(--text-primary);min-width:130px}.stage-comm[data-v-826ed1d4]{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.stage-comm.none[data-v-826ed1d4]{opacity:.6}.connector[data-v-826ed1d4]{display:flex;align-items:center;gap:10px;padding:6px 14px}.connector-line[data-v-826ed1d4]{flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.connector-label[data-v-826ed1d4]{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap}.comm-badge[data-v-826ed1d4]{padding:4px 10px;border-radius:4px;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.comm-badge.attn_tp[data-v-826ed1d4]{background-color:#dc2626;color:#fff}.comm-badge.adp[data-v-826ed1d4]{background-color:#b91c1c;color:#fff}.comm-badge.expert_tp[data-v-826ed1d4]{background-color:#ea580c;color:#fff}.comm-badge.ep[data-v-826ed1d4]{background-color:#059669;color:#fff}.comm-badge.cp[data-v-826ed1d4]{background-color:#7c3aed;color:#fff}.comm-badge.fsdp[data-v-826ed1d4]{background-color:#db2777;color:#fff}.comm-badge.dp[data-v-826ed1d4]{background-color:#2563eb;color:#fff}.comm-badge.pp[data-v-826ed1d4]{background-color:#d97706;color:#fff}.comm-badge.none[data-v-826ed1d4]{background-color:#6b7280;color:#fff}.comm-label[data-v-826ed1d4]{font-size:var(--font-xs);color:var(--text-secondary);line-height:var(--leading-normal)}.pp-section[data-v-826ed1d4]{margin-top:14px;padding:12px;background-color:#d977061a;border-radius:8px;border:1px dashed #d97706}.pp-comm[data-v-826ed1d4]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gradient-section[data-v-826ed1d4]{background-color:var(--control-bg);border-radius:10px;padding:16px;margin-bottom:20px}.section-header[data-v-826ed1d4]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-icon[data-v-826ed1d4]{font-size:1.125rem}.section-title[data-v-826ed1d4]{font-weight:700;font-size:var(--font-base);color:var(--text-primary)}.gradient-comms[data-v-826ed1d4]{display:flex;flex-wrap:wrap;gap:10px}.grad-item[data-v-826ed1d4]{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:var(--panel-bg);border-radius:8px}.summary-section[data-v-826ed1d4]{background-color:var(--control-bg);border-radius:10px;padding:16px}.summary-table[data-v-826ed1d4]{display:flex;flex-direction:column;gap:8px}.summary-row[data-v-826ed1d4]{display:flex;align-items:center;gap:14px;padding:10px 12px;background-color:var(--panel-bg);border-radius:8px;font-size:var(--font-sm);flex-wrap:wrap}.summary-row.empty[data-v-826ed1d4]{justify-content:center;opacity:.6}.summary-dim[data-v-826ed1d4]{font-weight:600;color:var(--text-primary);min-width:130px}.summary-size[data-v-826ed1d4]{color:var(--text-secondary);min-width:110px}.summary-count[data-v-826ed1d4]{color:var(--text-muted);font-size:var(--font-xs)}:root{--primary-color: #4f46e5;--secondary-color: #7c3aed;--panel-bg: #ffffff;--control-bg: #f8fafc;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #d1d5db;--slider-track: #cbd5e1;--tp-color: #dc2626;--dp-color: #2563eb;--ep-color: #059669;--pp-color: #d97706;--cp-color: #7c3aed;--fsdp-color: #db2777;--font-xs: .8125rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--focus-ring: 0 0 0 3px rgba(79, 70, 229, .4)}@media (prefers-color-scheme: dark){:root{--primary-color: #818cf8;--secondary-color: #a78bfa;--panel-bg: #1f2937;--control-bg: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #4b5563;--slider-track: #4b5563;--focus-ring: 0 0 0 3px rgba(129, 140, 248, .5)}}*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-base);line-height:var(--leading-normal);background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;color:var(--text-primary)}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,#111827,#1f2937)}}:focus-visible{outline:none;box-shadow:var(--focus-ring)}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}#app{min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:32px;padding:24px}.header h1{margin:0;font-size:var(--font-3xl);font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.subtitle{margin:12px 0 0;color:var(--text-secondary);font-size:var(--font-lg);line-height:var(--leading-relaxed)}.main-content{display:grid;gap:24px}@media (min-width: 1024px){.main-content{grid-template-columns:350px 1fr;grid-template-rows:auto auto}.main-content>*:first-child{grid-row:1 / 3}.visualization-area{grid-column:2}}.visualization-area{display:flex;flex-direction:column;gap:16px}.footer{text-align:center;padding:32px 24px;margin-top:40px;color:var(--text-secondary);font-size:var(--font-sm);border-top:1px solid var(--border-color)}.footer p{margin:0 0 6px}.footer p:last-child{margin-bottom:0}.footer-credit{font-size:var(--font-sm)}.footer-credit strong{color:var(--text-primary)}.footer-disclaimer{font-size:var(--font-xs);color:var(--text-muted)}.footer a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.footer a:hover{color:var(--secondary-color)}.footer a:focus-visible{border-radius:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--control-bg);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:#667eea4d}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}