:root{--color-primary: #14b8a6;--color-primary-rgb: 20, 184, 166;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-500: #64748b;--color-slate-800: #1e293b;--camera-width: clamp(180px, 18vw, 320px);--toolbar-width: 48px;--canvas-overlay-left: calc(var(--camera-width) + var(--toolbar-width) + 12px);--canvas-overlay-left-collapsed: calc(var(--toolbar-width) + 12px);--header-height: 50px;--header-height-layered: 78px;--canvas-overlay-top: calc(var(--header-height) + 24px);--canvas-overlay-top-layered: calc(var(--header-height-layered) + 12px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
