.site .ldg{gap:32px;display:grid}.site .ldg [hidden]{display:none!important}.site .ldg-panel{border:1px solid var(--line-2);min-width:0;position:relative}.site .ldg-input{border-bottom:1px solid var(--line);gap:6px;padding:16px;display:grid}.site .ldg-input span,.site .ldg-field-k{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .ldg-input textarea{border:1px solid var(--line-2);width:100%;min-height:150px;font:400 12px/1.6 var(--mono);color:var(--fg);resize:vertical;background:0 0;border-radius:0;padding:10px 12px}.site .ldg-input textarea:focus-visible{border-color:var(--fg);outline:0}.site .ldg-controls{container-type:inline-size}.site .ldg-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 20px;padding:16px;display:grid}.site .ldg-field{align-content:start;gap:6px;min-width:0;display:grid}@container (min-width:440px){.site .ldg-field.is-wide{grid-column:span 2}}.site .ldg-seg{border:1px solid var(--line-2);grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;min-width:0;display:grid}.site .ldg-seg button{white-space:nowrap;border:0;border-left:1px solid var(--line-2);font:500 11.5px/1.2 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;padding:7px 6px}.site .ldg-seg button:first-child{border-left:0}.site .ldg-seg button[aria-checked=true]{background:var(--fg);color:var(--bg)}.site .ldg-seg button:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .ldg-controls select,.site .ldg-num{border:1px solid var(--line-2);background:var(--bg);width:100%;min-width:0;font:500 12px/1.2 var(--mono);color:var(--fg);border-radius:0;padding:6px 8px}.site .ldg-controls select:focus-visible,.site .ldg-num:focus-visible{border-color:var(--fg);outline:0}.site .ldg-controls input[type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:0;width:44px;height:31px;padding:2px}.site .ldg-controls input[type=color]:focus-visible{border-color:var(--fg);outline:0}.site .ldg-pair{align-items:center;gap:8px;min-width:0;display:flex}.site .ldg-pair>.ldg-seg{flex:auto}.site .ldg-pair>input[type=range]{flex:120px;min-width:0}.site .ldg-pair>.ldg-num{flex:70px}.site .ldg-pair>.ldg-btn{flex:auto}.site .ldg-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 .ldg-btn:hover,.site .ldg-btn:focus-visible{border-color:var(--fg);outline:0}.site .ldg-btn:disabled,.site .ldg input:disabled{opacity:.45;cursor:default}.site .ldg-btn:disabled:hover{border-color:var(--line-2)}.site .ldg input[type=range]{width:100%;accent-color:var(--fg)}.site .ldg input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.site .ldg-error{border-left:2px solid var(--accent);color:var(--fg-2);margin:0;padding:16px;font-size:13.5px;line-height:1.6}.site .ldg-stage{background:var(--panel);place-items:center;min-height:clamp(200px,30vw,340px);padding:clamp(16px,3vw,32px);display:grid}.site .ldg-host{width:100%;color:var(--fg);place-items:center;display:grid}.site .ldg-svg{width:100%;max-width:560px;height:auto;max-height:300px;display:block;overflow:visible}.site .ldg-transport{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.site .ldg-scrub{flex:220px;gap:4px;min-width:0;display:grid}.site .ldg-scrub span{font:500 10px/1.4 var(--mono);color:var(--fg-3);font-variant-numeric:tabular-nums}.site .ldg-count{font:500 11px/1.4 var(--mono);color:var(--fg-3);margin:0}.site .ldg-measure{visibility:hidden;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.site .ldg-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site .ldg-notes li{border-left:2px solid var(--accent);background:var(--panel);color:var(--fg-2);overflow-wrap:anywhere;padding:10px 14px;font-size:13.5px;line-height:1.6}.site .ldg-code{min-width:0;display:grid}.site .ldg-out{gap:12px;min-width:0;display:grid}.site .ldg-code-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px;display:flex}.site .ldg-tabs{flex-wrap:wrap;display:flex}.site .ldg-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 .ldg-tab:first-child{border-left-width:1px}.site .ldg-tab[aria-selected=true]{color:var(--fg);background:var(--panel)}.site .ldg-tab:focus-visible{outline:1px solid var(--fg);outline-offset:-3px}.site .ldg .code-box{margin:0}.site .ldg-legend{max-width:80ch;color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.6}.site .ldg-legend a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.site .ldg-scroll{border:1px solid var(--line-2);min-width:0}.site .ldg-scroll-k{border-bottom:1px solid var(--line);font:500 10px/1.4 var(--mono);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;padding:10px 16px;display:flex}.site .ldg-scroll-k span:first-child{color:var(--fg-2)}.site .ldg-sbox{overscroll-behavior:contain;background:var(--panel);height:300px;overflow-y:auto}.site .ldg-sbox:focus-visible{outline:1px solid var(--fg);outline-offset:-2px}.site .ldg-spacer{place-items:center;height:300px;display:grid}.site .ldg-shint{font:500 10.5px/1.7 var(--mono);color:var(--fg-3);text-align:center;margin:0}.site .ldg-shost{color:var(--fg);place-items:center;padding:0 16px;display:grid}.site .ldg-shost .ldg-svg{max-width:300px;max-height:140px}.site .ldgf svg{width:100%;height:auto;overflow:visible}.site .ldgf-ink{color:var(--fg)}.site .ldgf-pencil,.site .ldgf-dim,.site .ldgf-lead{color:var(--fg-3)}.site .ldgf-dot{fill:var(--fg)}.site .ldgf-tip{fill:var(--bg);stroke:var(--fg)}.site .ldgf-k{font:500 11px var(--mono);fill:var(--fg-2)}.site .ldgf-n{font:500 10px var(--mono);fill:var(--fg-3)}.site .ldgf-v{font:600 11px var(--mono);fill:var(--fg)}@media (max-width:559px){.site .ldgf-k{font-size:13px}.site .ldgf-v,.site .ldgf-n{font-size:12px}}.site .ldg-after{margin-top:16px}.site .ldg-ref-scroll{overflow-x:auto}.site .ldg-ref-scroll:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.site .ldg-ref{border-collapse:collapse;width:100%;font-size:13.5px}.site .ldg-ref th,.site .ldg-ref td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 14px 10px 0}.site .ldg-ref th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .ldg-ref td{color:var(--fg-2);line-height:1.6}.site .ldg-ref td:first-child{width:28%;font:400 12.5px/1.6 var(--mono);color:var(--fg);overflow-wrap:anywhere}@media (max-width:639px){.site .ldg-ref thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site .ldg-ref,.site .ldg-ref tbody,.site .ldg-ref tr{display:block}.site .ldg-ref tr{border-top:1px solid var(--line);padding:10px 0}.site .ldg-ref td{border-top:0;width:auto;padding:3px 0;display:block}.site .ldg-ref td:first-child{width:auto}.site .ldg-ref td[data-k]:before{content:attr(data-k);font:500 10px/1.4 var(--mono);color:var(--fg-3);margin-right:8px}}
