/* Simulators */
.sm{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:16px}
.sm-vis{background:linear-gradient(160deg,var(--stage),#fff);border:1px solid var(--line);border-radius:20px;padding:12px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:240px;overflow:hidden}
.sm-vis svg.rd{width:100%;height:auto;display:block;touch-action:manipulation}
.sm-side{display:flex;flex-direction:column;gap:12px;min-width:0}.sm-ctl{display:flex;flex-direction:column;gap:12px}
.sm-ctl label{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-weight:500;font-size:.92rem;align-items:center}
.sm-ctl output{font:600 .85rem "JetBrains Mono",monospace;color:var(--p1)}
.sm-ctl input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--p1);height:28px;margin:0}
.sm-ctl select{grid-column:1/-1;font:500 .92rem "Space Grotesk",sans-serif;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.sm-ctl label.tg{display:flex;gap:10px;align-items:center;cursor:pointer;min-height:32px}.tg input{width:20px;height:20px;accent-color:var(--p1)}
.pr{display:flex;gap:6px;flex-wrap:wrap}.pr button{font:500 .82rem "Space Grotesk",sans-serif;border:1px solid var(--line);background:var(--glass);border-radius:999px;padding:7px 12px;color:var(--ink);cursor:pointer;min-height:36px;transition:background .2s,transform .15s}
.pr button:hover{background:color-mix(in srgb,var(--p1) 14%,transparent)}.pr button:active{transform:scale(.95)}
.sm-chart{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;min-width:0}.sm-chart canvas{width:100%;height:180px;display:block}
.lg{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:.78rem;color:var(--mut);margin-bottom:6px}.lg i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle}
.sm-ser{background:#12101f;border-radius:20px;overflow:hidden;color:#bfffe0;min-width:0}
.sbar{display:flex;gap:6px;align-items:center;padding:9px 14px;background:#1c1933;font:600 .72rem "JetBrains Mono",monospace;color:#8c89b5}.sbar i{width:9px;height:9px;border-radius:50%;background:#ff7a90}.sbar i:nth-child(2){background:#ffd166}.sbar i:nth-child(3){background:#35d9a0;margin-right:8px}
.sm-ser pre{margin:0;padding:12px 14px;font:400 .8rem/1.6 "JetBrains Mono",monospace;min-height:150px;max-height:190px;overflow:hidden;white-space:pre-wrap}
.gauges{display:flex;gap:10px}.ga{flex:1;min-width:0}.ga svg{width:100%;height:auto}
.note{margin:0;font-size:.82rem;color:var(--mut)}
.vb{display:grid;gap:4px;font-size:.82rem;color:var(--mut)}.vt{position:relative;height:12px;border-radius:6px;background:#e5e1fa;overflow:visible}.vt i{display:block;height:100%;border-radius:6px;background:var(--grad);transition:width .2s}.vt b{position:absolute;top:-4px;width:4px;height:20px;border-radius:2px;background:#ff7ab6;transform:translateX(-2px);transition:left .2s}.vl,.wl{font:500 .75rem "JetBrains Mono",monospace}
.tm{display:grid;gap:6px}.tm div{display:flex;align-items:center;gap:10px;font:600 .74rem "JetBrains Mono",monospace}.tm b{width:44px;color:var(--mut)}.tm i{display:block;height:10px;border-radius:5px;background:#7c6cff;min-width:3px;transition:width .15s}.tm .eb{background:#35d9a0}.tm em{font-style:normal;color:var(--ink);white-space:nowrap}
@media (max-width:900px){.sm{grid-template-columns:1fr}.sm-chart canvas{height:160px}}
