body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;touch-action:manipulation;-webkit-user-select:none;user-select:none}.App{height:100vh;overflow:hidden}@media (pointer:coarse){button{min-height:44px;min-width:44px}}@media (min-width:1920px){.App{font-size:1.2em}button{font-size:1.1em;min-height:60px}}@media (max-width:1024px){.grid-container{grid-template-columns:1fr!important}}@media (max-width:768px){.App{font-size:.9em}.desktop-only{display:none!important}}:root{--ui-scale:1}.scalable-ui-element{transform-origin:top left}body,html{height:100%;overflow:hidden;width:100%}.scalable-ui{transform:scale(1);transform:scale(var(--ui-scale));transform-origin:top left}.scalable-text{font-size:1rem;font-size:calc(1rem*var(--ui-scale));line-height:1.5;line-height:calc(var(--ui-scale)*1.5)}.scalable-button{border-radius:6px;border-radius:calc(6px*var(--ui-scale));font-size:14px;font-size:calc(14px*var(--ui-scale));padding:8px 16px;padding:calc(8px*var(--ui-scale)) calc(16px*var(--ui-scale))}.scalable-icon{height:20px;height:calc(20px*var(--ui-scale));width:20px;width:calc(20px*var(--ui-scale))}.scalable-tooltip{border-radius:6px;border-radius:calc(6px*var(--ui-scale));font-size:12px;font-size:calc(12px*var(--ui-scale));padding:6px 12px;padding:calc(6px*var(--ui-scale)) calc(12px*var(--ui-scale))}.scalable-nav-control{border-radius:50%;height:40px;height:calc(40px*var(--ui-scale));width:40px;width:calc(40px*var(--ui-scale))}.scalable-panel{border-radius:12px;border-radius:calc(12px*var(--ui-scale));gap:8px;gap:calc(8px*var(--ui-scale));padding:12px;padding:calc(12px*var(--ui-scale))}.scalable-settings{padding:20px;padding:calc(20px*var(--ui-scale));width:350px;width:calc(350px*var(--ui-scale))}.scalable-color-grid{gap:8px;gap:calc(8px*var(--ui-scale))}.scalable-color-option{border-radius:8px;border-radius:calc(8px*var(--ui-scale));height:40px;height:calc(40px*var(--ui-scale));width:40px;width:calc(40px*var(--ui-scale))}.scalable-input{padding:8px 12px;padding:calc(8px*var(--ui-scale)) calc(12px*var(--ui-scale))}.scalable-btn,.scalable-input{border-radius:6px;border-radius:calc(6px*var(--ui-scale));font-size:14px;font-size:calc(14px*var(--ui-scale))}.scalable-btn{padding:8px 16px;padding:calc(8px*var(--ui-scale)) calc(16px*var(--ui-scale))}.scalable-mode-selector{gap:8px;gap:calc(8px*var(--ui-scale));margin-bottom:16px;margin-bottom:calc(16px*var(--ui-scale))}.scalable-mode-button{border-radius:6px;border-radius:calc(6px*var(--ui-scale));font-size:12px;font-size:calc(12px*var(--ui-scale));padding:8px 12px;padding:calc(8px*var(--ui-scale)) calc(12px*var(--ui-scale))}.scalable-roster{padding:16px;padding:calc(16px*var(--ui-scale));width:300px;width:calc(300px*var(--ui-scale))}.scalable-video{font-size:18px;font-size:calc(18px*var(--ui-scale));height:200px;height:calc(200px*var(--ui-scale))}.scalable-math-toolbar{gap:8px;gap:calc(8px*var(--ui-scale));padding:8px;padding:calc(8px*var(--ui-scale))}.scalable-function-input,.scalable-math-toolbar{border-radius:8px;border-radius:calc(8px*var(--ui-scale))}.scalable-function-input{min-width:300px;min-width:calc(300px*var(--ui-scale));padding:12px;padding:calc(12px*var(--ui-scale))}.scalable-scaling-controls{border-radius:12px;border-radius:calc(12px*var(--ui-scale));gap:8px;gap:calc(8px*var(--ui-scale));padding:12px;padding:calc(12px*var(--ui-scale))}.scalable-scale-button{border-radius:8px;border-radius:calc(8px*var(--ui-scale));height:40px;height:calc(40px*var(--ui-scale));width:50px;width:calc(50px*var(--ui-scale))}.scalable-indicator,.scalable-scale-button{font-size:14px;font-size:calc(14px*var(--ui-scale))}.scalable-indicator{border-radius:20px;border-radius:calc(20px*var(--ui-scale));padding:8px 16px;padding:calc(8px*var(--ui-scale)) calc(16px*var(--ui-scale))}@media (min-width:1920px){:root{--ui-scale:1.2}}@media (min-width:2560px){:root{--ui-scale:1.5}}@media (min-width:3840px){:root{--ui-scale:2}}
/*# sourceMappingURL=main.ed8270aa.css.map*/