cart-pole-lab{--cpl-ink:#292524;--cpl-muted:#57534e;--cpl-border:#d6d3d1;--cpl-surface:#faf8f4;--cpl-panel:#f0ebe3;--cpl-accent:#8b5e34;--cpl-accent-hover:#704827;--cpl-cart:#c9a77c;--cpl-wheel:#44403c;--cpl-pole:#8b5e34;--cpl-mass:#b45309;--cpl-rail:#78716c;--cpl-x-series:#2563eb;--cpl-theta-series:#b45309;text-align:left;margin:2.25rem 0 3rem;display:block}cart-pole-lab *,cart-pole-lab :before,cart-pole-lab :after{box-sizing:border-box}cart-pole-lab .cpl-card{border:1px solid var(--cpl-border);background:var(--cpl-surface);color:var(--cpl-ink);font-family:var(--font-sans);border-radius:.85rem;font-size:.875rem;line-height:1.45;overflow:hidden;box-shadow:0 14px 38px #29252414}cart-pole-lab .cpl-heading{border-bottom:1px solid var(--cpl-border);justify-content:space-between;align-items:start;gap:1rem;padding:1.25rem 1.35rem;display:flex}cart-pole-lab .cpl-eyebrow{color:var(--cpl-accent);letter-spacing:.18em;text-transform:uppercase;font-size:.66rem;font-weight:700;margin:0 0 .25rem!important}cart-pole-lab h3#cpl-title{color:var(--cpl-ink);font-family:var(--font-serif);margin:0;font-size:1.3rem;line-height:1.25}cart-pole-lab .cpl-intro{max-width:37rem;color:var(--cpl-muted);font-size:.82rem;margin:.35rem 0 0!important}cart-pole-lab .cpl-intro var{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}cart-pole-lab .cpl-layout{grid-template-columns:minmax(21rem,1fr) minmax(19rem,1.05fr);display:grid}cart-pole-lab .cpl-controls{border-right:1px solid var(--cpl-border);padding:1.15rem}cart-pole-lab fieldset{border:1px solid var(--cpl-border);border-radius:.5rem;min-width:0;margin:0 0 .9rem;padding:.75rem}cart-pole-lab legend{color:var(--cpl-accent);letter-spacing:.08em;text-transform:uppercase;padding:0 .35rem;font-size:.68rem;font-weight:700}cart-pole-lab legend span{font-family:var(--font-serif);text-transform:none;font-style:italic}cart-pole-lab .cpl-grid{gap:.65rem;display:grid}cart-pole-lab .cpl-grid-state,cart-pole-lab .cpl-grid-plant{grid-template-columns:1fr 1fr}cart-pole-lab .cpl-grid>label{color:var(--cpl-muted);gap:.25rem;font-size:.68rem;font-weight:700;display:grid}cart-pole-lab input,cart-pole-lab button{font:inherit}cart-pole-lab input{border:1px solid var(--cpl-border);width:100%;min-width:0;min-height:2.15rem;color:var(--cpl-ink);font-variant-numeric:tabular-nums;text-align:right;background:#fff;border-radius:.35rem;padding:.35rem .45rem}cart-pole-lab input:focus-visible,cart-pole-lab button:focus-visible{outline-offset:2px;outline:2px solid #b7793b}cart-pole-lab .cpl-input-unit{display:block;position:relative}cart-pole-lab .cpl-input-unit input{padding-right:3.7rem}cart-pole-lab .cpl-input-unit small{max-width:3.1rem;color:var(--cpl-muted);text-align:right;font-size:.58rem;font-weight:500;line-height:1.05;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}cart-pole-lab .cpl-gain-equation{grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:center;gap:.4rem;display:grid}cart-pole-lab .cpl-gain-equation>span{color:var(--cpl-muted);font-family:var(--font-serif);font-style:italic}cart-pole-lab .cpl-gain-labels{color:var(--cpl-muted);font-family:var(--font-serif);text-align:center;grid-template-columns:repeat(4,1fr);gap:.4rem;font-size:.66rem;font-style:italic;display:grid;margin:.25rem 0 0 2.6rem!important}cart-pole-lab button{border:1px solid var(--cpl-border);min-height:2.25rem;color:var(--cpl-ink);cursor:pointer;background:0 0;border-radius:.4rem;padding:.4rem .65rem;transition:border-color .15s,background-color .15s,color .15s}cart-pole-lab button:hover{background:#78716c12;border-color:#a8a29e}cart-pole-lab .cpl-preset{color:var(--cpl-accent);white-space:nowrap;font-size:.74rem;font-weight:600}cart-pole-lab .cpl-actions{grid-template-columns:1.25fr .8fr .9fr;gap:.5rem;display:grid}cart-pole-lab .cpl-actions button{font-size:.74rem;font-weight:600}cart-pole-lab .cpl-actions .cpl-primary{border-color:var(--cpl-accent);background:var(--cpl-accent);color:#fffdf8}cart-pole-lab .cpl-actions .cpl-primary:hover{border-color:var(--cpl-accent-hover);background:var(--cpl-accent-hover)}cart-pole-lab .cpl-hint{color:var(--cpl-muted);font-size:.66rem;margin:.65rem 0 0!important}cart-pole-lab .cpl-stage{background:radial-gradient(circle at 50% 38%, #8b6e4e1f, transparent 48%), linear-gradient(var(--cpl-panel), var(--cpl-surface));flex-direction:column;justify-content:center;min-width:0;min-height:31rem;padding:.8rem .8rem .7rem;display:flex}cart-pole-lab canvas{width:100%;height:27rem;display:block}cart-pole-lab .cpl-status{min-height:2.5rem;color:var(--cpl-muted);text-align:center;padding-top:.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.63rem;line-height:1.45}cart-pole-lab .cpl-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=780px){cart-pole-lab .cpl-layout{grid-template-columns:1fr}cart-pole-lab .cpl-controls{border-right:0;border-bottom:1px solid var(--cpl-border)}cart-pole-lab .cpl-stage{min-height:27rem}cart-pole-lab canvas{height:23rem}}@media (width<=460px){cart-pole-lab .cpl-heading{flex-direction:column}cart-pole-lab .cpl-preset{width:100%}cart-pole-lab .cpl-grid-state,cart-pole-lab .cpl-grid-plant{grid-template-columns:1fr}cart-pole-lab .cpl-actions{grid-template-columns:1fr 1fr}cart-pole-lab .cpl-actions .cpl-primary{grid-column:1/-1}}@media (prefers-color-scheme:dark){cart-pole-lab{--cpl-ink:#e7e5e4;--cpl-muted:#a8a29e;--cpl-border:#44403c;--cpl-surface:#151412;--cpl-panel:#1c1917;--cpl-accent:#c9a77c;--cpl-accent-hover:#d7b48a;--cpl-cart:#8b6641;--cpl-wheel:#a8a29e;--cpl-pole:#c9a77c;--cpl-mass:#d97706;--cpl-rail:#78716c;--cpl-x-series:#60a5fa;--cpl-theta-series:#f59e0b}cart-pole-lab .cpl-card{box-shadow:none}cart-pole-lab input{background:#0f0e0d}}@media (prefers-reduced-motion:reduce){cart-pole-lab button{transition:none}}