/* Trace-focused trajectory map with persistent, buildable event inspection. */
[hidden]{display:none!important}
.trajectory-grid{grid-template-columns:minmax(0,1.48fr) minmax(330px,.78fr);align-items:start}
.trajectory-panel{background:#151617;border-color:#292b2d;color:#eeefec}
.trajectory-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #292b2d}
.trajectory-toolbar>div:first-child{display:flex;align-items:center;gap:18px;font:11px ui-monospace,SFMono-Regular,monospace;color:#8f938f}.trajectory-toolbar b{color:#f0f1ee}.trajectory-toolbar .playback-controls button{border-color:#343638;background:#1b1c1e;color:#aeb1ad}.trajectory-toolbar time{color:#757974;font:10px ui-monospace,monospace}
.trajectory-map{height:430px;position:relative;overflow:hidden;background-color:#151617;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:18px 18px}
.trajectory-map:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(21,22,23,.55),transparent 12%,transparent 88%,rgba(21,22,23,.55))}
.trajectory-edges{position:absolute;inset:0;width:100%;height:100%;z-index:1}.trajectory-edges path{fill:none;stroke:#343a38;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.85;transition:stroke .35s,opacity .35s,filter .35s}.trajectory-edges path.revealed{stroke:#568b73;opacity:1;filter:drop-shadow(0 0 3px rgba(105,223,167,.16))}.trajectory-edges path.active{stroke:#8bf0be;stroke-dasharray:8 5;filter:drop-shadow(0 0 4px rgba(105,223,167,.35));animation:edgeFlow .8s linear infinite}
.map-node{--node-bg:#1b1d1e;position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%) scale(.86);border:1px solid #3b3e3e;background:var(--node-bg);color:#c8cbc7;border-radius:7px;min-height:35px;padding:7px 10px;display:flex;align-items:center;gap:7px;font:11px ui-monospace,SFMono-Regular,monospace;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s,border-color .25s,box-shadow .25s;white-space:nowrap}.map-node:after{content:attr(data-step);position:absolute;right:-7px;top:-8px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #414644;border-radius:50%;background:#171918;color:#858b87;font:700 7px ui-monospace,SFMono-Regular,monospace;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:.25s}.map-node.revealed{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.map-node.revealed:after{border-color:#4e6d5f;color:#a8c7b8}.map-node.active{border-color:#9ef3c8;box-shadow:0 0 0 3px rgba(105,222,167,.1),0 10px 30px rgba(0,0,0,.2)}.map-node.active:after{border-color:#8bf0be;background:#20352b;color:#caffdf}.map-node.selected{box-shadow:0 0 0 2px #a48cff,0 12px 34px rgba(0,0,0,.25)}.map-node b{font-weight:500}.map-node small{margin-left:3px;color:#69dfa7;font-size:8px}.fetch-node{border-color:#396552;color:#7be4b1;background:#18231e}.fetch-node>span{font-size:13px}.reasoning-node{width:30px;height:30px;min-height:30px;padding:0;justify-content:center;border-radius:50%;color:#9fa39f;background:#1e2020}.reasoning-node:after{right:-9px;top:-9px}.reasoning-node span{font-size:9px}.reasoning-node.active{color:#d2ffea}.evidence-node{border-color:#6a5e82;background:#201d28;color:#cab8ee}.evidence-node small{color:#a58bd9}.answer-node{border-color:#6b5ad6;background:#211e35;color:#d4caff}.answer-node small{color:#9ef3c8}
.map-empty{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;background:#151617;color:#757a76;font:11px ui-monospace,monospace;transition:.35s}.map-empty.hidden{opacity:0;pointer-events:none}.map-empty i{width:8px;height:8px;border-radius:50%;background:#5a5e5b;animation:mapPulse 1.2s infinite}
.trajectory-legend{height:44px;display:flex;align-items:center;gap:18px;padding:0 16px;border-top:1px solid #292b2d;color:#747874;font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.trajectory-legend span{display:flex;align-items:center;gap:6px}.trajectory-legend i{width:8px;height:8px;border:1px solid #555;border-radius:2px}.trajectory-legend .fetch-key{border-color:#4f9c78;background:#1c392c}.trajectory-legend .reason-key{border-radius:50%;background:#242626}.trajectory-legend .evidence-key{border-color:#806e9d;background:#292333}.trajectory-legend .answer-key{border-color:#7766e5;background:#27223f}
.step-inspector{display:flex;flex-direction:column}.inspector-body{padding:18px;flex:1}.inspector-icon{float:right;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet);font-size:17px}.inspector-body>small{font:800 8px Manrope;letter-spacing:.12em;color:var(--violet)}.inspector-body h3{font-size:19px;line-height:1.25;margin:7px 48px 6px 0}.inspector-body>p{color:var(--muted);font-size:11px;min-height:32px;margin:0 0 12px}.inspector-body dl{margin:12px 0 0;border-top:1px solid var(--line)}.inspector-body dl div{display:grid;grid-template-columns:64px 1fr;padding:6px 0;border-bottom:1px solid var(--line);gap:8px}.inspector-body dt{color:var(--muted);font:800 7px Manrope;letter-spacing:.1em}.inspector-body dd{margin:0;text-align:right;font:9px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-payload{margin-top:11px;padding:9px 10px;border-radius:9px;background:var(--surface-2)}.inspector-payload small{display:block;color:var(--muted);font:800 7px Manrope;letter-spacing:.1em;margin-bottom:5px}.inspector-payload code{display:block;color:var(--violet);font:9px/1.4 ui-monospace,monospace;white-space:normal}
.page-visual{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2)}.page-visual-head{height:28px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:800 7px Manrope;letter-spacing:.1em;color:var(--muted)}.page-visual-head b{color:var(--violet);font-size:7px}.mini-browser{background:#fff;color:#172032}.mini-address{height:25px;padding:0 7px;display:flex;align-items:center;gap:4px;background:#eef0f4;border-bottom:1px solid #dde0e7}.mini-address i{width:5px;height:5px;border-radius:50%;background:#c7cad1}.mini-address i:first-child{background:#ff9187}.mini-address code{margin-left:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#697181;font:7px ui-monospace,monospace}.mini-page{height:153px;display:none;position:relative;overflow:hidden}.mini-page.visible{display:block}.mini-empty{place-items:center;text-align:center;color:#9ca2ad;background:linear-gradient(135deg,#fafbfc,#f1f3f7)}.mini-empty.visible{display:grid}.mini-empty span{font-size:19px}.mini-empty p{margin:5px 28px 0;font-size:9px;line-height:1.4}.mini-page nav{height:27px;padding:0 10px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #eceef2;font-size:7px;color:#777f8d}.mini-page nav strong{font-size:10px;color:#6453d9;margin-right:auto}.mini-hero,.mini-price-copy{padding:18px 15px}.mini-hero small,.mini-price-copy small{color:#7d6cf0;font:700 6px Manrope;letter-spacing:.1em}.mini-hero h4,.mini-price-copy h4{font:800 19px/1 Manrope;margin:4px 0;color:#172032}.mini-hero p{width:78%;font-size:7px;line-height:1.5;color:#697181;margin:0 0 8px}.mini-hero button{border:0;border-radius:10px;background:#6754e8;color:#fff;font-size:6px;padding:5px 8px}.detectable{position:relative}.detectable.detected{outline:2px solid #8e72ff;outline-offset:3px;border-radius:2px;animation:detectPulse 1.1s ease-in-out infinite alternate}.detectable em{display:none;position:absolute;z-index:2;right:-5px;top:calc(100% + 7px);padding:3px 5px;border-radius:4px;background:#6754e8;color:#fff;font:700 6px Manrope;white-space:nowrap;font-style:normal}.detectable.detected em{display:block}.price-card{margin-top:9px;padding:9px 10px;border:1px solid #e1e3e8;border-radius:7px;background:#fafbfc}.price-card b{display:block;font:800 14px Manrope;color:#172032}.price-card p{margin:2px 0 0;font-size:7px;color:#6c7380}.price-card em{top:7px;right:7px}.preview-note{margin:0;padding:6px 9px;background:var(--surface);border-top:1px solid var(--line);font:7px/1.4 ui-monospace,monospace;color:var(--muted)}.preview-note span{color:var(--violet)}
.preset-picker{margin-bottom:22px}.preset-picker>span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.preset-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preset-button{min-width:0;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:11px;padding:11px;display:grid;grid-template-columns:29px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;cursor:pointer;transition:.2s}.preset-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--violet) 45%,var(--line))}.preset-button.active{border-color:var(--violet);background:var(--violet-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--violet) 10%,transparent)}.preset-button i{grid-row:1/3;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#fff;font:800 11px Manrope;font-style:normal}.preset-button i img{width:17px;height:17px;display:block}.preset-button b{font-size:12px;line-height:1.2}.preset-button small{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.playback-controls{display:flex;align-items:center;gap:6px}.playback-controls button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);height:27px;border-radius:6px;padding:0 8px;font-size:9px;font-weight:700;cursor:pointer}.trace-console{border-top:1px solid #292b2d;background:#111314;color:#d8dbe3}.console-head{height:34px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#8d929d;font:800 7px Manrope;letter-spacing:.12em}.console-status{color:#bfff6b}.trajectory-panel .trace-console>div:last-child{min-height:96px;max-height:112px;overflow:hidden;padding:4px 16px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;column-gap:22px}.log-line{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.045);font:9px/1.4 ui-monospace,SFMono-Regular,monospace;color:#aeb3bf;animation:logIn .25s ease-out}.log-line time{color:#686f7c}.log-line b{color:#cfdaea;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-line .ok{color:#bfff6b}
@keyframes mapPulse{50%{background:#73e2a7;box-shadow:0 0 0 6px rgba(115,226,167,.1)}}@keyframes edgeFlow{to{stroke-dashoffset:-13}}@keyframes logIn{from{opacity:0;transform:translateY(4px)}}@keyframes detectPulse{to{outline-color:#58d49a;box-shadow:0 0 0 4px rgba(88,212,154,.14)}}
@media(max-width:800px){.trajectory-grid{grid-template-columns:1fr}.trajectory-map{height:430px}.step-inspector{min-height:430px}.trajectory-panel .trace-console>div:last-child{min-height:86px;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.preset-list{grid-template-columns:1fr}.preset-button{grid-template-columns:29px 1fr auto;grid-template-rows:1fr;align-items:center}.preset-button i{grid-row:auto}.preset-button small{font-size:8px}.trajectory-map{height:350px}.trajectory-toolbar>div:first-child span{display:none}.trajectory-legend{gap:10px;overflow:auto}.map-node{font-size:9px;padding:6px}.map-node small{display:none}.playback-controls button{display:none}.trajectory-panel .trace-console>div:last-child{grid-template-columns:1fr;max-height:116px}}