.ard-canvas .ard-stage-wrap{position:relative;flex:1;overflow:auto;background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 /22px 22px,var(--panel)}.ard-canvas .ard-stage{position:relative;min-width:100%;min-height:340px;padding:0;z-index:1}.ard-canvas .ard-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.ard-canvas .ard-stage wokwi-potentiometer,.ard-canvas .ard-stage wokwi-pushbutton{cursor:pointer}.ard-canvas .ard-live{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 14px;border-block-end:1px solid var(--line);flex:0 0 auto;background:color-mix(in oklch,var(--code-bg) 70%,transparent)}.ard-canvas .ard-live-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.ard-canvas .ard-live-name{font-size:.72rem;font-weight:700;color:var(--faint)}.ard-canvas .ard-live-ctl{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--mut)}.ard-canvas .ard-live-ctl input[type=range]{width:110px;accent-color:var(--acc-2)}.ard-canvas .ard-live-ctl .val{font-family:var(--font-jetbrains);font-size:.72rem;color:var(--fg);min-width:52px}.ard-canvas .ard-live-btn{padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--code-bg);color:var(--mut);font-size:.74rem;font-weight:700;cursor:pointer}.ard-canvas .ard-live-btn:hover{color:var(--fg);border-color:var(--acc-2)}.ard-canvas .ard-live-btn:active{background:color-mix(in oklch,var(--acc-2) 18%,var(--code-bg))}