:root{--color-neutral-50:#fff;--color-neutral-100:#f7f7f7;--color-neutral-500:#3b3b3b;--color-neutral-800:#1f1f1f;--color-neutral-900:#080808}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--color-neutral-900);background-color:#000;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:12px;overflow:hidden}hr{border:1px solid var(--color-neutral-500)}#app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.controls{background-color:var(--color-neutral-100);flex-direction:column;flex:0 0 33.33%;gap:1rem;width:33.33%;max-width:33.33%;height:100%;padding:2rem;display:flex;overflow-y:auto}.controls__input{width:100%;color:var(--color-neutral-900);background-color:var(--color-neutral-50);border:1px solid var(--color-neutral-500);border-radius:4px;margin:.5rem 0;padding:.5rem}.controls__headless-label{align-items:center;gap:.5rem;display:flex}#apply{color:var(--color-neutral-50);background-color:var(--color-neutral-500);cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.5rem}#apply:hover{background-color:var(--color-neutral-800)}.chart{flex-shrink:0;width:100%}.controls__spacer{min-height:200px}#canvas,#headless-container{flex-shrink:0;width:min(100vh,66.67vw);height:min(100vh,66.67vw)}.hidden{display:none}body.headless-mode{background-color:#fff}@media (width<=768px){html,body{overflow:auto}#app{flex-direction:column;align-items:stretch;width:100%;height:auto;padding:0}.controls{flex:none;order:2;width:100%;max-width:100%;height:auto;min-height:100vh;padding:1rem}.controls__spacer{min-height:100px}#canvas{flex-shrink:0;order:2;width:100vw;height:100vw;margin:0 auto}#headless-container{order:3;width:100vw;height:100vw;margin:0 auto}body:not(.headless-mode) #canvas,body.headless-mode #headless-container{order:1}#live-chart{order:-1}}