.site .sv{gap:32px;display:grid}.site .sv-panel{border:1px solid var(--line-2)}.site .sv-input{border-bottom:1px solid var(--line);gap:6px;padding:16px;display:grid}.site .sv-input span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .sv-input textarea{border:1px solid var(--line-2);width:100%;min-height:140px;font:400 12px/1.6 var(--mono);color:var(--fg);resize:vertical;background:0 0;border-radius:0;padding:10px 12px}.site .sv-input textarea:focus-visible{border-color:var(--fg);outline:0}.site .sv-error{border-left:2px solid var(--accent);color:var(--fg-2);margin:0;padding:16px;font-size:13.5px;line-height:1.6}.site .sv-stage{background:var(--panel);place-items:center;min-height:clamp(220px,30vw,340px);padding:clamp(16px,3vw,32px);display:grid}.site .sv-host{width:100%;color:var(--fg);place-items:center;display:grid}.site .sv-svg{width:100%;max-width:560px;height:auto;max-height:300px;display:block;overflow:visible}.site .sv-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .sv-btn{border:1px solid var(--line-2);font:500 12px/1 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 14px}.site .sv-btn:hover,.site .sv-btn:focus-visible{border-color:var(--fg);outline:0}.site .sv-scrub{flex:220px;gap:4px;min-width:0;display:grid}.site .sv-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .sv input[type=range]{width:100%;accent-color:var(--fg)}.site .sv-check{font:500 12px/1 var(--mono);color:var(--fg-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.site .sv-check input{accent-color:var(--fg)}.site .sv-results{gap:12px;min-width:0;display:grid}.site .sv-scroll{overflow-x:auto}.site .sv-table{border-collapse:collapse;width:100%}.site .sv-table th,.site .sv-table td{border-top:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px 12px 8px 0}.site .sv-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .sv-table td{font:400 12.5px/1.5 var(--mono);color:var(--fg)}.site .sv-total{font:500 11px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .sv-problems{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site .sv-problems li{border-left:2px solid var(--accent);background:var(--panel);color:var(--fg-2);padding:10px 14px;font-size:13.5px;line-height:1.6}.site .sv-problems li.is-ok{border-left-color:var(--line-2)}.site .sv-code{min-width:0;display:grid}.site .sv-tabs{flex-wrap:wrap;display:flex}.site .sv-tab{border:1px solid var(--line-2);font:500 11.5px/1 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-bottom:0;border-left-width:0;padding:8px 14px}.site .sv-tab:first-child{border-left-width:1px}.site .sv-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .sv-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .sv-code .code-box{margin-top:0}.site .sv-cmds{border-collapse:collapse;width:100%;font-size:13.5px}.site .sv-cmds th,.site .sv-cmds td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .sv-cmds th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .sv-cmds td:first-child,.site .sv-cmds td:nth-child(3){font:400 12.5px/1.5 var(--mono);color:var(--fg);white-space:nowrap}.site .sv-cmds td:nth-child(2),.site .sv-cmds td:last-child{color:var(--fg-2);line-height:1.6}.site .svf svg{width:100%;height:auto}.site .svf-pencil{color:var(--fg-3)}.site .svf-ink{color:var(--fg)}.site .svf-k{font:500 11px var(--mono);fill:var(--fg-2)}.site .svf-n{font:500 10px var(--mono);fill:var(--fg-3)}