.root[data-v-30995696]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;border:1px solid rgba(128,128,128,.12);border-radius:12px}.panel[data-v-30995696]{display:flex;flex-direction:column;gap:10px}.header[data-v-30995696]{display:flex;align-items:baseline;gap:8px}.label[data-v-30995696]{font-size:13px;font-weight:700;opacity:.7;letter-spacing:.05em}.sub[data-v-30995696]{font-size:11px;opacity:.3}.grid-wrap[data-v-30995696]{position:relative;overflow:hidden;border-radius:6px}.grid[data-v-30995696]{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:2px}.cell[data-v-30995696]{aspect-ratio:1;border-radius:2px;background:#8080800d;transition:background .25s ease,box-shadow .25s ease}.cell.is-fish[data-v-30995696],.cell.is-eye[data-v-30995696]{background:#34c6eb0f}.cell.is-active[data-v-30995696]{background:#34c6eb;box-shadow:0 0 5px #34c6eb80,0 0 12px #34c6eb26;transition:none}.cell.is-done[data-v-30995696]{background:#34c6eb99;box-shadow:0 0 2px #34c6eb1a}.cell.is-eye-done[data-v-30995696]{background:#0f1e32d9;box-shadow:none}.flash[data-v-30995696]{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(52,198,235,.3) 0%,transparent 70%);border-radius:6px;animation:flash-fade-30995696 .6s ease-out forwards;pointer-events:none}@keyframes flash-fade-30995696{0%{opacity:1}to{opacity:0}}.footer[data-v-30995696]{display:flex;justify-content:flex-end}.counter[data-v-30995696]{font-size:11px;font-family:monospace;opacity:.25;font-variant-numeric:tabular-nums}.benchmark-root[data-v-b1a45afa]{--bar-cpu: #f59e0b;--bar-gpu: #22d3ee;--surface: #f8fafc;--surface-dark: #111827;--border: #e2e8f0;--text-1: #1e293b;--text-2: #64748b;--text-3: #94a3b8;display:flex;flex-direction:column;gap:16px;border:1px solid var(--border);border-radius:14px;padding:24px;font-family:PingFang TC,Microsoft JhengHei,system-ui,sans-serif}.benchmark-controls[data-v-b1a45afa]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.benchmark-slider-group[data-v-b1a45afa]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.benchmark-label[data-v-b1a45afa]{white-space:nowrap}.benchmark-slider[data-v-b1a45afa]{width:96px;accent-color:var(--text-2)}.benchmark-count[data-v-b1a45afa]{min-width:72px;font-variant-numeric:tabular-nums;text-align:right}.benchmark-button[data-v-b1a45afa]{padding:6px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:var(--surface-dark);color:#fff;transition:background .15s,opacity .15s;line-height:1.5}.benchmark-button[data-v-b1a45afa]:hover:not(:disabled){background:#374151}.benchmark-button.is-running[data-v-b1a45afa]{background:var(--text-3);cursor:wait;animation:benchmark-pulse-b1a45afa 1.6s ease-in-out infinite}@keyframes benchmark-pulse-b1a45afa{0%,to{opacity:1}50%{opacity:.6}}.benchmark-canvas-row[data-v-b1a45afa]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.benchmark-canvas-box[data-v-b1a45afa]{display:flex;flex-direction:column;gap:6px}.benchmark-canvas-label[data-v-b1a45afa]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.benchmark-dot[data-v-b1a45afa]{display:inline-block;width:8px;height:8px;border-radius:50%}.dot-cpu[data-v-b1a45afa]{background:var(--bar-cpu)}.dot-gpu[data-v-b1a45afa]{background:var(--bar-gpu)}.benchmark-canvas[data-v-b1a45afa]{width:100%;border-radius:8px;background:var(--surface-dark)}.benchmark-result[data-v-b1a45afa]{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface);border-radius:10px}.benchmark-bars[data-v-b1a45afa]{display:flex;flex-direction:column;gap:10px}.benchmark-bar-row[data-v-b1a45afa]{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.benchmark-bar-label[data-v-b1a45afa]{font-size:12px;font-weight:700;color:var(--text-2);text-align:right}.benchmark-bar-track[data-v-b1a45afa]{height:22px;border-radius:6px;background:#e2e8f0;overflow:hidden}.benchmark-bar-fill[data-v-b1a45afa]{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.16,1,.3,1)}.bar-cpu[data-v-b1a45afa]{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bar-gpu[data-v-b1a45afa]{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.benchmark-bar-value[data-v-b1a45afa]{min-width:80px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-1)}.benchmark-speedup[data-v-b1a45afa]{text-align:center;font-size:13px;color:var(--text-2)}.benchmark-speedup strong[data-v-b1a45afa]{font-size:18px;color:#0891b2}.benchmark-hint[data-v-b1a45afa]{margin:0;font-size:12px;color:var(--text-3)}.dark .benchmark-root[data-v-b1a45afa]{--surface: #1e293b;--border: #334155;--text-1: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b}.dark .benchmark-bar-track[data-v-b1a45afa]{background:#334155}.dark .benchmark-speedup strong[data-v-b1a45afa]{color:#22d3ee}.sp-root[data-v-3dc9f3e6]{--accent: #34c6eb;--purple: #a855f7;--text-1: #1e293b;--text-2: #64748b;--text-3: #94a3b8;--border: rgba(128, 128, 128, .12);--surface: rgba(128, 128, 128, .04);display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--border);border-radius:12px}.sp-bar[data-v-3dc9f3e6]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.sp-bar-item[data-v-3dc9f3e6]{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-3);background:var(--surface);transition:color .3s,background .3s;white-space:nowrap}.sp-bar-item.is-active[data-v-3dc9f3e6]{color:var(--text-2);background:#80808014}.sp-bar-item.is-active.is-vertex[data-v-3dc9f3e6]{color:#0891b2;background:#34c6eb1a}.sp-bar-item.is-active.is-fragment[data-v-3dc9f3e6]{color:#7c3aed;background:#a855f71a}.sp-bar-arrow[data-v-3dc9f3e6]{padding:0 5px;font-size:12px;color:var(--text-3);opacity:.25;transition:opacity .3s,color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-bar-arrow.is-active[data-v-3dc9f3e6]{opacity:.6;color:var(--text-2)}.sp-panels[data-v-3dc9f3e6]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-panel[data-v-3dc9f3e6]{display:flex;flex-direction:column;gap:10px}.sp-panel-head[data-v-3dc9f3e6]{display:flex;align-items:center;gap:8px}.sp-color-dot[data-v-3dc9f3e6]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sp-color-dot--cyan[data-v-3dc9f3e6]{background:var(--accent)}.sp-color-dot--purple[data-v-3dc9f3e6]{background:var(--purple)}.sp-panel-title[data-v-3dc9f3e6]{font-size:14px;font-weight:700;color:var(--text-1)}.sp-visual-wrap[data-v-3dc9f3e6]{border-radius:10px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.sp-visual[data-v-3dc9f3e6]{display:block;width:100%;height:auto}.sp-vertex[data-v-3dc9f3e6]{opacity:0}.sp-vertex.is-active[data-v-3dc9f3e6]{animation:sp-pop-3dc9f3e6 .35s ease forwards}.sp-coord-label[data-v-3dc9f3e6]{font-size:7px;font-family:SF Mono,Cascadia Code,Fira Code,monospace;fill:var(--text-2)}@keyframes sp-pop-3dc9f3e6{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.sp-frag-pixel[data-v-3dc9f3e6]{fill:#8080800f}.sp-frag-pixel.is-active[data-v-3dc9f3e6]{animation:sp-fill-3dc9f3e6 .25s ease forwards}@keyframes sp-fill-3dc9f3e6{0%{fill:#8080800f}to{fill:var(--c)}}.sp-explain[data-v-3dc9f3e6]{font-size:13px;line-height:1.7;color:var(--text-2);padding:0 4px}.sp-explain strong[data-v-3dc9f3e6]{color:var(--text-1)}.sp-highlight[data-v-3dc9f3e6]{font-weight:700;font-variant-numeric:tabular-nums}.sp-highlight--cyan[data-v-3dc9f3e6]{color:#0891b2}.sp-highlight--purple[data-v-3dc9f3e6]{color:#7c3aed}.sp-point-size-note[data-v-3dc9f3e6]{font-size:13px;line-height:1.7;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.sp-point-size-note code[data-v-3dc9f3e6]{font-size:12px;padding:1px 5px;border-radius:4px;background:#8080801a;font-family:SF Mono,Cascadia Code,Fira Code,monospace}.sp-point-size-note strong[data-v-3dc9f3e6]{color:var(--text-1)}.dark .sp-root[data-v-3dc9f3e6]{--text-1: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b}.dark .sp-bar-item.is-active.is-vertex[data-v-3dc9f3e6]{color:#22d3ee}.dark .sp-bar-item.is-active.is-fragment[data-v-3dc9f3e6]{color:#c4b5fd}.dark .sp-highlight--cyan[data-v-3dc9f3e6]{color:#22d3ee}.dark .sp-highlight--purple[data-v-3dc9f3e6]{color:#c4b5fd}@media (max-width: 640px){.sp-root[data-v-3dc9f3e6]{padding:16px;gap:14px}.sp-bar-item[data-v-3dc9f3e6]{font-size:10px;padding:3px 6px}.sp-bar-arrow[data-v-3dc9f3e6]{padding:0 2px;font-size:10px}.sp-panels[data-v-3dc9f3e6]{grid-template-columns:1fr}}