.viz-page{isolation:isolate;padding:155px 0 80px;position:relative}.viz-page:before{content:"";background:radial-gradient(ellipse at center, var(--viola-glow-strong) 0%, var(--viola-glow) 40%, transparent 72%);filter:blur(34px);z-index:-1;pointer-events:none;width:min(820px,92%);height:440px;animation:8s ease-in-out infinite alternate glowPulseX;position:absolute;top:40px;left:50%;transform:translate(-50%)}.viz-header{text-align:center;margin-bottom:40px}.viz-header h1{background:linear-gradient(110deg, var(--viola-light), var(--viola), var(--viola-light));-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;animation:5s linear infinite gradientFlow}.viz-header p{color:var(--gray-400);font-size:1.05rem}.pipeline-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b80;border:1px solid #33415566;border-radius:14px;justify-content:flex-start;align-items:center;gap:0;margin-bottom:48px;padding:10px 14px;display:flex;overflow-x:auto}.pipeline-step{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;transition:background .2s,opacity .2s;display:flex;position:relative}.pipeline-step:hover:not(.locked){background:#8b5cf614}.pipeline-step.active{background:#8b5cf61f}.pipeline-step.locked{cursor:default;opacity:.4}.pipeline-num{width:24px;height:24px;font-family:var(--font-heading), "Space Grotesk", sans-serif;border:1.5px solid var(--gray-500);color:var(--gray-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:border-color .2s,color .2s,background .2s;display:flex}.pipeline-step.active .pipeline-num{border-color:var(--viola);color:var(--white);background:var(--viola)}.pipeline-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.02em;color:var(--gray-400);white-space:nowrap;font-size:.75rem;font-weight:600;transition:color .2s}.pipeline-step.active .pipeline-label{color:var(--white)}.pipeline-lock{letter-spacing:.05em;text-transform:uppercase;color:var(--gray-500);border:1px solid #33415580;border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:600}.pipeline-arrow{background:#64748b4d;width:20px;height:1px;margin-left:6px;display:block}.pipeline-section{margin-bottom:20px;scroll-margin-top:120px}.pipeline-divider{align-items:center;gap:16px;margin:32px 0;display:flex}.pipeline-divider-line{background:linear-gradient(90deg,#0000,#8b5cf640,#0000);flex:1;height:1px}.pipeline-divider-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);white-space:nowrap;font-size:.72rem;font-weight:600}.char-limit{text-align:right;color:var(--gray-500);padding:4px 20px 10px;font-size:.72rem}.char-limit-full{color:var(--red);font-weight:600}.step-intro{margin-bottom:28px}.step-intro h2{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);letter-spacing:-.01em;margin-bottom:10px;font-size:2rem;font-weight:800}.step-intro p{color:var(--gray-400);max-width:640px;font-size:.95rem;line-height:1.6}.emb-controls{align-items:center;gap:16px;margin-bottom:20px;display:flex}.emb-count{color:var(--gray-500);font-size:.82rem}.emb-chart{background:#0f172a99;border:1px solid #33415580;border-radius:12px;margin-bottom:20px;position:relative;overflow:hidden}.emb-chart svg{width:100%;display:block}.emb-tooltip{pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172af2;border:1px solid #8b5cf64d;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex;position:absolute}.emb-tooltip strong{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.85rem}.emb-tooltip-cluster{color:var(--viola-light);font-size:.72rem}.emb-tooltip-coords{color:var(--gray-500);font-family:monospace;font-size:.7rem}.emb-tooltip-hash{color:var(--gray-500);font-size:.65rem;font-style:italic}.emb-legend{background:#1e293b66;border-radius:10px;flex-wrap:wrap;gap:12px 20px;margin-bottom:24px;padding:12px 16px;display:flex}.emb-legend-item{color:var(--gray-400);align-items:center;gap:6px;font-size:.75rem;display:flex}.emb-legend-dot{border-radius:50%;width:8px;height:8px}.emb-token-list{background:var(--slate);border:1px solid #33415580;border-radius:12px;margin-bottom:24px;overflow:hidden}.emb-vectors{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:16px 20px;display:grid}.emb-vector-row{align-items:center;gap:8px;display:flex}.emb-vector-word{font-family:var(--font-heading), "Space Grotesk", sans-serif;min-width:70px;font-size:.82rem;font-weight:600}.emb-vector-val{color:var(--gray-500);font-family:monospace;font-size:.75rem}.emb-vector-hash{color:var(--gray-500);opacity:.5;font-size:.7rem}.emb-vector-more{color:var(--gray-500);padding:4px 0;font-size:.8rem}.viz-controls{align-items:center;gap:16px;margin-bottom:24px;display:flex}.model-selector{align-items:center;gap:10px;display:flex}.model-selector label{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.02em;color:var(--gray-400);font-size:.85rem;font-weight:600}.model-selector select{background:var(--slate);color:var(--white);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;border:1px solid #33415599;border-radius:8px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.model-selector select:focus{border-color:var(--teal)}.toggle-btn{color:var(--gray-400);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;background:0 0;border:1px solid #33415599;border-radius:8px;padding:10px 16px;font-size:.85rem;transition:border-color .2s,color .2s,background .2s}.toggle-btn:hover{border-color:var(--gray-400);color:var(--white)}.toggle-btn.active{border-color:var(--teal);color:var(--teal);background:#0d948814}.viz-main{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.viz-panel{background:var(--slate);border:1px solid #33415580;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid #33415580;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.panel-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.02em;color:var(--white);font-size:.85rem;font-weight:600}.token-count{color:var(--gray-500);font-size:.8rem}.clear-btn{color:var(--gray-400);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;background:0 0;border:1px solid #33415599;border-radius:6px;padding:4px 12px;font-size:.8rem;transition:border-color .2s,color .2s}.clear-btn:hover{border-color:var(--gray-400);color:var(--white)}.viz-input{min-height:280px;color:var(--gray-300);font-family:var(--font-body), "DM Sans", sans-serif;resize:none;background:0 0;border:none;outline:none;flex:1;padding:20px;font-size:1rem;line-height:1.7}.viz-input::placeholder{color:var(--gray-500)}.token-output{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;min-height:280px;padding:20px;display:flex;overflow-y:auto}.token-output-empty{color:var(--gray-500);font-size:.9rem}.tk{font-family:var(--font-body), "DM Sans", sans-serif;background:hsla(var(--h), 55%, 40%, .15);border:1px solid hsla(var(--h), 55%, 50%, .25);color:hsla(var(--h), 65%, 75%, 1);cursor:default;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-size:.85rem;font-weight:500;transition:transform .15s,box-shadow .15s;animation:.2s ease-out tokenIn;display:inline-flex}.tk:hover{box-shadow:0 4px 12px hsla(var(--h), 55%, 40%, .2);transform:translateY(-2px)}.tk-space{opacity:.5}@keyframes tokenIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.viz-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--slate);text-align:center;border:1px solid #33415580;border-radius:10px;padding:20px}.stat-number{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.02em;color:var(--teal-light);margin-bottom:4px;font-size:1.75rem;font-weight:700;display:block}.stat-name{color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.pe-demo{align-items:center;gap:20px;margin-bottom:12px;display:flex}.pe-demo-card{background:#0f172a99;border:1px solid #33415580;border-radius:12px;flex:1;padding:16px 20px}.pe-demo-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);margin-bottom:10px;font-size:.72rem;font-weight:600}.pe-demo-tokens{flex-wrap:wrap;gap:8px;display:flex}.pe-demo-tk{font-family:var(--font-body), "DM Sans", sans-serif;border-radius:6px;align-items:baseline;gap:2px;padding:6px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.pe-demo-tk sub{opacity:.5;margin-left:2px;font-size:.65rem}.pe-tk-teal{color:var(--teal-light);background:#0d94881f;border:1px solid #0d948840}.pe-tk-viola{color:var(--viola-light);background:#8b5cf61f;border:1px solid #8b5cf640}.pe-demo-vs{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--gray-500);flex-shrink:0;font-size:1.5rem;font-weight:700}.pe-demo-explain{color:var(--gray-400);max-width:640px;margin-bottom:32px;font-size:.85rem;line-height:1.6}.pe-section-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.pe-section-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.95rem;font-weight:600}.pe-section-meta{color:var(--gray-500);font-size:.75rem}.pe-heatmap-wrap{background:#0f172a99;border:1px solid #33415580;border-radius:12px;margin-bottom:8px;position:relative;overflow:hidden}.pe-heatmap-wrap svg{width:100%;display:block}.pe-tooltip{pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0f172af2;border:1px solid #8b5cf64d;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex;position:absolute}.pe-tooltip strong{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.82rem}.pe-tooltip-fn{color:var(--gray-400);font-family:monospace;font-size:.72rem}.pe-tooltip-val{color:var(--viola-light);font-family:monospace;font-size:.75rem;font-weight:600}.pe-legend{justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.pe-legend-end{font-size:.72rem;font-family:var(--font-heading), "Space Grotesk", sans-serif;font-weight:600}.pe-legend-neg{color:var(--teal)}.pe-legend-pos{color:var(--viola)}.pe-legend-bar{background:linear-gradient(90deg,#0d9488,#0f172a 50%,#8b5cf6);border-radius:5px;width:160px;height:10px}.pe-bar-wrap{background:#0f172a99;border:1px solid #33415580;border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.pe-bar-wrap svg{width:100%;display:block}.pe-token-pills{flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}.pe-pill{color:var(--gray-400);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;background:#1e293b66;border:1px solid #33415580;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.pe-pill:hover{border-color:var(--gray-400);color:var(--white)}.pe-pill-active{border-color:var(--viola);color:var(--white);background:#8b5cf61a}.pe-pill-pos{width:20px;height:20px;font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--viola-light);background:#8b5cf626;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.pe-pill-more{color:var(--gray-500);padding:6px 8px;font-size:.8rem}.pe-formula{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:24px 16px;display:flex}.pe-formula-box{background:#1e293b80;border:1px solid #33415580;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:140px;padding:16px 24px;display:flex}.pe-formula-emb{border-color:#0d94884d}.pe-formula-pe{border-color:#8b5cf64d}.pe-formula-final{background:#facc150a;border-color:#facc154d}.pe-formula-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.85rem;font-weight:600}.pe-formula-desc{color:var(--gray-500);font-size:.72rem}.pe-formula-op{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--gray-500);font-size:1.4rem;font-weight:700}.sa-stepper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sa-steps{flex-wrap:wrap;gap:4px;display:flex}.sa-step-btn{color:var(--gray-400);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;background:#1e293b66;border:1px solid #33415566;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.sa-step-btn:hover{border-color:var(--gray-400);color:var(--white)}.sa-step-active{border-color:var(--viola);color:var(--white);background:#8b5cf61a}.sa-step-num{width:20px;height:20px;font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--viola-light);background:#8b5cf626;border-radius:50%;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:inline-flex}.sa-step-active .sa-step-num{background:var(--viola);color:var(--white)}.sa-controls{gap:6px;display:flex}.sa-ctrl{color:var(--gray-400);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;background:0 0;border:1px solid #33415580;border-radius:8px;padding:6px 14px;font-size:.8rem;transition:border-color .2s,color .2s}.sa-ctrl:hover:not(:disabled){border-color:var(--gray-400);color:var(--white)}.sa-ctrl:disabled{opacity:.3;cursor:default}.sa-ctrl-next{border-color:var(--viola);color:var(--viola-light)}.sa-ctrl-next:hover:not(:disabled){color:var(--white);background:#8b5cf61a}.sa-ctrl-stop{color:#ef4444;border-color:#ef4444}.sa-ctrl-stop:hover{background:#ef44441a}.sa-ctrl-replay{border-color:var(--teal);color:var(--teal)}.sa-ctrl-replay:hover{background:#0d94881a}.sa-autoplay-bar{background:#33415566;border-radius:3px;width:100%;height:3px;margin-bottom:8px;overflow:hidden}.sa-autoplay-progress{background:linear-gradient(90deg, var(--teal), var(--viola));border-radius:3px;height:100%;transition:width .5s}.sa-step-playing{animation:2.5s ease-in-out infinite saStepPulse}@keyframes saStepPulse{0%,to{box-shadow:0 0 #8b5cf64d}50%{box-shadow:0 0 0 6px #8b5cf600}}.sa-caption{color:var(--gray-400);max-width:640px;margin-bottom:16px;font-size:.85rem;line-height:1.6}.sa-stage{background:#0f172a99;border:1px solid #33415580;border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.sa-stage svg{width:100%;display:block}.sa-token-pills{flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}.sa-pill{color:var(--gray-400);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;background:#1e293b66;border:1px solid #33415580;border-radius:8px;padding:5px 12px;font-size:.82rem;transition:border-color .2s,color .2s,background .2s}.sa-pill:hover{border-color:var(--gray-400);color:var(--white)}.sa-pill-active{border-color:var(--viola);color:var(--white);background:#8b5cf61a}.sa-pill-more{color:var(--gray-500);padding:5px 8px;font-size:.8rem}.sa-section-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.sa-section-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.95rem;font-weight:600}.sa-section-meta{color:var(--gray-500);font-size:.75rem}.sa-heatmap-wrap{background:#0f172a99;border:1px solid #33415580;border-radius:12px;margin-bottom:24px;position:relative;overflow:hidden}.sa-heatmap-wrap svg{width:100%;display:block}.sa-tooltip{pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0f172af2;border:1px solid #8b5cf64d;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex;position:absolute}.sa-tooltip strong{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.82rem}.sa-tooltip-val{color:var(--viola-light);font-family:monospace;font-size:.72rem}.sa-multihead{border:1px solid #33415566;border-radius:12px;margin-top:8px;overflow:hidden}.sa-multihead-summary{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);cursor:pointer;background:#1e293b66;padding:14px 20px;font-size:.9rem;font-weight:600;list-style:none}.sa-multihead-summary::-webkit-details-marker{display:none}.sa-multihead-summary:before{content:"▸ ";color:var(--viola)}.sa-multihead[open] .sa-multihead-summary:before{content:"▾ "}.sa-multihead-desc{color:var(--gray-400);padding:0 20px 12px;font-size:.82rem;line-height:1.5}.sa-mh-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px 20px;display:grid}.sa-mh-card{background:#0f172a80;border:1px solid #33415566;border-radius:8px;padding:10px}.sa-mh-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--gray-400);text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.72rem;font-weight:600}.sa-mh-cells{gap:1.5px;display:grid}.sa-mh-cell{aspect-ratio:1;border-radius:2px;min-width:0}.ffn-block-diagram{background:#1e293b66;border:1px solid #33415566;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;padding:14px 16px;display:flex;overflow-x:auto}.ffn-block{background:#0f172a80;border:1px solid #33415580;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:8px 14px;display:flex}.ffn-block-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);white-space:nowrap;font-size:.75rem;font-weight:600}.ffn-block-sub{color:var(--gray-500);font-size:.62rem}.ffn-block-input{border-color:#0d94884d}.ffn-block-add{border-color:#facc1540}.ffn-block-norm{border-color:#22c55e40}.ffn-block-ffn{background:#8b5cf60a;border-color:#8b5cf64d}.ffn-block-out{background:#facc150a;border-color:#facc154d}.ffn-block-arrow{color:var(--gray-500);flex-shrink:0;font-size:1rem}.ffn-token-pills{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.ffn-pill{color:var(--gray-400);font-family:var(--font-body), "DM Sans", sans-serif;cursor:pointer;background:#1e293b66;border:1px solid #33415580;border-radius:8px;padding:5px 12px;font-size:.82rem;transition:border-color .2s,color .2s,background .2s}.ffn-pill:hover{border-color:var(--gray-400);color:var(--white)}.ffn-pill-active{border-color:var(--viola);color:var(--white);background:#8b5cf61a}.ffn-pill-more{color:var(--gray-500);padding:5px 8px;font-size:.8rem}.ffn-section-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.ffn-section-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.95rem;font-weight:600}.ffn-section-meta{color:var(--gray-500);font-size:.75rem}.ffn-explain{color:var(--gray-400);max-width:640px;margin-bottom:12px;font-size:.85rem;line-height:1.6}.ffn-chart-wrap{background:#0f172a99;border:1px solid #33415580;border-radius:12px;margin-bottom:28px;position:relative;overflow:hidden}.ffn-chart-wrap svg{width:100%;display:block}.ffn-final{margin-top:8px;margin-bottom:8px}.ffn-final-compare{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:12px 0;display:flex}.ffn-final-box{background:#1e293b80;border:1px solid #33415580;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:14px 22px;display:flex}.ffn-final-tag{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.ffn-final-vec{font-family:monospace;font-size:.85rem;font-weight:600}.ffn-final-before{border-color:#0d94884d}.ffn-final-before .ffn-final-vec{color:var(--teal-light)}.ffn-final-after{background:#facc150a;border-color:#facc154d}.ffn-final-after .ffn-final-vec{color:#facc15}.ffn-final-arrow{color:var(--gray-500);font-size:1.4rem}.ffn-final-note{color:var(--gray-400);text-align:center;max-width:540px;margin:8px auto 0;font-size:.82rem;line-height:1.5}.gen-flow{background:#1e293b66;border:1px solid #33415566;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:24px;padding:14px 16px;display:flex;overflow-x:auto}.gen-flow-box{background:#0f172a80;border:1px solid #33415580;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:8px 14px;display:flex}.gen-flow-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);white-space:nowrap;font-size:.78rem;font-weight:600}.gen-flow-sub{color:var(--gray-500);font-family:monospace;font-size:.62rem}.gen-flow-vec{border-color:#0d94884d}.gen-flow-proj{border-color:#8b5cf64d}.gen-flow-soft{border-color:#22c55e40}.gen-flow-out{background:#facc150a;border-color:#facc154d}.gen-flow-arrow{color:var(--gray-500);flex-shrink:0;font-size:1rem}.gen-controls{flex-wrap:wrap;gap:24px;margin-bottom:24px;display:flex}.gen-control{flex:1;min-width:200px}.gen-control-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--gray-400);margin-bottom:8px;font-size:.82rem;display:block}.gen-control-label strong{color:var(--white)}.gen-slider{appearance:none;cursor:pointer;background:#33415580;border-radius:2px;outline:none;width:100%;height:4px}.gen-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--viola);cursor:pointer;border:2px solid #8b5cf666;border-radius:50%;width:16px;height:16px;transition:transform .15s}.gen-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.gen-slider::-moz-range-thumb{background:var(--viola);cursor:pointer;border:2px solid #8b5cf666;border-radius:50%;width:16px;height:16px}.gen-slider-labels{color:var(--gray-500);justify-content:space-between;margin-top:6px;font-size:.68rem;display:flex}.gen-section-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.gen-section-label{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:var(--white);font-size:.95rem;font-weight:600}.gen-section-meta{color:var(--gray-500);font-size:.75rem}.gen-chart-wrap{background:#0f172a99;border:1px solid #33415580;border-radius:12px;margin-bottom:20px;position:relative;overflow:hidden}.gen-chart-wrap svg{width:100%;display:block}.gen-winner{background:#facc150a;border:1px solid #facc1533;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:28px;padding:16px;display:flex}.gen-winner-label{color:var(--gray-400);font-size:.82rem}.gen-winner-word{font-family:var(--font-heading), "Space Grotesk", sans-serif;color:#facc15;font-size:1.3rem;font-weight:700}.gen-winner-prob{color:var(--gray-400);font-family:monospace;font-size:.85rem}.gen-loop{background:#1e293b66;border:1px solid #33415566;border-radius:12px;flex-direction:column;gap:0;margin-bottom:12px;padding:16px 20px;display:flex}.gen-loop-step{color:var(--gray-400);align-items:center;gap:10px;font-size:.85rem;line-height:1.5;display:flex}.gen-loop-num{width:22px;height:22px;color:var(--viola-light);font-family:var(--font-heading), "Space Grotesk", sans-serif;background:#8b5cf626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.gen-loop-arrow{color:var(--gray-500);padding-left:6px;font-size:.82rem;line-height:1.2}.gen-loop-repeat{color:var(--viola-light);font-weight:500}.gen-loop-note{color:var(--gray-400);max-width:540px;margin-bottom:8px;font-size:.82rem;line-height:1.5}.gen-disclaimer{color:var(--gray-300);background:#8b5cf60f;border:1px solid #8b5cf626;border-radius:10px;max-width:600px;margin-top:20px;padding:14px 18px;font-size:.82rem;line-height:1.6}.gen-disclaimer strong{color:#c4b5fd;margin-bottom:4px;font-size:.85rem;display:block}.gen-disclaimer em{color:#a78bfa;font-style:normal;font-weight:600}.gen-sequence{background:#0f172a80;border:1px solid #33415580;border-radius:10px;margin-bottom:16px;padding:16px}.gen-seq-label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:10px;font-size:.72rem;font-weight:600}.gen-seq-tokens{flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;display:flex}.gen-seq-tok{border-radius:6px;padding:5px 12px;font-size:.82rem;font-weight:500}.gen-seq-original{color:var(--gray-300);background:#1e293b99;border:1px solid #33415580}.gen-seq-generated{color:var(--viola-light);background:#8b5cf61f;border:1px solid #8b5cf659}.gen-seq-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) genPop}@keyframes genPop{0%{opacity:0;transform:scale(.5)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.gen-seq-cursor{background:var(--viola);border-radius:1px;width:2px;height:20px;animation:.8s step-end infinite genBlink;display:inline-block}@keyframes genBlink{0%,to{opacity:1}50%{opacity:0}}.gen-pipeline-steps{gap:4px;margin-bottom:16px;display:flex}.gen-pipe-step{background:#1e293b4d;border:1px solid #33415566;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;transition:all .25s;display:flex}.gen-pipe-num{color:var(--gray-500);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;transition:all .25s;display:flex}.gen-pipe-label{color:var(--gray-500);font-size:.72rem;font-weight:500;transition:color .25s}.gen-pipe-active{background:#8b5cf614;border-color:#8b5cf680}.gen-pipe-active .gen-pipe-num{background:var(--viola);color:var(--white)}.gen-pipe-active .gen-pipe-label{color:var(--viola-light)}.gen-pipe-done{border-color:#0d94884d}.gen-pipe-done .gen-pipe-num{color:var(--teal-light);background:#0d948833}.gen-pipe-done .gen-pipe-label{color:var(--teal-light)}.gen-actions{gap:10px;margin-bottom:20px;display:flex}.gen-btn{font-family:var(--font-heading), "Space Grotesk", sans-serif;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.88rem;font-weight:600;transition:background .2s,transform .15s}.gen-btn:active{transform:scale(.97)}.gen-btn-start{background:var(--viola);color:var(--white)}.gen-btn-start:hover{background:#7c3aed}.gen-btn-stop{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.gen-btn-stop:hover{background:#ef444440}.gen-btn-clear{color:var(--gray-400);border:1px solid var(--slate-light);background:0 0}.gen-btn-clear:hover{border-color:var(--gray-400);color:var(--white)}@media (max-width:768px){.viz-main{grid-template-columns:1fr}.viz-stats{grid-template-columns:repeat(2,1fr)}.viz-header h1{font-size:1.75rem}.viz-input,.token-output{min-height:160px}.pipeline-nav{flex-wrap:wrap;gap:4px;padding:10px 12px}.pipeline-step{padding:8px 12px}.pipeline-arrow{display:none}.pipeline-label{font-size:.72rem}.emb-vectors{grid-template-columns:1fr}.pe-demo{flex-direction:column;gap:12px}.pe-demo-vs{font-size:1.2rem}.pe-formula-box{min-width:100px;padding:12px 16px}.pe-formula{gap:10px}.pe-heatmap-wrap{overflow-x:auto}.sa-stepper{flex-direction:column;align-items:flex-start}.sa-step-btn{padding:5px 10px;font-size:.72rem}.sa-mh-grid{grid-template-columns:repeat(2,1fr)}.sa-stage,.sa-heatmap-wrap{overflow-x:auto}.ffn-block-diagram{gap:4px;padding:10px}.ffn-block{padding:6px 10px}.ffn-block-label{font-size:.68rem}.ffn-chart-wrap{overflow-x:auto}.ffn-final-box{padding:10px 16px}.gen-flow{gap:4px;padding:10px}.gen-flow-box{padding:6px 10px}.gen-controls{flex-direction:column;gap:16px}.gen-chart-wrap{overflow-x:auto}.gen-winner-word{font-size:1.1rem}.gen-pipeline-steps{flex-wrap:wrap;gap:4px}.gen-pipe-step{flex:0 auto;padding:5px 8px}.gen-pipe-label{font-size:.65rem}}