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;display:block;margin:2.25rem 0 3rem;text-align:left}cart-pole-lab *,cart-pole-lab *:before,cart-pole-lab *:after{box-sizing:border-box}cart-pole-lab .cpl-card{overflow:hidden;border:1px solid var(--cpl-border);border-radius:.85rem;background:var(--cpl-surface);box-shadow:0 14px 38px #29252414;color:var(--cpl-ink);font-family:Inter,sans-serif;font-size:.875rem;line-height:1.45}cart-pole-lab .cpl-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-bottom:1px solid var(--cpl-border)}cart-pole-lab .cpl-eyebrow{margin:0 0 .25rem!important;color:var(--cpl-accent);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}cart-pole-lab h3#cpl-title{margin:0;color:var(--cpl-ink);font-family:Literata,serif;font-size:1.3rem;line-height:1.25}cart-pole-lab .cpl-intro{max-width:37rem;margin:.35rem 0 0!important;color:var(--cpl-muted);font-size:.82rem}cart-pole-lab .cpl-intro var{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}cart-pole-lab .cpl-layout{display:grid;grid-template-columns:minmax(21rem,1fr) minmax(19rem,1.05fr)}cart-pole-lab .cpl-controls{padding:1.15rem;border-right:1px solid var(--cpl-border)}cart-pole-lab fieldset{min-width:0;margin:0 0 .9rem;padding:.75rem;border:1px solid var(--cpl-border);border-radius:.5rem}cart-pole-lab legend{padding:0 .35rem;color:var(--cpl-accent);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}cart-pole-lab legend span{font-family:Literata,serif;font-style:italic;text-transform:none}cart-pole-lab .cpl-grid{display:grid;gap:.65rem}cart-pole-lab .cpl-grid-state,cart-pole-lab .cpl-grid-plant{grid-template-columns:1fr 1fr}cart-pole-lab .cpl-grid>label{display:grid;gap:.25rem;color:var(--cpl-muted);font-size:.68rem;font-weight:700}cart-pole-lab input,cart-pole-lab button{font:inherit}cart-pole-lab input{width:100%;min-width:0;min-height:2.15rem;padding:.35rem .45rem;border:1px solid var(--cpl-border);border-radius:.35rem;background:#fff;color:var(--cpl-ink);font-variant-numeric:tabular-nums;text-align:right}cart-pole-lab input:focus-visible,cart-pole-lab button:focus-visible{outline:2px solid #b7793b;outline-offset:2px}cart-pole-lab .cpl-input-unit{position:relative;display:block}cart-pole-lab .cpl-input-unit input{padding-right:3.7rem}cart-pole-lab .cpl-input-unit small{position:absolute;top:50%;right:.45rem;max-width:3.1rem;color:var(--cpl-muted);font-size:.58rem;font-weight:500;line-height:1.05;text-align:right;transform:translateY(-50%)}cart-pole-lab .cpl-gain-equation{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:center;gap:.4rem}cart-pole-lab .cpl-gain-equation>span{color:var(--cpl-muted);font-family:Literata,serif;font-style:italic}cart-pole-lab .cpl-gain-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.25rem 0 0 2.6rem!important;color:var(--cpl-muted);font-family:Literata,serif;font-size:.66rem;font-style:italic;text-align:center}cart-pole-lab button{min-height:2.25rem;padding:.4rem .65rem;border:1px solid var(--cpl-border);border-radius:.4rem;background:transparent;color:var(--cpl-ink);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}cart-pole-lab button:hover{border-color:#a8a29e;background:#78716c12}cart-pole-lab .cpl-preset{color:var(--cpl-accent);font-size:.74rem;font-weight:600;white-space:nowrap}cart-pole-lab .cpl-actions{display:grid;grid-template-columns:1.25fr .8fr .9fr;gap:.5rem}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{margin:.65rem 0 0!important;color:var(--cpl-muted);font-size:.66rem}cart-pole-lab .cpl-stage{display:flex;min-width:0;min-height:31rem;flex-direction:column;justify-content:center;padding:.8rem .8rem .7rem;background:radial-gradient(circle at 50% 38%,rgb(139 110 78 / 12%),transparent 48%),linear-gradient(var(--cpl-panel),var(--cpl-surface))}cart-pole-lab canvas{display:block;width:100%;height:27rem}cart-pole-lab .cpl-status{min-height:2.5rem;padding-top:.45rem;color:var(--cpl-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.63rem;line-height:1.45;text-align:center}cart-pole-lab .cpl-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-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(max-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}}