#root{height:100%}.app-root{height:100%;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07090f;--s1: #0c0f1a;--s2: #111525;--s3: #161c2e;--s4: #1c2338;--b: #1e2540;--b2: #262f4a;--b3: #2e3858;--text: #d8e2f8;--muted: #667090;--dim: #38436a;--mono: "JetBrains Mono", monospace;--sans: "Outfit", sans-serif;--blue: #5b8df4;--purple: #a855f7;--green: #22d3a4;--yellow: #f5a623;--red: #f87171;--cyan: #22d3ee;--pink: #e879f9;--orange: #fb923c}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;display:flex;flex-direction:column}body[data-theme=light]{--bg: #f1f5ff;--s1: #f9fbff;--s2: #eef3ff;--s3: #e5edff;--s4: #dfe7fb;--b: #c8d5f4;--b2: #bcccf0;--b3: #aebfe5;--text: #162033;--muted: #4f638b;--dim: #7f92ba;--blue: #2f6bda;--purple: #7b4be0;--green: #0da37f;--yellow: #c98919;--red: #cf4d4d;--cyan: #0f97c8;--pink: #cc55cf;--orange: #d27824}body.resizing-layout{-webkit-user-select:none;user-select:none;cursor:col-resize}.topbar{height:50px;flex-shrink:0;background:var(--s1);border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.logo{display:flex;align-items:center;gap:9px}.logo-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center;color:#f5f8ff}.logo-glyph{width:18px;height:18px;display:block;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.logo-name{font-size:16px;font-weight:700;letter-spacing:-.4px}.logo-name span{color:var(--blue)}.theme-switch{border:1px solid rgba(125,152,214,.4);background:linear-gradient(180deg,#ffffff2e,#ffffff0a);color:var(--text);border-radius:999px;height:34px;padding:0 7px 0 12px;display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff40,0 10px 20px #08122326}.theme-switch-label{font-size:10px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.theme-switch-track{width:54px;height:22px;border-radius:999px;border:1px solid rgba(125,152,214,.45);background:linear-gradient(135deg,#2e437ca6,#1b264bbf);position:relative;overflow:hidden;box-shadow:inset 0 0 14px #6286e138}.theme-switch-track.is-light{background:linear-gradient(135deg,#91c6ffd9,#75a0ffd9);box-shadow:inset 0 0 16px #ffffff59}.theme-switch-gloss{position:absolute;inset:2px 3px auto 3px;height:8px;border-radius:999px;background:linear-gradient(90deg,#ffffff8c,#ffffff14);opacity:.8}.theme-switch-orb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#c4d8ff 62%,#8cb3ff);box-shadow:0 0 0 1px #ffffff73,0 0 16px #a0c8ffa6;transition:transform .28s cubic-bezier(.34,1.35,.64,1);animation:liquidBeat 2.2s ease-in-out infinite}.theme-switch-track.is-light .theme-switch-orb{transform:translate(30px);background:radial-gradient(circle at 32% 30%,#fffbe3,#ffd988 60%,#ffb949);box-shadow:0 0 0 1px #ffffff8c,0 0 16px #ffc75ba6}@keyframes liquidBeat{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.theme-switch-track.is-light .theme-switch-orb{animation-name:liquidBeatLight}@keyframes liquidBeatLight{0%,to{transform:translate(30px) scale(1)}50%{transform:translate(30px) scale(1.08)}}.key-wrap{display:flex;align-items:center;gap:0;background:var(--s2);border:1px solid var(--b2);border-radius:8px;padding:0 12px;height:38px}.key-wrap label{font-size:10px;font-family:var(--mono);color:var(--muted);letter-spacing:.08em;padding:0;margin:0;line-height:1;height:14px;display:flex;align-items:center;white-space:nowrap}.body{display:flex;flex:1;min-height:0;overflow:hidden}.left{flex-shrink:0;border-right:1px solid var(--b);display:flex;flex-direction:column;background:var(--s1);min-width:250px;max-width:640px;overflow:hidden;transition:width .28s ease,min-width .28s ease}.left.transformed{background:linear-gradient(180deg,#060910fc,#060b16fc)}.ph{padding:7px 13px;border-bottom:1px solid var(--b);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:space-between;background:var(--s2);flex-shrink:0}.lang-sel{background:var(--s3);border:1px solid var(--b2);color:var(--text);font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:6px;cursor:pointer;outline:none}.left-header-actions{display:flex;align-items:center;gap:8px}.output-btn{position:relative;border:1px solid rgba(91,141,244,.72);background:linear-gradient(180deg,#101c36f2,#0a1123fa);color:#78b1ff;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;padding:4px 12px;border-radius:999px;cursor:pointer;text-transform:uppercase;box-shadow:0 0 0 1px #5b8df42e,0 0 10px #5b8df433,inset 0 1px #ffffff0f;animation:outputBeat 1.7s ease-in-out infinite}.output-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:1px solid rgba(91,141,244,.28);opacity:.7;filter:blur(.1px)}.output-btn:hover{color:#c8ddff;border-color:#5b8df4f2;box-shadow:0 0 0 1px #5b8df43d,0 0 16px #5b8df459,0 0 32px #5b8df42e,inset 0 1px #ffffff14}.output-btn:active{transform:translateY(1px) scale(.98)}.output-btn:focus-visible{outline:1px solid rgba(91,141,244,.9);outline-offset:2px}@keyframes outputBeat{0%,to{box-shadow:0 0 0 1px #5b8df42e,0 0 10px #5b8df433,inset 0 1px #ffffff0f;transform:translateY(0) scale(1)}50%{box-shadow:0 0 0 1px #5b8df447,0 0 16px #5b8df46b,0 0 28px #5b8df429,inset 0 1px #ffffff14;transform:translateY(-1px) scale(1.03)}}.code-area{flex:1;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:12px;line-height:1.75;padding:12px 13px;border:none;outline:none;resize:none;-moz-tab-size:2;tab-size:2}.code-area::placeholder{color:var(--dim)}.left-trace-shell{flex:1;min-height:0;display:flex;flex-direction:column;background:radial-gradient(circle at top right,rgba(91,141,244,.06),transparent 36%),linear-gradient(180deg,#070a12f5,#05080ffc)}.left-trace-meta{display:flex;align-items:center;gap:8px;padding:10px 13px 9px;border-bottom:1px solid rgba(46,56,88,.7);background:#0c0f1ad1;flex-shrink:0}.left-trace-pill{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--blue);border:1px solid rgba(91,141,244,.26);background:#5b8df414;border-radius:999px;padding:3px 8px}.left-trace-pill.alt{color:var(--purple);border-color:#a855f742;background:#a855f714}.left-trace-body{flex:1;min-height:0;padding:6px 0}.left-trace-body .tline{padding-right:10px}.left-trace-body .tline.clickable{cursor:pointer}.left-trace-body .tline.clickable:hover{background:#5b8df414}.left-trace-body .tline.clickable:focus-visible{outline:1px solid rgba(91,141,244,.6);outline-offset:-1px}.left-trace-body .tline.active{background:#5b8df41f}.analyze-bar{padding:10px 13px;border-top:1px solid var(--b);background:var(--s2);display:flex;flex-direction:column;gap:7px;flex-shrink:0}.analyze-btn{height:38px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:opacity .2s,transform .1s}.analyze-btn:hover{opacity:.88}.analyze-btn:active{transform:scale(.98)}.analyze-btn:disabled{opacity:.3;cursor:not-allowed}.spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:none}.loading .spin{display:block}@keyframes spin{to{transform:rotate(360deg)}}.status-msg{font-size:11px;font-family:var(--mono);color:var(--muted);text-align:center;min-height:16px}.status-msg.err{color:var(--red)}.status-msg.ok{color:var(--green)}.output-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060cad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.output-modal{width:min(720px,100%);max-height:min(72vh,760px);display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(91,141,244,.26);background:linear-gradient(180deg,#0a0e18fa,#060910fc);box-shadow:0 18px 50px #00000073,0 0 42px #5b8df41f;overflow:hidden}.output-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(46,56,88,.8);background:#0c0f1ae6}.output-title{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9cc0ff}.output-subtitle{margin-top:4px;font-size:10px;font-family:var(--mono);color:var(--muted)}.output-close{border:1px solid rgba(91,141,244,.3);background:#5b8df41a;color:var(--blue);border-radius:999px;padding:6px 12px;font-size:10px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.output-close:hover{background:#5b8df429}.output-modal-body{margin:0;padding:16px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--green);white-space:pre-wrap;word-break:break-word;min-height:160px}.right{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.resize-handle{position:relative;z-index:5;flex-shrink:0;background:transparent}.resize-handle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5b8df424;opacity:0;transition:opacity .15s ease}.resize-handle:hover:after{opacity:1}.resize-handle.vertical{width:7px;cursor:col-resize}.resize-handle.horizontal{height:7px;cursor:row-resize}.body-split{border-left:1px solid var(--b);border-right:1px solid var(--b);background:linear-gradient(180deg,#5b8df40a,#5b8df403)}.trace-split{border-top:1px solid var(--b);border-bottom:1px solid var(--b);background:linear-gradient(90deg,#5b8df40a,#5b8df403)}.stage-split{border-left:1px solid var(--b);border-right:1px solid var(--b);background:linear-gradient(180deg,#a855f714,#22d3ee12);border-radius:9px}.stage{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:var(--bg);position:relative}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;background-image:radial-gradient(circle,var(--b) 1px,transparent 1px);background-size:22px 22px}.stage-hdr{flex-shrink:0;position:relative;z-index:1;padding:7px 15px;border-bottom:1px solid var(--b);background:#0c0f1ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stage-hdr-right{display:flex;align-items:center;gap:8px}.stage-toggle{border:1px solid rgba(91,141,244,.35);background:#5b8df41f;color:var(--blue);border-radius:999px;padding:3px 10px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--mono);cursor:pointer}.stage-toggle:hover{background:#5b8df42e}.stage-badge{font-size:10px;padding:2px 9px;border-radius:10px;background:linear-gradient(135deg,#5b8df426,#a855f726);color:var(--blue);border:1px solid rgba(91,141,244,.2)}.stage-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 16px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.stage-body.split-mode{padding:12px;overflow:hidden}.stage-grid{height:100%;min-height:0;display:grid;grid-template-columns:minmax(280px,var(--stage-main, 54%)) 7px minmax(280px,calc(100% - var(--stage-main, 54%) - 7px));gap:12px}.stage-pane{min-height:0;overflow-y:auto;overflow-x:hidden;border-radius:14px;border:1px solid var(--b2);background:linear-gradient(180deg,#111525e0,#0c0f1aeb);box-shadow:inset 0 1px #ffffff08,0 10px 24px #00000038;padding:12px;position:relative;display:flex;flex-direction:column;gap:12px}.stage-pane.pane-main{border-color:#5b8df457}.stage-pane.pane-side{border-color:#a855f742}.stage-pane.motion-a{animation:panePulseA .36s cubic-bezier(.23,1,.32,1)}.stage-pane.motion-b{animation:panePulseB .36s cubic-bezier(.23,1,.32,1)}.stage-pane.motion-a>:not(.line-sweep),.stage-pane.motion-b>:not(.line-sweep){animation:paneChildRise .34s cubic-bezier(.34,1.4,.64,1) both}.line-sweep{position:absolute;left:10px;right:10px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 18px #22d3eea6;pointer-events:none;animation:lineSweep .58s cubic-bezier(.16,1,.3,1)}.exec-hud{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.exec-pill{font-size:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:999px;color:var(--blue);border:1px solid rgba(91,141,244,.35);background:#5b8df41c}.exec-pill.alt{color:var(--cyan);border-color:#22d3ee59;background:#22d3ee1a}@keyframes panePulseA{0%{transform:translateY(8px) scale(.985);opacity:.85}to{transform:translateY(0) scale(1);opacity:1}}@keyframes panePulseB{0%{transform:translateY(-6px) scale(.988);opacity:.86}to{transform:translateY(0) scale(1);opacity:1}}@keyframes paneChildRise{0%{transform:translateY(8px);opacity:.02}to{transform:translateY(0);opacity:1}}@keyframes lineSweep{0%{top:10px;opacity:0}12%{opacity:1}to{top:calc(100% - 12px);opacity:0}}@media (max-width: 1200px){.stage-grid{grid-template-columns:1fr;height:auto}.stage-split{display:none}.stage-body.split-mode{overflow-y:auto}.stage-pane{min-height:260px}.line-sweep{display:none}}.scene-card{border-radius:14px;border:1px solid var(--b2);background:var(--s1);padding:14px 16px;animation:sceneIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes sceneIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}.scene-top{display:flex;align-items:center;gap:11px;margin-bottom:10px}.scene-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.scene-title{font-size:15px;font-weight:700;line-height:1.2;margin-bottom:2px}.scene-subtitle{font-size:11px;color:var(--muted)}.scene-desc{font-size:12.5px;line-height:1.65;color:var(--muted);border-top:1px solid var(--b);padding-top:10px}.scene-extra{margin-top:10px}.scene-event-list{margin-top:11px;border-top:1px solid var(--b);padding-top:10px;display:flex;flex-direction:column;gap:6px}.scene-event-title{font-size:9px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.scene-event-row{display:flex;align-items:flex-start;gap:7px}.scene-event-text{font-size:11px;color:var(--text);line-height:1.5;word-break:break-word}.lens-wrap{display:flex;flex-direction:column;gap:8px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:10px;font-family:var(--mono);border:1px solid var(--b2);background:var(--s2);color:var(--text);border-radius:999px;padding:4px 9px}.chip.k-op{color:var(--yellow);border-color:#f5a62359;background:#f5a62314}.chip.k-ctrl{color:var(--purple);border-color:#a855f759;background:#a855f714}.chip.k-id{color:var(--blue);border-color:#5b8df459;background:#5b8df414}.chip.k-lit{color:var(--green);border-color:#22d3a459;background:#22d3a414}.dsa-box{border-radius:10px;border:1px solid var(--b2);background:var(--s2);padding:10px 12px;display:flex;flex-direction:column;gap:7px}.dsa-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.dsa-text{font-size:12px;color:var(--text);line-height:1.6}.event-model-card{border-radius:10px;border:1px solid var(--b2);background:var(--s2);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.event-model-meta{font-size:10px;color:var(--muted);font-family:var(--mono)}.event-primary{display:flex;align-items:center;gap:7px;border-radius:8px;border:1px solid rgba(34,211,238,.32);background:#22d3ee14;padding:6px 8px}.event-model-list{display:flex;flex-direction:column;gap:5px}.event-row{display:flex;align-items:flex-start;gap:7px}.event-badge{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;border:1px solid rgba(91,141,244,.3);background:#5b8df414;color:var(--blue);padding:2px 7px;flex-shrink:0}.event-badge.ast{border-color:#22d3a46b;background:#22d3a424;color:var(--green)}.event-badge.primary{border-color:#22d3ee61;background:#22d3ee26;color:var(--cyan)}.event-text{font-size:11px;color:var(--text);line-height:1.55;word-break:break-word}.event-stream-box{border-top:1px dashed var(--b2);padding-top:7px}.event-stream-title{font-size:10px;color:var(--muted);font-family:var(--mono);margin-bottom:4px}.event-stream-line{font-size:10px;color:var(--dim);font-family:var(--mono);line-height:1.5}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.op-card{border-radius:10px;border:1px solid var(--b2);background:var(--s2);padding:9px 10px;display:flex;flex-direction:column;gap:5px}.op-label{font-size:9px;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.op-value{font-size:19px;line-height:1.1;font-family:var(--mono);font-weight:700;color:var(--cyan)}.op-delta{font-size:10px;font-family:var(--mono);color:var(--green)}.op-delta.muted{color:var(--dim)}.complexity-card{border-radius:10px;border:1px solid var(--b2);background:var(--s2);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.cx-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cx-label{font-size:9px;font-family:var(--mono);color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.cx-est{font-size:18px;font-family:var(--mono);color:var(--blue);font-weight:800}.cx-trend{font-size:10px;font-family:var(--mono);color:var(--muted);border:1px solid var(--b2);border-radius:999px;padding:3px 8px;text-transform:lowercase}.cx-trend.rising,.cx-trend.accelerating{color:var(--yellow);border-color:#f5a62359;background:#f5a62314}.cx-trend.easing{color:var(--green);border-color:#22d3a459;background:#22d3a414}.cx-trend.steady{color:var(--blue);border-color:#5b8df459;background:#5b8df414}.cx-meta{font-size:10px;color:var(--dim);font-family:var(--mono)}.cx-track{position:relative;height:9px;border-radius:999px;overflow:hidden;background:var(--s3);border:1px solid var(--b2)}.cx-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3a4,#5b8df4,#f5a623,#f87171);transition:width .25s ease}.cx-dot{position:absolute;top:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:var(--blue);box-shadow:0 0 8px #5b8df4b3;transition:left .25s ease}.cx-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cx-lbl{font-size:9px;font-family:var(--mono);color:var(--dim);text-align:center}.cx-lbl.active{color:var(--text);font-weight:700}.structure-grid{display:flex;flex-direction:column;gap:10px}.struct-card{border-radius:10px;border:1px solid var(--b2);background:var(--s2);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.struct-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}.struct-name{font-size:11px;font-family:var(--mono);color:var(--text)}.struct-kind{font-size:9px;font-family:var(--mono);padding:2px 7px;border-radius:999px;border:1px solid rgba(91,141,244,.25);background:#5b8df414;color:var(--blue)}.struct-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.struct-cell{min-width:30px;height:30px;padding:0 7px;border-radius:7px;border:1px solid var(--b2);background:var(--s3);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-family:var(--mono);font-size:12px;font-weight:600}.struct-caption{font-size:10px;color:var(--dim);font-family:var(--mono)}.stack-col{display:flex;flex-direction:column-reverse;gap:4px;align-items:center;width:max-content}.stack-col .struct-cell.top{border-color:#22d3a473;box-shadow:0 0 12px #22d3a42e;color:var(--green)}.queue-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.queue-tag{font-size:9px;font-family:var(--mono);padding:2px 6px;border-radius:5px;border:1px solid rgba(168,85,247,.3);background:#a855f71a;color:var(--purple)}.ll-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ll-node{min-width:34px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--b2);background:var(--s3);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:600}.ll-arrow{color:var(--blue);font-size:14px}.tree-level{display:flex;justify-content:center;gap:12px;margin-top:4px;flex-wrap:wrap}.tree-node{min-width:34px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--b2);background:var(--s3);color:var(--green);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:600}.graph-lines{display:flex;flex-direction:column;gap:4px}.graph-line{font-size:11px;font-family:var(--mono);color:var(--text)}.struct-text-grid{display:flex;flex-direction:column;gap:8px}.struct-text-card{border-radius:10px;border:1px solid var(--b2);background:var(--s2);padding:10px 12px;display:flex;flex-direction:column;gap:7px}.struct-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.65;color:var(--text);font-family:var(--mono);background:var(--s3);border:1px solid var(--b2);border-radius:8px;padding:8px 10px}.loop-insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.loop-insight-card{border-radius:10px;border:1px solid var(--b2);background:var(--s2);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.loop-insight-line{font-size:9px;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.loop-insight-title{font-size:11px;color:var(--text);font-family:var(--mono)}.loop-insight-text{font-size:11px;color:var(--text);line-height:1.55}.loop-insight-text strong{color:var(--blue);font-weight:700}.dryrun-wrap{display:flex;flex-direction:column;gap:8px;overflow-x:auto}.dryrun-table{width:100%;border-collapse:collapse;min-width:980px;overflow:hidden;border-radius:10px;border:1px solid var(--b2);background:var(--s2)}.dryrun-table th,.dryrun-table td{border-bottom:1px solid var(--b2);padding:8px 10px;text-align:left;font-size:11px;font-family:var(--mono);vertical-align:top}.dryrun-table th{color:var(--muted);background:var(--s3);text-transform:uppercase;letter-spacing:.06em}.dryrun-table tr.active{background:#5b8df414}.dryrun-note{font-size:11px;color:var(--muted);line-height:1.6}.dryrun-badge{display:inline-block;padding:2px 7px;border-radius:999px;margin-right:5px;border:1px solid rgba(91,141,244,.25);background:#5b8df414;color:var(--blue)}.dryrun-badge.stop{border-color:#f8717140;background:#f8717114;color:var(--red)}.section{display:flex;flex-direction:column;gap:7px}.sec-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.sec-label span{font-size:13px}.vars-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.var-card{border-radius:11px;border:1px solid var(--b2);background:var(--s2);padding:10px 13px;min-width:80px;max-width:160px;animation:varIn .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.var-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}@keyframes varIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.var-card.changed{animation:varPop .45s ease}@keyframes varPop{0%,to{transform:scale(1)}30%{transform:scale(1.1);box-shadow:0 0 16px var(--glow)}60%{transform:scale(.96)}}.var-card.new-card{border-color:#5b8df466;box-shadow:0 0 12px #5b8df426}.vc-name{font-size:10px;font-family:var(--mono);color:var(--muted);margin-bottom:5px;letter-spacing:.03em}.vc-value{font-size:22px;font-weight:700;font-family:var(--mono);line-height:1;word-break:break-all}.vc-type{font-size:9px;color:var(--dim);margin-top:5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em}.t-num .vc-value{color:var(--cyan)}.t-num:before{background:var(--cyan)}.t-num{--glow: var(--cyan)}.t-bool .vc-value{color:var(--purple)}.t-bool:before{background:var(--purple)}.t-bool{--glow: var(--purple)}.t-str .vc-value{color:var(--yellow);font-size:14px}.t-str:before{background:var(--yellow)}.t-str{--glow: var(--yellow)}.t-null .vc-value{color:var(--red);font-size:14px}.t-null:before{background:var(--red)}.t-null{--glow: var(--red)}.t-fn .vc-value{color:var(--pink);font-size:13px}.t-fn:before{background:var(--pink)}.t-fn{--glow: var(--pink)}.t-other .vc-value{color:var(--orange);font-size:13px}.t-other:before{background:var(--orange)}.t-other{--glow: var(--orange)}.arr-card{border-radius:11px;border:1px solid var(--b2);background:var(--s2);padding:10px 13px;animation:varIn .35s cubic-bezier(.34,1.56,.64,1)}.arr-card.changed{border-color:#22d3a466;box-shadow:0 0 12px #22d3a41a}.arr-card.new-card{border-color:#5b8df466;box-shadow:0 0 12px #5b8df426}.arr-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.arr-name{font-size:11px;font-family:var(--mono);color:var(--muted)}.arr-tag{font-size:9px;padding:2px 6px;border-radius:4px;background:#22d3a41a;color:var(--green);border:1px solid rgba(34,211,164,.2)}.arr-cells{display:flex;gap:4px;flex-wrap:wrap}.arr-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.cell-box{min-width:34px;height:34px;padding:0 6px;border-radius:7px;background:var(--s3);border:1px solid var(--b2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--cyan)}.cell-idx{font-size:9px;color:var(--dim);font-family:var(--mono)}.cmp-wrap{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0;flex-wrap:wrap}.cmp-box{border-radius:10px;border:1px solid var(--b3);background:var(--s3);padding:10px 18px;text-align:center;min-width:70px}.cmp-name{font-size:10px;font-family:var(--mono);color:var(--muted);margin-bottom:5px}.cmp-val{font-size:26px;font-weight:800;font-family:var(--mono);color:var(--cyan)}.cmp-op{font-size:24px;font-weight:800;color:var(--yellow)}.stack-wrap{display:flex;flex-direction:column;gap:5px}.stack-format-title{font-size:10px;color:var(--muted);font-family:var(--mono);margin-bottom:4px}.stack-evt{font-size:10px;font-family:var(--mono);border-radius:8px;border:1px solid rgba(91,141,244,.3);background:#5b8df414;color:var(--blue);padding:5px 8px;margin-bottom:6px}.stack-evt.return{border-color:#a855f759;background:#a855f71a;color:var(--purple)}.stack-evt.base{border-color:#22d3a459;background:#22d3a41a;color:var(--green)}.stack-empty{font-size:11px;color:var(--dim);font-family:var(--mono);padding:4px 0}.frame{border-radius:9px;padding:9px 14px;border:1px solid var(--b2);background:var(--s3);display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;color:var(--muted);animation:frameIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes frameIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.frame.top{background:linear-gradient(135deg,#5b8df41a,#a855f714);border-color:#5b8df44d;color:var(--text);font-weight:600}.frame-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex-shrink:0}.frame.top .frame-dot{background:var(--blue);box-shadow:0 0 6px var(--blue)}.frame-name{flex:1}.frame-badge{font-size:9px;padding:2px 6px;border-radius:4px;background:#5b8df41f;color:var(--blue)}.frame-depth{font-size:10px;color:var(--dim)}.rec-tools{display:flex;gap:6px}.rec-btn{border-radius:7px;border:1px solid var(--b2);background:var(--s2);color:var(--muted);font-size:10px;font-family:var(--mono);padding:4px 8px;cursor:pointer}.rec-btn:hover{background:var(--s3);color:var(--text)}.rec-btn:disabled{opacity:.35;cursor:not-allowed}.rec-empty{border-radius:10px;border:1px dashed var(--b2);background:var(--s2);padding:10px 12px;font-size:11px;color:var(--dim);line-height:1.55}.rec-list{display:flex;flex-direction:column;gap:7px}.rec-item{border-radius:10px;border:1px solid var(--b2);background:var(--s2);overflow:hidden}.rec-item.call{border-left:3px solid rgba(91,141,244,.8)}.rec-item.return{border-left:3px solid rgba(168,85,247,.85)}.rec-item.recursive{box-shadow:0 0 10px #a855f733}.rec-item.synthetic{border-style:dashed}.rec-item.base-case{border-color:#22d3a466;box-shadow:0 0 14px #22d3a429}.rec-head{display:flex;align-items:flex-start;gap:8px;padding:8px 10px}.rec-toggle{width:20px;height:20px;border-radius:6px;border:1px solid var(--b2);background:var(--s3);color:var(--text);font-size:12px;cursor:pointer;flex-shrink:0}.rec-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--dim)}.rec-dot.call{background:var(--blue);box-shadow:0 0 8px #5b8df4a6}.rec-dot.return{background:var(--purple);box-shadow:0 0 8px #a855f7a6}.rec-main{flex:1;min-width:0}.rec-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rec-title{font-size:12px;color:var(--text);font-weight:600}.rec-rec{font-size:9px;font-family:var(--mono);color:var(--purple);border:1px solid rgba(168,85,247,.35);background:#a855f71a;border-radius:999px;padding:1px 7px}.rec-rec.hint{color:var(--yellow);border-color:#f5a62359;background:#f5a6231a}.rec-base{font-size:9px;font-family:var(--mono);color:var(--green);border:1px solid rgba(34,211,164,.35);background:#22d3a41f;border-radius:999px;padding:1px 8px;text-transform:uppercase}.rec-base.small{font-size:8px;padding:1px 6px}.rec-meta{font-size:10px;color:var(--muted);font-family:var(--mono);margin-top:3px}.rec-kind{font-size:9px;font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:2px 8px;border:1px solid var(--b2);background:var(--s3);color:var(--muted)}.rec-kind.call{color:var(--blue);border-color:#5b8df459;background:#5b8df41a}.rec-kind.return{color:var(--purple);border-color:#a855f759;background:#a855f71a}.rec-body{border-top:1px solid var(--b2);padding:8px 11px;display:flex;flex-direction:column;gap:4px}.rec-row{font-size:11px;line-height:1.55;color:var(--text);word-break:break-word}.rec-row strong{color:var(--blue)}.rec-stack-box{border-top:1px dashed var(--b2);margin-top:4px;padding-top:6px}.rec-stack-title{font-size:10px;font-family:var(--mono);color:var(--muted);margin-bottom:4px}.rec-stack-line{font-size:11px;font-family:var(--mono);color:var(--text);line-height:1.5}.rec-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 11px 9px 38px}.rec-pill{font-size:10px;font-family:var(--mono);border-radius:999px;padding:2px 8px;border:1px solid var(--b2);background:var(--s3)}.rec-pill.from{color:var(--purple);border-color:#a855f759;background:#a855f71a}.rec-pill.to{color:var(--blue);border-color:#5b8df459;background:#5b8df41a}.rec-arrow{color:var(--cyan);font-size:14px}.rec-value{font-size:10px;font-family:var(--mono);color:var(--green)}.call-anim{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0;animation:sceneIn .4s ease}.call-pill{padding:7px 14px;border-radius:9px;font-family:var(--mono);font-size:13px;font-weight:600;border:1px solid;display:flex;align-items:center;gap:7px}.call-arrow{font-size:22px;animation:arrowPulse 1s infinite}@keyframes arrowPulse{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.console-box{border-radius:10px;background:var(--s3);border:1px solid var(--b2);padding:10px 14px;font-family:var(--mono);font-size:12.5px;color:var(--green);line-height:1.6;min-height:36px;white-space:pre-wrap;word-break:break-all}.trace-panel{height:170px;flex-shrink:0;border-top:1px solid var(--b);display:flex;flex-direction:column;overflow:hidden}.trace-body{flex:1;overflow-y:auto;background:var(--bg);padding:5px 0}.tline{display:flex;align-items:center;min-height:21px;padding:0 6px 0 0;transition:background .15s;position:relative}.tline.clickable{cursor:pointer}.tline.clickable:hover{background:#5b8df40f}.tline.clickable:focus-visible{outline:1px solid rgba(91,141,244,.6);outline-offset:-1px}.tline.active{background:#5b8df417}.tline.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue);border-radius:0 2px 2px 0}.tln{min-width:34px;text-align:right;padding-right:11px;font-size:10px;color:var(--dim);font-family:var(--mono);-webkit-user-select:none;user-select:none}.tline.active .tln{color:var(--blue)}.tarr{width:11px;font-size:9px;color:var(--blue)}.tlc{font-family:var(--mono);font-size:11.5px;white-space:pre;color:var(--text)}.controls{height:50px;flex-shrink:0;border-top:1px solid var(--b);background:var(--s1);display:flex;align-items:center;gap:7px;padding:0 15px}.ctrl{width:30px;height:30px;border-radius:7px;border:1px solid var(--b2);background:var(--s2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .15s;flex-shrink:0}.ctrl:hover{background:var(--s3)}.ctrl:disabled{opacity:.3;cursor:not-allowed}.ctrl.on{background:#5b8df42e;border-color:var(--blue);color:var(--blue)}.prog{flex:1;height:4px;background:var(--s3);border-radius:2px;overflow:hidden;cursor:pointer;min-width:60px}.prog-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:2px;transition:width .15s;width:0%}.snum{font-size:11px;font-family:var(--mono);color:var(--muted);white-space:nowrap}.action-tag{font-size:10px;font-family:var(--mono);padding:3px 8px;border-radius:5px;background:#5b8df417;color:var(--blue);border:1px solid rgba(91,141,244,.14);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spd-wrap{display:flex;align-items:center;gap:5px;flex-shrink:0}.spd-lbl{font-size:10px;color:var(--dim)}.spd-sl{width:58px;accent-color:var(--blue)}.showcase-runtime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.showcase-card{border-radius:14px;border:1px solid rgba(91,141,244,.24);background:linear-gradient(155deg,#111525f2,#080d18f0);box-shadow:inset 0 1px #ffffff0a,0 12px 22px #00000040;padding:11px 12px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.showcase-card.pulse-a{animation:showcaseCardPulseA .44s cubic-bezier(.23,1,.32,1)}.showcase-card.pulse-b{animation:showcaseCardPulseB .44s cubic-bezier(.23,1,.32,1)}@keyframes showcaseCardPulseA{0%{transform:translateY(5px) scale(.987);opacity:.86}to{transform:translateY(0) scale(1);opacity:1}}@keyframes showcaseCardPulseB{0%{transform:translateY(-5px) scale(.988);opacity:.86}to{transform:translateY(0) scale(1);opacity:1}}.showcase-code{border-radius:10px;border:1px solid var(--b2);background:linear-gradient(180deg,#0a0f1cf5,#0c111eeb);padding:9px 11px;display:flex;flex-direction:column;gap:3px;font-family:var(--mono)}.showcase-comment{font-size:10px;color:#9db9f4}.showcase-keyword{font-size:19px;line-height:1;color:#f2f7ff}.showcase-statement{font-size:11px;color:#dce6ff;line-height:1.45}.showcase-range{margin-top:9px;padding:8px 10px;border-radius:10px;border:1px solid rgba(91,141,244,.18);background:linear-gradient(180deg,#5b8df40f,#1115258c);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.showcase-range-label{font-size:9px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.showcase-range-text{font-size:12px;font-family:var(--mono);color:#9ed2ff;text-shadow:0 0 10px rgba(91,141,244,.18)}.showcase-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.showcase-metric{border-radius:9px;border:1px solid var(--b2);background:#0d1425b8;padding:7px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.metric-name{font-size:9px;font-family:var(--mono);letter-spacing:.06em;text-transform:lowercase;color:var(--blue)}.value-flow{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-family:var(--mono);font-size:22px;line-height:1;font-weight:700}.flow-value{color:#6f7ca4;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.flow-value.active{color:#f6fbff;transform:translateY(-1px) scale(1.06);text-shadow:0 0 10px rgba(91,141,244,.5)}.flow-arrow{color:var(--blue);opacity:.78;transform:translateY(-1px)}.formula-row{border-radius:10px;border:1px solid var(--b2);background:#0b1222c2;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.formula-piece{display:flex;flex-direction:column;align-items:center;gap:4px}.formula-label{font-size:9px;color:var(--muted);font-family:var(--mono)}.formula-value{font-size:26px;line-height:1;font-family:var(--mono);font-weight:800;color:#edf5ff;text-shadow:0 0 10px rgba(91,141,244,.35)}.formula-value.is-new{color:var(--cyan);text-shadow:0 0 10px rgba(34,211,238,.48)}.formula-op,.formula-arrow{font-size:22px;line-height:1;align-self:center}.formula-op{color:var(--purple)}.formula-arrow{color:var(--blue)}.showcase-caption{margin-top:auto;font-size:10px;color:#98a7cb;line-height:1.5}@media (max-width: 1200px){.showcase-runtime{grid-template-columns:1fr}}@media (max-width: 760px){.showcase-metrics{grid-template-columns:1fr}.formula-row{grid-template-columns:1fr;align-items:center;text-align:center;gap:6px}.formula-op,.formula-arrow{justify-self:center}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:13px;color:var(--dim)}.empty-ico{font-size:50px;opacity:.35}.empty-title{font-size:17px;font-weight:700;color:var(--muted)}.empty-sub{font-size:12px;text-align:center;max-width:250px;line-height:1.7}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:2px}