.vs .tool{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;margin-top:30px;align-items:start}.vs .pane{border:1px solid var(--bd);background:var(--card);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:16px}.vs .pane h3{font-size:15px}.vs .nf{display:flex;flex-direction:column;gap:5px}.vs .nf label{font:600 13px var(--font);color:#fff;display:flex;justify-content:space-between;gap:10px}.vs .nf label span{font-weight:400;color:var(--mut)}.vs .nf small{font-size:12px;color:var(--mut);line-height:1.4}.vs .nf .w{position:relative}.vs .nf .w i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;color:var(--mut)}.vs .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.vs .kpi.hi{border-color:#43ce8e80;background:#43ce8e0d}.vs .frm{border:1px solid var(--bd);background:var(--card);border-radius:18px;padding:22px;margin-top:32px}.vs .frm .l{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.vs .frm .l>div{border-top:1px solid var(--bd);padding-top:12px}.vs .frm b{font:700 14px var(--head);color:#fff;display:block}.vs .frm code{display:inline-block;margin:6px 0;font:500 13px ui-monospace,monospace;color:var(--acc);background:#0f0f11;border:1px solid var(--bd);border-radius:7px;padding:5px 9px}.vs .frm p{margin:0;font-size:13.5px;color:var(--mut);line-height:1.5}.vs .seg{display:flex;gap:6px;flex-wrap:wrap}.vs .seg button{border:1px solid var(--bd2);background:#0f0f11;color:var(--mut2);border-radius:999px;padding:8px 14px;font:600 13px var(--font);cursor:pointer}.vs .seg button.on{border-color:var(--acc);background:#43ce8e1a;color:#fff}.vs .chart{height:220px;position:relative}.vs .chart svg{width:100%;height:100%;overflow:visible}.vs .lg{display:flex;gap:14px;font-size:12px;color:var(--mut);flex-wrap:wrap}.vs .lg i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.vs .ck{display:flex;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;align-items:flex-start}.vs .ck:hover{background:#151517}.vs .ck input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--acc);flex:none}.vs .ck b{display:block;font:600 14px var(--font);color:#fff}.vs .ck.done b{text-decoration:line-through;color:var(--mut)}.vs .ck.done{opacity:.65}.vs .ck small{font-size:12.5px;color:var(--mut)}.vs .res{min-height:300px}.vs .res .ph{display:grid;place-items:center;height:100%;min-height:240px;color:var(--mut);font-size:14px;text-align:center;padding:20px}.vs .res h4{margin:16px 0 6px;font:700 14px var(--head);color:var(--acc);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.vs .res ul{margin:0;padding-left:18px;font-size:14px;color:var(--mut2);line-height:1.6}.vs .res p{margin:0;font-size:14px;color:var(--mut2);line-height:1.6}.vs .sem{display:flex;gap:8px;align-items:center}.vs .sem i{width:12px;height:12px;border-radius:50%}@media (max-width:860px){.vs .tool{grid-template-columns:1fr}}
