.circuit-selector{--circuit-panel-pad:32px;grid-template-columns:480px minmax(0,1fr);width:100%;min-width:0;display:grid}.circuit-panel{min-width:0;padding:var(--circuit-panel-pad);border-right:1px solid color-mix(in srgb, var(--border) 50%, transparent);flex-direction:column;display:flex}.circuit-heading{margin-bottom:24px}.circuit-first-line{text-box-trim:trim-start;text-box-edge:cap alphabetic;margin-top:0}.circuit-list-group+.circuit-list-group{margin-top:24px}.circuit-list-options{margin-inline:calc(-1 * var(--circuit-panel-pad));flex-direction:column;display:flex}.circuit-option{width:100%;min-height:52px;padding:16px var(--circuit-panel-pad);color:var(--muted-foreground);text-align:left;cursor:pointer;border-radius:0;align-items:center;gap:12px;font-size:13px;transition:background .16s,color .16s;display:flex;position:relative}.circuit-option:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 3%, transparent)}.circuit-option[aria-pressed=true]{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 5%, transparent)}.circuit-option[aria-pressed=true]:before{content:"";background:var(--circuit-accent);width:2px;position:absolute;top:12px;bottom:12px;left:0}.circuit-option:focus-visible,.circuit-motion-control:focus-visible,.circuit-tab-control:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.circuit-option-index{width:15px;color:var(--muted-foreground);opacity:.65;flex-shrink:0;font-family:monospace;font-size:9px}.circuit-option-name{white-space:nowrap;flex:1;min-width:0}.circuit-option-arrow{flex-shrink:0;margin-left:auto;transition:opacity .16s}.circuit-stage{isolation:isolate;background:var(--background);min-width:0;min-height:570px;position:relative;overflow:hidden}.circuit-stage-top,.circuit-stage-bottom{left:var(--circuit-panel-pad);right:var(--circuit-panel-pad);z-index:2;align-items:center;display:flex;position:absolute}.circuit-stage-top{top:var(--circuit-panel-pad);pointer-events:none;justify-content:space-between;align-items:flex-start}.circuit-stage-bottom{bottom:var(--circuit-panel-pad);justify-content:flex-end}.circuit-tab-controls{pointer-events:auto;align-items:center;gap:8px;display:flex}.circuit-tab-control{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:var(--background);width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.circuit-tab-control:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 5%, transparent)}.circuit-canvas,.circuit-static{inset:var(--circuit-panel-pad);pointer-events:none;position:absolute}.circuit-canvas{pointer-events:auto;opacity:0;transition:opacity .5s}.circuit-car-boost{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;width:32px;height:32px;display:block}.circuit-car-boost:focus-visible{outline-offset:2px;outline:2px solid #00bfea}.circuit-car-boost:disabled{cursor:default}.circuit-canvas-ready{opacity:1}.circuit-static{justify-content:center;align-items:center;transition:opacity .35s;display:flex}.circuit-static-hidden{opacity:0}.circuit-preview{aspect-ratio:1;filter:drop-shadow(0 20px 7px #00000012);width:61%;max-width:420px;transform:perspective(1000px)rotateX(32deg)rotate(-23deg)}.circuit-motion-control{letter-spacing:.03em;min-height:44px;color:var(--muted-foreground);cursor:pointer;align-items:center;gap:7px;font-family:monospace;font-size:9px;display:flex}.circuit-motion-control:hover{color:var(--foreground)}@media (max-width:767px){.circuit-selector{--circuit-panel-pad:20px;grid-template-columns:minmax(0,1fr)}.circuit-panel{border-right:0}.circuit-list-group+.circuit-list-group{margin-top:16px}.circuit-list-options{scrollbar-width:thin;flex-direction:row;overflow-x:auto}.circuit-option{flex-shrink:0;gap:9px;width:auto;min-height:44px;padding:12px 16px;font-size:12px}.circuit-option-index,.circuit-option-arrow,.circuit-option[aria-pressed=true]:before{display:none}.circuit-stage{border-top:1px solid color-mix(in srgb, var(--border) 50%, transparent);min-height:400px}.circuit-stage-top,.circuit-stage-bottom{left:var(--circuit-panel-pad);right:var(--circuit-panel-pad)}.circuit-stage-top{top:var(--circuit-panel-pad)}.circuit-stage-bottom{bottom:var(--circuit-panel-pad)}.circuit-preview{width:65%}}.dark .circuit-panel,.dark .circuit-stage,.dark .circuit-tab-control{border-color:#fff3}@media (prefers-reduced-motion:reduce){.circuit-option,.circuit-option-arrow,.circuit-canvas,.circuit-static{transition:none}}