*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:hover:not(:disabled){filter:brightness(.96)}.color-swatch-btn:hover{transform:scale(1.15)}.hover-tint{background-color:transparent;transition:background-color .15s}.hover-tint:hover:not(:disabled){background-color:#f4f4f5}.panel-clickable{transition:filter .15s}.panel-clickable:hover{filter:brightness(.96)}.toolbar-icon-btn{background-color:transparent}.toolbar-icon-btn:hover:not(:disabled){background-color:#f4f4f5}button:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:#a5b4fc;cursor:pointer;border:2px solid white;box-shadow:0 0 2px #0003;transition:background-color .15s,transform .15s,box-shadow .15s;position:relative;z-index:100}input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:#a5b4fc;cursor:pointer;border:2px solid white;box-shadow:0 0 2px #0003;transition:background-color .15s,transform .15s,box-shadow .15s;position:relative;z-index:100}input[type=range]:hover::-webkit-slider-thumb{background:#818cf8;transform:scale(1.1);box-shadow:0 1px 4px #4f46e54d}input[type=range]:active::-webkit-slider-thumb{background:#6366f1;transform:scale(1.2)}input[type=range]:hover::-moz-range-thumb{background:#818cf8;transform:scale(1.1);box-shadow:0 1px 4px #4f46e54d}input[type=range]:active::-moz-range-thumb{background:#6366f1;transform:scale(1.2)}input[type=range]:focus-visible{outline:2px solid #4f46e5;outline-offset:4px;border-radius:2px}input[type=range][data-testid=playback-slider]:focus-visible{outline:none}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid #d1d5db;border-radius:3px;cursor:pointer;position:relative;background-color:#fff;transition:all .2s}input[type=checkbox]:checked{background-color:#a5b4fc;border-color:#a5b4fc}input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#4f46e5;font-size:12px;font-weight:700;top:40%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 768px){html{touch-action:manipulation}.mobile-toolbar{max-width:calc(100vw - 32px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-toolbar::-webkit-scrollbar{display:none}.mobile-panel{max-width:calc(100vw - 24px);max-height:calc(100vh - 180px)}.zoom-panel,.rotation-panel,.extension-toggle{bottom:72px!important}.touch-target{min-width:44px;min-height:44px}}@media screen and (max-width: 480px){.mobile-toolbar{max-width:calc(100vw - 24px)}.mobile-panel{max-width:calc(100vw - 16px)}}@media screen and (max-height: 500px) and (orientation: landscape){.zoom-panel{bottom:auto!important;top:16px!important;left:60px!important}.rotation-panel{bottom:auto!important;top:16px!important;left:168px!important}.extension-toggle{bottom:auto!important;top:16px!important}.mobile-panel{max-height:calc(100vh - 80px)}}.toolbar-button-with-tooltip{position:relative;display:inline-flex}.toolbar-button-with-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;background-color:#1e1e1e;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;box-shadow:0 2px 8px #00000026;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:1001}.toolbar-button-with-tooltip:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1e1e1e;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:1001}.toolbar-button-with-tooltip:hover:before,.toolbar-button-with-tooltip:hover:after{opacity:1;visibility:visible;transition-delay:.15s}@media (hover: none){.toolbar-button-with-tooltip:before,.toolbar-button-with-tooltip:after{display:none}}.tl-state-red .tl-green,.tl-state-red .tl-yellow,.tl-state-ped_red .tl-green,.tl-state-ped_red .tl-white,.tl-state-yellow .tl-red,.tl-state-yellow .tl-green,.tl-state-green .tl-red,.tl-state-green .tl-yellow,.tl-state-ped_green .tl-red,.tl-state-off .tl-red,.tl-state-off .tl-green,.tl-state-off .tl-yellow,.tl-state-off .tl-white,.tl-state-ped_off .tl-red,.tl-state-ped_off .tl-green,.tl-state-ped_off .tl-yellow,.tl-state-ped_off .tl-white{opacity:.18;filter:grayscale(.9)}.tl-arrow,.tl-state-green .tl-arrow{fill:#26a69a}.tl-state-red .tl-arrow{fill:#ff3030}.tl-state-yellow .tl-arrow{fill:#fc0}.tl-state-off .tl-arrow{fill:#3a3a3a}