.live-demo-strip{border:1px solid #ffe00022;background:#ffe00004;border-radius:16px;padding:18px 22px;margin-bottom:22px}.live-demo-controls{display:flex;align-items:center;gap:18px}.live-demo-controls>div{flex:1}.live-demo-controls strong{font-size:15px;color:#ffe000}.live-demo-controls p{font-size:12px;color:#bbb;margin:7px 0}.live-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:44px;cursor:pointer;font-size:13px}.live-switch input{accent-color:#ffe000;width:22px;height:22px}.live-demo-controls button{background:#ffe000;color:#111;border:0;border-radius:9px;padding:12px 16px;font-size:13px;min-height:44px}.live-demo-controls button:disabled{opacity:.35;cursor:default}.live-chart{display:block;width:100%;height:78px;margin-top:8px}#live-polyline{transition:all .4s ease}#live-area{transition:d .4s ease}.live-digit{display:inline-block;min-width:.55em;font-variant-numeric:tabular-nums;letter-spacing:0}.projection-label{display:block;color:#ffe000;background:#ffe00012;border:1px solid #ffe00020;border-radius:5px;padding:5px 8px;font-size:11px;width:fit-content;margin-bottom:10px}.projection-label[hidden]{display:none}.hero-amount>strong:has(.live-digit){letter-spacing:0}.live-demo-strip .caption{font-size:11px}@media(max-width:700px){.live-demo-controls{flex-wrap:wrap;gap:10px}.live-demo-controls>div{flex-basis:100%}.live-demo-strip{padding:16px}.live-demo-controls button{margin-left:auto}.hero-amount>strong:has(.live-digit){font-size:42px}}@media(prefers-reduced-motion:reduce){#live-polyline,#live-area{transition:none}}
