.snt-demo{--sd-bg:#040813;--sd-panel:rgba(255,255,255,0.022);--sd-panel-2:rgba(255,255,255,0.045);--sd-line:rgba(255,255,255,0.08);--sd-ink:#d8d7d1;--sd-dim:#94a0b0;--sd-faint:#6b7788;--sd-teal:#99e1d9;--sd-teal-line:rgba(153,225,217,0.3);--sd-teal-wash:rgba(153,225,217,0.05);--sd-pass:#6ee7a8;--sd-block:#ff6b5a;--sd-flag:#ffb829;--sd-cue:#ff8a3d;--sd-cue-wash:rgba(255,138,61,0.13);--sd-cue-ring:rgba(255,138,61,0.22);--sd-pick:#22c55e;--sd-pick-wash:rgba(34,197,94,0.13);--sd-pick-ring:rgba(34,197,94,0.2);--sd-stage:#070b13;--sd-mask:#e5bddf;--sd-watch:#94a0b0;--sd-pass-text:var(--sd-pass);--sd-block-text:var(--sd-block);--sd-flag-text:var(--sd-flag);--sd-mask-text:var(--sd-mask);--sd-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:20px;align-items:start;color:var(--sd-ink);font-family:Acronym,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}@media (max-width:1099px){.snt-demo{grid-template-columns:minmax(0,1fr)}}.snt-chat-label,.snt-pipe-label,.snt-pick-label{font-family:var(--sd-mono);font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--sd-teal);margin:0 0 10px}.snt-chat{background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:8px;padding:14px;min-height:150px;margin-bottom:22px}.snt-bubble{border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.55}.snt-bubble--system{color:var(--sd-faint);font-style:italic;background:transparent;border:1px dashed var(--sd-line);margin-bottom:10px}.snt-bubble--user{color:var(--sd-ink);background:var(--sd-panel-2);border-left:3px solid var(--sd-teal)}.snt-bubble--oob{color:var(--sd-dim);background:transparent;border:1px dashed var(--sd-teal-line);position:relative;padding-top:26px}.snt-bubble--oob::before{content:"OBSERVED ACTIVITY — OUTSIDE THE REQUEST PATH";position:absolute;top:8px;left:12px;font-family:var(--sd-mono);font-size:9px;font-weight:700;letter-spacing:0.1em;color:var(--sd-teal)}.snt-scenarios{display:flex;flex-direction:column;gap:8px}.snt-scenario{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:6px;color:var(--sd-dim);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:border-color 0.18s ease,color 0.18s ease,transform 0.18s ease,background 0.18s ease}.snt-scenario:hover{border-color:var(--sd-teal-line);color:var(--sd-ink)}.snt-scenario:focus-visible{outline:2px solid var(--sd-teal);outline-offset:2px}@keyframes sntCueFlash{0%{border-color:var(--sd-cue)}22%{border-color:var(--sd-teal)}44%{border-color:var(--sd-cue)}70%{border-color:var(--sd-teal)}100%{border-color:var(--sd-teal)}}.snt-scenario.snt-cue,.snt-tech.snt-cue{animation:sntCueFlash 900ms ease-out 1}@keyframes sntCueRunFlash{0%{border-color:var(--sd-cue)}22%{border-color:var(--sd-line)}44%{border-color:var(--sd-cue)}70%{border-color:var(--sd-cue)}100%{border-color:var(--sd-cue)}}.snt-scenario.is-running.snt-cue,.snt-tech.is-running.snt-cue{animation:sntCueRunFlash 900ms ease-out 1}@keyframes sntCuePickFlash{0%{border-color:var(--sd-cue)}22%{border-color:var(--sd-line)}44%{border-color:var(--sd-cue)}70%{border-color:var(--sd-pick)}100%{border-color:var(--sd-pick)}}.snt-scenario.is-picked.snt-cue,.snt-tech.is-picked.snt-cue{animation:sntCuePickFlash 900ms ease-out 1}.snt-scenario.is-running,.snt-tech.is-running{border-color:var(--sd-cue);border-width:2px;background:var(--sd-cue-wash);color:var(--sd-ink);font-weight:500;box-shadow:0 0 0 3px var(--sd-cue-ring)}.snt-scenario.is-running{padding:9px 11px;transform:translateX(6px)}.snt-scenario.is-running .snt-tag{border-color:var(--sd-cue);color:var(--sd-cue)}.snt-scenario.is-picked,.snt-tech.is-picked{border-color:var(--sd-pick);border-width:2px;background:var(--sd-pick-wash);color:var(--sd-ink);font-weight:500;box-shadow:0 0 0 3px var(--sd-pick-ring)}.snt-scenario.is-picked{padding:9px 11px;transform:translateX(6px)}.snt-scenario.is-picked .snt-tag{border-color:var(--sd-pick);color:var(--sd-pick)}.snt-tech.is-picked{padding:6px 7px}.snt-tech.is-picked .snt-techid{color:var(--sd-pick)}.snt-tag{flex:none;font-family:var(--sd-mono);font-size:10px;font-weight:700;letter-spacing:0.06em;color:var(--sd-teal);background:var(--sd-teal-wash);border:1px solid var(--sd-teal-line);border-radius:4px;padding:3px 6px}.snt-techlist{max-height:380px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--sd-line);border-radius:6px;background:var(--sd-panel);padding:6px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent 100%)}.snt-techlist.is-at-end{-webkit-mask-image:none;mask-image:none}.snt-techlist::-webkit-scrollbar{width:8px}.snt-techlist::-webkit-scrollbar-track{background:transparent}.snt-techlist::-webkit-scrollbar-thumb{background:var(--sd-line);border-radius:4px}.snt-tacname{position:sticky;top:-6px;z-index:1;display:flex;align-items:baseline;gap:7px;padding:7px 6px 5px;background:var(--sd-stage);font-family:var(--sd-mono);font-size:10px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--sd-dim)}.snt-tacname .snt-tacid{opacity:0.6;font-weight:400}.snt-tech{display:flex;align-items:baseline;gap:10px;width:100%;min-height:36px;padding:7px 8px;text-align:left;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--sd-ink);font:inherit;font-size:14px;cursor:pointer;transition:background 0.12s,border-color 0.12s,color 0.12s}.snt-tech:hover{background:var(--sd-panel-2);color:var(--sd-ink)}.snt-tech:focus-visible{outline:2px solid var(--sd-teal);outline-offset:1px}.snt-tech.is-running{padding:6px 7px}.snt-techid{flex:none;width:78px;font-family:var(--sd-mono);font-size:11px;letter-spacing:0.02em;color:var(--sd-faint)}.snt-tech.is-running .snt-techid{color:var(--sd-cue)}.snt-techname{flex:1 1 auto;line-height:1.35;font-weight:500}.snt-autonote{display:flex;align-items:center;gap:7px;margin-top:9px;font-family:var(--sd-mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--sd-faint)}.snt-autodot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--sd-cue);animation:sntAutoPulse 1.6s ease-in-out infinite}@keyframes sntAutoPulse{0%,100%{opacity:0.35}50%{opacity:1}}.snt-info{margin-top:14px;background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:8px;padding:14px}.snt-info-head{font-family:var(--sd-mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--sd-faint);margin-bottom:8px;display:flex;align-items:center;gap:8px}.snt-info-name{font-size:15px;font-weight:600;margin-bottom:6px}.snt-info-desc{font-size:12.5px;color:var(--sd-dim);line-height:1.55;margin-bottom:10px}.snt-cov{display:inline-block;font-family:var(--sd-mono);font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;border-radius:4px;padding:4px 8px}.snt-cov.cov-full{color:var(--sd-pass-text);border:1px solid rgba(110,231,168,0.35);background:rgba(110,231,168,0.07)}.snt-cov.cov-partial{color:var(--sd-flag-text);border:1px solid rgba(255,184,41,0.35);background:rgba(255,184,41,0.07)}.snt-cov.cov-oob{color:var(--sd-dim);border:1px dashed var(--sd-line);background:transparent}.snt-pipe{display:flex;flex-direction:column;gap:8px}.snt-flow{font-family:var(--sd-mono);font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--sd-teal);display:flex;align-items:center;gap:12px;margin:2px 0}.snt-flow::before,.snt-flow::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--sd-teal-line),transparent)}.snt-flow::after{background:linear-gradient(270deg,var(--sd-teal-line),transparent)}.snt-layer{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding:8px 16px 8px 18px;background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:8px;overflow:hidden;transition:border-color 0.25s ease,background 0.25s ease,opacity 0.25s ease}.snt-layer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sd-line);transition:background 0.25s ease,box-shadow 0.25s ease}.snt-layer-id{flex:none;font-family:var(--sd-mono);font-size:12px;font-weight:700;color:var(--sd-faint);min-width:42px;transition:color 0.25s ease}.snt-layer-name{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.25}.snt-layer-name em{display:block;font-style:normal;font-size:11.5px;font-weight:400;color:var(--sd-faint);margin-top:2px}.snt-layer-badge{flex:none;font-family:var(--sd-mono);font-size:11px;font-weight:700;letter-spacing:0.08em;color:var(--sd-faint);border-radius:4px;padding:4px 9px;min-width:52px;text-align:center;transition:all 0.25s ease}.snt-layer-scan{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(153,225,217,0.16) 50%,transparent 80%);transform:translateX(-101%);pointer-events:none}.snt-layer.scanning{border-color:var(--sd-teal-line)}.snt-layer.scanning::before{background:var(--sd-teal);box-shadow:0 0 12px var(--sd-teal-line)}.snt-layer.scanning .snt-layer-scan{animation:snt-sweep 0.48s ease-in-out}@keyframes snt-sweep{from{transform:translateX(-101%)}to{transform:translateX(101%)}}.snt-layer.s-pass::before{background:var(--sd-pass)}.snt-layer.s-pass .snt-layer-id{color:var(--sd-pass)}.snt-layer.s-pass .snt-layer-badge{background:var(--sd-pass);color:#04140b}.snt-layer.s-flag::before{background:var(--sd-flag);box-shadow:0 0 14px rgba(255,184,41,0.35)}.snt-layer.s-flag{border-color:rgba(255,184,41,0.4)}.snt-layer.s-flag .snt-layer-id{color:var(--sd-flag)}.snt-layer.s-flag .snt-layer-badge{background:var(--sd-flag);color:#140d02}.snt-layer.s-mask::before{background:var(--sd-mask);box-shadow:0 0 14px rgba(229,189,223,0.35)}.snt-layer.s-mask{border-color:rgba(229,189,223,0.4)}.snt-layer.s-mask .snt-layer-id{color:var(--sd-mask)}.snt-layer.s-mask .snt-layer-badge{background:var(--sd-mask);color:#140812}.snt-layer.s-block::before{background:var(--sd-block);box-shadow:0 0 18px rgba(255,107,90,0.5)}.snt-layer.s-block{border-color:rgba(255,107,90,0.55);background:rgba(255,107,90,0.06)}.snt-layer.s-block .snt-layer-id{color:var(--sd-block)}.snt-layer.s-block .snt-layer-badge{background:var(--sd-block);color:#170503}.snt-layer.s-watch::before{background:var(--sd-watch)}.snt-layer.s-watch .snt-layer-badge{background:var(--sd-watch);color:#0b0f16}.snt-pipe.is-oob .snt-layer:not(.s-watch){opacity:0.35}.snt-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:14px}.snt-legend-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--sd-mono);font-size:10.5px;font-weight:700;letter-spacing:0.08em;color:var(--sd-faint)}.snt-dot{width:9px;height:9px;border-radius:50%;background:var(--sd-line);flex:none}.snt-dot.s-pass{background:var(--sd-pass)}.snt-dot.s-flag{background:var(--sd-flag)}.snt-dot.s-mask{background:var(--sd-mask)}.snt-dot.s-block{background:var(--sd-block)}.snt-dot.s-watch{background:var(--sd-watch)}.snt-dot.s-idle{background:var(--sd-line)}.snt-idle{background:var(--sd-panel);border:1px dashed var(--sd-line);border-radius:10px;padding:36px 24px;text-align:center;color:var(--sd-faint);font-size:13px;line-height:1.6}.snt-idle-shield{width:34px;height:34px;margin:0 auto 12px;color:var(--sd-teal);opacity:0.6}.snt-idle-shield svg{width:100%;height:100%}.snt-verdict{border-radius:10px;padding:20px;border:2px solid var(--sd-line);background:var(--sd-panel);opacity:0;transform:translateY(10px);transition:opacity 0.35s ease,transform 0.35s ease}.snt-verdict.is-visible{opacity:1;transform:none}.snt-verdict.v-allow{border-color:rgba(110,231,168,0.5);box-shadow:0 0 42px rgba(110,231,168,0.09)}.snt-verdict.v-mask{border-color:rgba(229,189,223,0.5);box-shadow:0 0 42px rgba(229,189,223,0.09)}.snt-verdict.v-block{border-color:rgba(255,107,90,0.6);box-shadow:0 0 42px rgba(255,107,90,0.12);background:rgba(255,107,90,0.04)}.snt-verdict.v-monitor{border-color:var(--sd-teal-line);box-shadow:0 0 42px rgba(153,225,217,0.08)}.snt-vicon{width:34px;height:34px;margin-bottom:10px}.snt-vicon svg{width:100%;height:100%}.v-allow .snt-vicon,.v-allow .snt-vlabel{color:var(--sd-pass-text)}.v-mask .snt-vicon,.v-mask .snt-vlabel{color:var(--sd-mask-text)}.v-block .snt-vicon,.v-block .snt-vlabel{color:var(--sd-block-text)}.v-monitor .snt-vicon,.v-monitor .snt-vlabel{color:var(--sd-teal)}.snt-vlabel{font-family:var(--sd-mono);font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px}.snt-vtitle{font-size:19px;font-weight:600;line-height:1.25;margin-bottom:8px}.snt-vdesc{font-size:12.5px;color:var(--sd-dim);line-height:1.6}.snt-vlayers{margin-top:14px;padding-top:12px;border-top:1px solid var(--sd-line)}.snt-vrow{display:flex;align-items:center;gap:8px;font-family:var(--sd-mono);font-size:10.5px;color:var(--sd-faint);padding:2.5px 0}.snt-vresp{margin-top:14px;padding-top:12px;border-top:1px solid var(--sd-line);font-size:12px;color:var(--sd-dim);line-height:1.6;white-space:pre-wrap}.snt-vresp span{display:block;font-family:var(--sd-mono);font-size:9.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--sd-faint);margin-bottom:5px}.snt-vnone{margin-top:14px;padding:10px 12px;background:rgba(255,255,255,0.03);border-radius:6px;font-size:12px;font-style:italic;color:var(--sd-faint)}.snt-vnone--oob{border:1px dashed var(--sd-teal-line);color:var(--sd-teal);background:transparent}.snt-vtrace{margin-top:14px;padding:12px;background:rgba(0,0,0,0.35);border-radius:6px;font-family:var(--sd-mono);font-size:11px;line-height:1.8;color:var(--sd-faint)}.snt-vtrace span{color:var(--sd-teal)}.v-block .snt-vtrace span{color:var(--sd-block)}:root[data-theme='light'] .snt-demo{--sd-panel:rgba(10,21,36,0.035);--sd-panel-2:rgba(10,21,36,0.06);--sd-line:rgba(10,21,36,0.16);--sd-ink:#0a1524;--sd-dim:rgba(10,21,36,0.72);--sd-faint:rgba(10,21,36,0.62);--sd-teal:#00265f;--sd-teal-line:rgba(0,38,95,0.35);--sd-teal-wash:rgba(0,38,95,0.07);--sd-pass-text:#0f6b42;--sd-block-text:#b02a1a;--sd-flag-text:#7a4a00;--sd-mask-text:#7a3d72;--sd-cue:#c2410c;--sd-cue-wash:rgba(194,65,12,0.11);--sd-cue-ring:rgba(194,65,12,0.2);--sd-pick:#15803d;--sd-pick-wash:rgba(21,128,61,0.11);--sd-pick-ring:rgba(21,128,61,0.18)}:root[data-theme='light'] .snt-demo{--sd-stage:#dde5f2}:root[data-theme='light'] .snt-vnone{background:rgba(10,21,36,0.04)}@media (prefers-reduced-motion:reduce){.snt-layer.scanning .snt-layer-scan{animation:none}.snt-verdict{transition:none}.snt-scenario{transition:none}.snt-scenario.snt-cue,.snt-tech.snt-cue,.snt-scenario.is-running.snt-cue,.snt-tech.is-running.snt-cue,.snt-scenario.is-picked.snt-cue,.snt-tech.is-picked.snt-cue{animation:none}.snt-tech{transition:none}.snt-autodot{animation:none;opacity:0.85}}