.trail-demo{border:1px solid #355950;background:linear-gradient(145deg,#14251f,#101827 60%);border-radius:16px;padding:26px;margin:28px 0}.trail-demo h3{font-size:1.4rem;margin:12px 0 16px}.trail-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.trail-controls output{display:block;color:var(--accent);font-size:1.4rem;font-weight:700}.trail-controls input{accent-color:var(--accent);padding:0;min-height:32px;border:0;background:transparent}.trail-demo select{width:100%;margin:8px 0 12px;min-height:46px;background:var(--bg);border:1px solid #51617a;border-radius:8px;color:var(--text);font:inherit;padding:8px;font-size:.9rem}.trail-demo select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#trail-chart{display:block;width:100%;height:auto;min-height:180px;overflow:visible}#trail-chart text{font:13px system-ui;fill:var(--muted)}.trail-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:10px 0 24px;font-size:.76rem}.trail-legend li{margin:0;display:flex;align-items:center;gap:7px}.trail-legend li:before{content:"";width:17px;border-top:3px solid #7cc9f4}.trail-legend .arm:before{border-color:#b5c2d2;border-top-style:dashed}.trail-legend .trigger:before{border-color:#74dfb1}.trail-legend .signal:before{width:8px;height:8px;background:#ffc981;border:0;border-radius:50%}.trail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding:22px 0}.trail-stats span{display:block;font-size:.75rem;color:var(--muted);line-height:1.4}.trail-stats strong{display:block;margin-top:6px;color:var(--accent);font-size:1.15rem;overflow-wrap:anywhere}.trail-status{font-size:.94rem;margin-bottom:8px}.trail-demo .table-wrap{margin:18px 0 0}.trail-demo th,.trail-demo td{padding:12px 10px;font-size:.85rem}@media(max-width:480px){.trail-demo{padding:18px}.trail-controls{grid-template-columns:1fr;gap:12px}.trail-stats{grid-template-columns:1fr}.trail-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.trail-stats strong{white-space:nowrap}.trail-stats span{max-width:65%}#trail-chart{min-height:160px}}