.icon{display:inline-block;position:relative;flex:none;vertical-align:middle;background-color:currentColor;-webkit-mask:var(--icon) 0 0 / 100% 100% no-repeat;mask:var(--icon) 0 0 / 100% 100% no-repeat;image-rendering:pixelated}.icon-pencil{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCIAAAAvB8ABEA8w//M///MfhyASgJhggaz64IShFlkV0f9w94gA)}.icon-box-select{width:calc(6px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBUABEA8w//M///MfhxDTkLFp4neL6H8sEg==)}.icon-lasso-select{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB0AAAAvBoABEA8w//M///Mfh1DQtg2b6sPVbhH9j/5/FQA=)}.icon-wand{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TCAAAAAvBoABEA8w//M///Mfh1DIRhIczC7BdxALdBH9D+13BA==)}.icon-paint{width:calc(7px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TB8AAAAvBkABEA8w//M///Mfh1ASAAEa7GS6bWEPEf0PsPoAAA==)}.icon-eraser{width:calc(6px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TCAAAAAvBYABEA8w//M///Mfh1DUSAqbPHrRAD54EdH/yPltPQ==)}.icon-text{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB0AAAAvBoABEA8w//M///MfhyDMNo59CzGho7qI/scHAQA=)}.icon-blur{width:calc(7px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB4AAAAvBsABEA8w//M///MfhyDStg3SCTg8mpNF9D+Ylgc=)}.icon-slice{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCIAAAAvB8ABEA8w//M///MfhyDTgOhgfjXEEkE0UcSK6H90jwkB)}.icon-move{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLEbRARJFtH/wE4A)}.icon-polygon-select{width:calc(8px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvB4ABEA8w//M///Mfh1DUSAqbvIIShDQRiCKi/5H3WwoA)}.icon-eye-dropper{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvBoABEA8w//M///Mfh1DQSFKb/N70FJCDDCL6H+/fLmUA)}.icon-spray{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCIAAAAvB8ABEA8w//M///Mfh1DUtg3UC9qAVkO29xBF9D+Un20P)}.icon-atlas{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiIAAABXRUJQVlA4TBUAAAAvBoABEA8w//M///Mfh3jSX0T/IwkA)}.icon-polygon-fill{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TB8AAAAvB8ABEA8w//M///MfhyALMHkDSnBDiyuQiP7HFdYAAA==)}.icon-gradient{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvB8ABAAfQ//73v/+BiOh/AAA=);--icon-light: url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4TCYAAAAvB8ABEDcw//M//ycpiQMEBIRhNpJ+67Esy3L1xziEiP4HpLsfAA==);background-color:#000}.icon-gradient:before{content:"";position:absolute;inset:0;background-color:currentColor;-webkit-mask:var(--icon-light) 0 0 / 100% 100% no-repeat;mask:var(--icon-light) 0 0 / 100% 100% no-repeat}.icon-contour{width:calc(6px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBYABEA8w//M///MfhxAIpCGBGVYpov/RMA==)}.icon-jumble{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvB8ABEA8w//M///MfhyATsAghgLIr4ZLRL0hE/8NaCgcA)}.icon-anti-alias{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBkAAAAvB8ABEA8w//M///MfhxAIpHiw2YrofzQcAA==);--icon-light: url(data:image/webp;base64,UklGRjYAAABXRUJQVlA4TCoAAAAvB8ABEBcw//M//wKCoudMj0MYihlJgvo1EIMwtAtxIkf0P6DU/nzaJQA=);background-color:#000}.icon-anti-alias:before{content:"";position:absolute;inset:0;background-color:currentColor;-webkit-mask:var(--icon-light) 0 0 / 100% 100% no-repeat;mask:var(--icon-light) 0 0 / 100% 100% no-repeat}.icon-circle-select{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBoABEA8w//M///MfhxASkCnRDk9E9D+MSQ==)}.icon-rectangle-draw{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBsAAAAvB8ABEA8w//M///MfhyDItjHfdvdDRPQ/2AEA)}.icon-line-draw{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCIAAAAvB8ABEA8w//M///Mfh1DURgqc3V3OJxKQgjQi+h9/O+0i)}.icon-circle-draw{width:calc(8px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvB8ABEA8w//M///MfhxALpiGxrswW0f9oOA==)}.icon-fit{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoDGJZjKxFNH/OLEB)}.icon-trash{width:calc(7px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TB8AAAAvBsABEA8w//M///MfhyDLRg6K3HTjQbzaR/Q/uJUDAA==)}.icon-plus{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiIAAABXRUJQVlA4TBUAAAAvBoABEA8w//M///MfhzjCX0T/AwEA)}.icon-menu{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiAAAABXRUJQVlA4TBQAAAAvBoABEA8w//M///Mfh5i/iP5HEg==)}.icon-lock{width:calc(7px * var(--ui-scale));height:calc(8px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBsAAAAvBsABEA8w//M///MfhxASkLEjkpOiiP4H+jUA)}.icon-loop{width:calc(8px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvB4ABEA8w//M///Mfh1DQRgrzDCEo3SAE1xH9D/WrdwMA)}.icon-stop{width:calc(6px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiIAAABXRUJQVlA4TBYAAAAvBUABAAfQ//73v/8BgCD8b5uI6H8I)}.icon-play{width:calc(4px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvA4ABEA8w//M///Mfh1Dbtg2L3TMmov9B358J)}.icon-pause{width:calc(5px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiAAAABXRUJQVlA4TBMAAAAvBIABEA8w//M///Mfh+hGRP8DAA==)}.icon-step-back{width:calc(6px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB0AAAAvBYABEA8w//M///Mfh1DTtgEbwhIIPWdE/wP5FgA=)}.icon-step-forward{width:calc(6px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBYABEA8w//M///Mfh1DTtgGLsXSfjeh/QPsE)}.icon-keyframe{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLEbRCypFdH/wE4A)}.icon-bug{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TB8AAAAvBoABEA8w//M///MfhyALMI2K7ApiNnF0FtH/CHcWAA==)}.icon-symmetry-horizontal{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLGbVjwBFNH/wE4A)}.icon-symmetry-vertical{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLEbRCxZFNH/SMYA)}.icon-rotate{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TCAAAAAvBoABEA8w//M///MfhyATwQzf9zBpoodJAxH9j+7EAg==)}.icon-scale{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCIAAAAvBoABEA8w//M///Mfh1DTSAqcvY8aXXRIQAYR/Y92zd4D)}.icon-adjustment-layer{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBoABEA8w//M///MfhxAIpCGRSTYrov/ROA==)}.icon-mask{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBoABEA8w//M///MfhxAIpCG2WAY5ov9xaA==)}.icon-layer-duplicate{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB4AAAAvBoABEA8w//M///Mfh1ATgACbu11KrVJE9D+IVxo=)}.icon-folder-plus{width:calc(7px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB4AAAAvBkABEA8w//M///MfhyDLRg6Ox3YQB/LTR/Q/mHk=)}.icon-layer-plus{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB0AAAAvBoABEA8w//M///MfhyALBg3eu1LIILUi+h/9EAA=)}.icon-fx{width:calc(8px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TCAAAAAvB0ABEA8w//M///Mfh1DUtg0k9V2UhXRt1CP6H8RLBg==)}.icon-circle{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBoABEA8w//M///MfhxAIpCGRWVYrov/ROA==)}.icon-square{width:calc(6px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiIAAABXRUJQVlA4TBYAAAAvBUABAAfQ//73v/8BgCD8b5uI6H8I)}.icon-3d{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TCAAAAAvBoABEA8w//M///Mfh1AIAAEaRIkhlAiOo4j+x2eJAA==)}.icon-folder{width:calc(7px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBkABEA8w//M///MfhxALpqEzrpEV0f9oDA==)}.icon-robot{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLGbVhDxFNH/gM0B)}.icon-auto-key{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBoABEA8w//M///MfhxALpiGRrrwW0f9oHA==)}.icon-onion-skin{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB4AAAAvBoABEA8w//M///Mfh1DINgKcYhjBRO+J6H9I+wQ=);--icon-light: url(data:image/webp;base64,UklGRjIAAABXRUJQVlA4TCYAAAAvBoABEBcw//M//wKBJONVRo7DCGTSNtRO/Uza/s11RP8jwL11Tg==);background-color:#000}.icon-onion-skin:before{content:"";position:absolute;inset:0;background-color:currentColor;-webkit-mask:var(--icon-light) 0 0 / 100% 100% no-repeat;mask:var(--icon-light) 0 0 / 100% 100% no-repeat}.icon-dope-sheet{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBoABEA8w//M///MfhxASkCnRDkdF9D86XA==);--icon-light: url(data:image/webp;base64,UklGRjYAAABXRUJQVlA4TCoAAAAvBoABEBcw//M//wKBJONVRo7DCIbZSJrnECzEoh3FypxzRP9DrwrjMwA=);background-color:#000}.icon-dope-sheet:before{content:"";position:absolute;inset:0;background-color:currentColor;-webkit-mask:var(--icon-light) 0 0 / 100% 100% no-repeat;mask:var(--icon-light) 0 0 / 100% 100% no-repeat}.icon-graph{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvBoABEA8w//M///Mfh1DUSAqbvPKmSUAKyojof/B2wg8A)}.icon-interpolation-constant{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TB8AAAAvBoABEA8w//M///Mfh1DINgIcu0dkJqdyEf2PH1gBAA==)}.icon-interpolation-linear{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TB8AAAAvBoABEA8w//M///Mfh1DUthEb67j1PIiN6H8kf2UDAA==)}.icon-interpolation-bezier{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvBoABEA8w//M///Mfh1DURgoc3V3OH0hEAhH9j/vtHgMA)}.icon-ease{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiwAAABXRUJQVlA4TB8AAAAvBoABEA8w//M///Mfh1AUgAwcxL5nBFFE9D8S+7sAAA==)}.icon-tangents-unified{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBkAAAAvBoABEA8w//M///MfhxAIpDi9qY7of9ABAA==);--icon-light: url(data:image/webp;base64,UklGRjAAAABXRUJQVlA4TCQAAAAvBoABEBcw//M//wKBJONVRo7DCGTCEIviElQYmSP6H7C8CwA=);background-color:#000}.icon-tangents-unified:before{content:"";position:absolute;inset:0;background-color:currentColor;-webkit-mask:var(--icon-light) 0 0 / 100% 100% no-repeat;mask:var(--icon-light) 0 0 / 100% 100% no-repeat}.icon-tangents-broken{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB0AAAAvBoABEA8w//M///MfhyDSts0NTsDh3S2i/1HzAgA=);--icon-light: url(data:image/webp;base64,UklGRjQAAABXRUJQVlA4TCgAAAAvBoABEBcw//M//wKBJONVRo7DCGYCJhmcXMYgJlGMHdH/SNPTeA8A);background-color:#000}.icon-tangents-broken:before{content:"";position:absolute;inset:0;background-color:currentColor;-webkit-mask:var(--icon-light) 0 0 / 100% 100% no-repeat;mask:var(--icon-light) 0 0 / 100% 100% no-repeat}.icon-key{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLEbRCypFdH/wE4A)}.icon-key-empty{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLEbQASZFNH/wE4A)}.icon-key-small{width:calc(5px * var(--ui-scale));height:calc(5px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBAABEA8w//M///Mfh1DTtgEb6rpDoRH9j3EG)}.icon-key-previous{width:calc(3px * var(--ui-scale));height:calc(5px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvAgABEA8w//M///Mfh1CQtgGL9hfR/8i+AA==)}.icon-key-next{width:calc(3px * var(--ui-scale));height:calc(5px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvAgABEA8w//M///Mfh1CQtgGL9hfR/6BvAg==)}.icon-track-sprite{width:calc(7px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRioAAABXRUJQVlA4TB4AAAAvBkABEA8w//M///MfhyDItg2KjGUWpzjEIvof+Bo=)}.icon-track-opacity{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///Mfh1DTtgEbQp0rHRH9jyNy)}.icon-camera{width:calc(7px * var(--ui-scale));height:calc(6px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBkABEA8w//M///MfhxAIpCGUmEY5ov+hDw==)}.icon-key-add{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRigAAABXRUJQVlA4TBwAAAAvBoABEA8w//M///MfhxAKoLEbQBQ5FdH/wE4A)}.icon-generate{width:calc(7px * var(--ui-scale));height:calc(7px * var(--ui-scale));--icon: url(data:image/webp;base64,UklGRiYAAABXRUJQVlA4TBoAAAAvBoABEA8w//M///MfhxALpqF3ELkW0f+gAw==)}:root{--space: calc(4 * var(--px));--notch-height: calc(18 * var(--px));--space-large: calc(8 * var(--px));--document-width: calc(510 * var(--px));--label-shadow: var(--px) var(--px) 0 var(--c-text-shadow);--checker-light: color-mix(in srgb, var(--c-bg-deep) 92%, var(--c-text));--checker: repeating-conic-gradient(var(--c-bg-deep) 0 25%, var(--checker-light) 0 50%) 0 0 / calc(16 * var(--px)) calc(16 * var(--px))}@media(min-width:2200px)and (min-height:1200px){:root{--ui-scale: 3}}[hidden]{display:none!important}html,body{height:100%}body{overflow:hidden;background:var(--c-bg-deep)}a{color:var(--c-accent)}h1,h2,h3{text-shadow:var(--label-shadow)}:focus-visible{outline:var(--px) solid var(--c-accent);outline-offset:var(--px)}.text-dim{color:var(--c-text-dim)}.app-window{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;clip-path:polygon(0 calc(3 * var(--px)),var(--px) calc(3 * var(--px)),var(--px) var(--px),calc(3 * var(--px)) var(--px),calc(3 * var(--px)) 0,calc(100% - 3 * var(--px)) 0,calc(100% - 3 * var(--px)) var(--px),calc(100% - var(--px)) var(--px),calc(100% - var(--px)) calc(3 * var(--px)),100% calc(3 * var(--px)),100% 100%,0 100%)}.titlebar{position:relative;display:flex;align-items:center;min-height:calc(13 * var(--px));padding:0 calc(4 * var(--px))}.titlebar-title{position:absolute;left:50%;transform:translate(-50%);color:var(--c-text-dim);text-shadow:var(--label-shadow)}.window-lights{display:flex;gap:calc(3 * var(--px))}.window-light{width:calc(7 * var(--px));height:calc(7 * var(--px));clip-path:polygon(calc(2 * var(--px)) 0,calc(5 * var(--px)) 0,calc(5 * var(--px)) var(--px),calc(6 * var(--px)) var(--px),calc(6 * var(--px)) calc(2 * var(--px)),100% calc(2 * var(--px)),100% calc(5 * var(--px)),calc(6 * var(--px)) calc(5 * var(--px)),calc(6 * var(--px)) calc(6 * var(--px)),calc(5 * var(--px)) calc(6 * var(--px)),calc(5 * var(--px)) 100%,calc(2 * var(--px)) 100%,calc(2 * var(--px)) calc(6 * var(--px)),var(--px) calc(6 * var(--px)),var(--px) calc(5 * var(--px)),0 calc(5 * var(--px)),0 calc(2 * var(--px)),var(--px) calc(2 * var(--px)),var(--px) var(--px),calc(2 * var(--px)) var(--px))}.window-light.is-close{background:#ff5f57}.window-light.is-minimize{background:#febc2e}.window-light.is-zoom{background:#28c840}.theme-picker{position:relative}.theme-dropdown{min-width:calc(96 * var(--px))}.theme-list{position:absolute;bottom:100%;right:0;z-index:10}.theme-list .ui-menu{max-height:calc(170 * var(--px));overflow-y:auto}.theme-option{cursor:pointer}.theme-option:focus{--skin: var(--skin-Dropdown_Option);--skin-mask: var(--skin-Dropdown_Option-mask);--lit: 1;outline:none}.theme-swatch{width:calc(12 * var(--px));height:calc(6 * var(--px));background:linear-gradient(90deg,var(--c-bg) 50%,var(--c-accent) 50%);outline:var(--px) solid var(--c-bg-deep)}.statusbar{display:flex;align-items:center;gap:var(--space);height:var(--notch-height);white-space:nowrap;text-shadow:var(--label-shadow)}.status-readout{display:flex;gap:var(--space);padding:0 var(--space) 0 calc(2 * var(--px))}#theme-bar{padding-right:calc(2 * var(--px))}.status-number{display:inline-block;min-width:5ch}.status-divider{color:var(--c-text-disabled)}.credits{display:flex;justify-content:center;gap:var(--space);padding:var(--space-large) 0 calc(24 * var(--px));border-top:var(--px) solid var(--c-bg-raised);color:var(--c-text-dim)}.canvas{display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--space) var(--space) 0}.canvas-frame{display:flex;flex:1;min-height:0}.canvas-area{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:var(--checker)}.canvas-scroll{flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto}.canvas-scroll::-webkit-scrollbar-track{margin-bottom:calc(var(--notch-height) - 3 * var(--px))}.canvas-scroll::-webkit-scrollbar-button{display:none}.document{--handle: calc(5 * var(--px));--handle-edge: #333;position:relative;max-width:min(var(--document-width),calc(100% - 8 * var(--px)));margin:calc(24 * var(--px)) auto calc(16 * var(--px));padding:0 calc(12 * var(--px));background:var(--c-bg);box-shadow:0 0 0 var(--px) var(--c-accent),calc(4 * var(--px)) calc(4 * var(--px)) 0 var(--px) #00000059}.document:before,.document:after{content:"";position:absolute;inset:calc(var(--handle) / -2 - var(--px) / 2);pointer-events:none;background:linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 0 0 / var(--handle) var(--handle),linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 50% 0 / var(--handle) var(--handle),linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 100% 0 / var(--handle) var(--handle),linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 0 50% / var(--handle) var(--handle),linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 100% 50% / var(--handle) var(--handle),linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 0 100% / var(--handle) var(--handle),linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 50% 100% / var(--handle) var(--handle),linear-gradient(var(--handle-edge),var(--handle-edge)) no-repeat 100% 100% / var(--handle) var(--handle)}.document:after{inset:calc(var(--handle) / -2 + var(--px) / 2);background:linear-gradient(#fff,#fff) no-repeat 0 0 / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px)),linear-gradient(#fff,#fff) no-repeat 50% 0 / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px)),linear-gradient(#fff,#fff) no-repeat 100% 0 / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px)),linear-gradient(#fff,#fff) no-repeat 0 50% / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px)),linear-gradient(#fff,#fff) no-repeat 100% 50% / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px)),linear-gradient(#fff,#fff) no-repeat 0 100% / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px)),linear-gradient(#fff,#fff) no-repeat 50% 100% / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px)),linear-gradient(#fff,#fff) no-repeat 100% 100% / calc(var(--handle) - 2 * var(--px)) calc(var(--handle) - 2 * var(--px))}.doc-section{padding:calc(16 * var(--px)) 0;line-height:1.1}.doc-section+.doc-section{border-top:var(--px) solid var(--c-bg-raised)}.section-title{margin-bottom:var(--space)}.section-intro{margin-bottom:calc(12 * var(--px));color:var(--c-text-dim)}.button-primary{height:calc(17 * var(--px));padding:0 var(--space-large)}.pixel-image{width:calc(var(--image-w) * var(--px));max-width:100%;height:auto;image-rendering:pixelated}.sprite{--sprite-w: calc(var(--frame-w) * var(--art-scale) * var(--px));--sprite-h: calc(var(--frame-h) * var(--art-scale) * var(--px));display:block;width:var(--sprite-w);height:var(--sprite-h);background-repeat:no-repeat;background-size:calc(var(--sprite-w) * var(--columns)) calc(var(--sprite-h) * var(--rows));image-rendering:pixelated;animation:sprite-columns var(--row-time) steps(var(--columns)) infinite,sprite-rows var(--loop-time) steps(var(--rows)) infinite}@keyframes sprite-columns{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--sprite-w) * var(--columns))}}@keyframes sprite-rows{0%{background-position-y:0}to{background-position-y:calc(-1 * var(--sprite-h) * var(--rows))}}.art-zoom{display:block;cursor:zoom-in}.art-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--space-large)}.art-big-icon{display:grid;place-items:center;width:calc(48 * var(--px));height:calc(48 * var(--px));color:var(--c-accent)}.art-big-icon .icon{transform:scale(4)}.art-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--px)}.art-themes{display:grid;grid-template-columns:repeat(6,auto);gap:calc(3 * var(--px))}.art-theme{display:flex;outline:var(--px) solid var(--c-bg-deep)}.art-theme-bg,.art-theme-accent{width:calc(8 * var(--px));height:calc(10 * var(--px))}.art-theme-bg{background:var(--c-bg)}.art-theme-accent{background:var(--c-accent)}#hero{text-align:center}.logo{--outline: var(--c-accent);position:relative;display:block;width:calc(64 * var(--px));height:calc(64 * var(--px));margin:0 auto calc(8 * var(--px));filter:drop-shadow(var(--px) 0 0 var(--outline)) drop-shadow(calc(-1 * var(--px)) 0 0 var(--outline)) drop-shadow(0 var(--px) 0 var(--outline)) drop-shadow(0 calc(-1 * var(--px)) 0 var(--outline)) drop-shadow(calc((2 + 2 * var(--lift)) * var(--px)) calc((3 + 6 * var(--lift)) * var(--px)) 0 rgb(0 0 0 / calc(.4 - .2 * var(--lift))));animation:float 3.2s ease-in-out infinite}@property --lift{syntax: "<number>"; inherits: false; initial-value: 0;}.logo-layer,.logo-fallback{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.logo-layer{-webkit-mask:var(--mask) 0 0 / 100% 100% no-repeat;mask:var(--mask) 0 0 / 100% 100% no-repeat}@keyframes float{50%{--lift: 1;transform:translateY(calc(-3 * var(--px)))}}.hero-headline{line-height:.9;margin-bottom:var(--space-large)}.hero-line{display:block;text-wrap:balance}.hero-subhead{margin-bottom:calc(12 * var(--px))}.hero-subhead>span{display:block}#hero .trailer-slot{text-align:left}#hero .store-buttons{justify-content:center}.trailer-slot{aspect-ratio:16 / 9}.trailer-slot>video,.trailer-slot>iframe{position:absolute;inset:calc(2 * var(--px));width:calc(100% - 4 * var(--px));height:calc(100% - 4 * var(--px));border:0}.trailer-play{position:absolute;inset:calc(2 * var(--px));display:grid;place-items:center;overflow:hidden}.trailer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto}.trailer-play-button{width:calc(32 * var(--px));height:calc(24 * var(--px))}.trailer-play-button .icon{transform:scale(2)}.trailer-play:hover .trailer-play-button,.trailer-play:focus-visible .trailer-play-button{--lit: 1}.trailer-play:active .trailer-play-button{--skin: var(--skin-Button_Click);--skin-mask: var(--skin-Button_Click-mask);padding-top:calc(2 * var(--px))}.feature-list{display:grid;gap:calc(16 * var(--px))}.feature-card{display:grid;gap:var(--px)}.feature-title{display:flex;align-items:center;gap:var(--space);font-size:var(--fs-ui)}.feature-title .icon{color:var(--c-accent)}.feature-blurb{color:var(--c-text-dim)}.feature-media{margin-top:var(--space)}.feature-media.has-clip{width:fit-content;max-width:100%}.feature-stage{display:grid;place-items:center;min-height:calc(104 * var(--px));padding:var(--space);background:var(--checker)}.plugin-demo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-large);align-items:start}.plugin-code-window{min-width:0}.plugin-tabs .ui-tab{cursor:var(--cursor-hand, pointer)}.plugin-frame{background:var(--c-bg-deep)}.plugin-scroll{height:calc(16 * 12 * var(--px) + 6 * var(--px));overflow:auto;padding:calc(3 * var(--px)) calc(4 * var(--px));scrollbar-width:thin;scrollbar-color:var(--c-panel-outline) transparent}.plugin-surface{position:relative;width:max-content;min-width:100%;min-height:100%}.plugin-code,.plugin-code code,.plugin-editor{font:inherit;line-height:calc(12 * var(--px));letter-spacing:0;white-space:pre;tab-size:2}.plugin-code{color:var(--c-text)}.plugin-editor{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;resize:none;border:0;outline:none;background:transparent;color:transparent;caret-color:var(--c-text);cursor:text}.plugin-editor::selection{background:color-mix(in srgb,var(--c-accent) 40%,transparent);color:transparent}.plugin-editor[hidden]{display:none}.tok-keyword{color:var(--p-purple)}.tok-type{color:var(--p-aqua)}.tok-function{color:var(--p-green)}.tok-number{color:var(--p-orange)}.tok-directive{color:var(--p-red)}.tok-comment{color:var(--c-text-dim)}.tok-key{color:var(--p-blue)}.tok-string{color:var(--p-yellow)}.plugin-side{display:grid;gap:var(--space);justify-items:center;width:calc(136 * var(--px));padding-top:calc(13 * var(--px))}.plugin-preview{display:grid;gap:var(--space);justify-items:center}.plugin-hit{display:block;padding:var(--space);background:var(--checker);box-shadow:0 0 0 var(--px) var(--c-panel-outline);cursor:var(--cursor-hand, pointer)}.plugin-canvas{display:block;width:calc(128 * var(--px));height:calc(128 * var(--px));image-rendering:pixelated}.plugin-preview>img{width:calc(128 * var(--px))}.plugin-param{display:flex;align-items:center;gap:var(--space);color:var(--c-text-dim)}.plugin-param .ui-slider{width:calc(72 * var(--px))}.plugin-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:var(--cursor-hand, pointer)}.plugin-status{min-height:calc(32 * var(--px));color:var(--c-text-dim);text-align:center}.plugin-status.is-error{color:var(--c-danger);overflow-wrap:anywhere}.clip-zoom{display:block;cursor:zoom-in}.clip-image{display:block;width:calc(var(--clip-w) * var(--px));max-width:100%;height:auto;background-size:100% 100%;image-rendering:pixelated}.clip-image.is-downscaled{image-rendering:auto}.store{margin:var(--space-large) 0}.store-buttons{display:flex;flex-wrap:wrap;gap:var(--space)}.store-buttons .ui-button{height:calc(17 * var(--px));padding:0 var(--space-large)}.store-note{margin-top:var(--space);color:var(--c-text-dim)}.dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--space-large);background:var(--c-veil, color-mix(in srgb, var(--c-bg-deep) 70%, transparent))}.dialog{display:flex;flex-direction:column;width:min(100%,calc(200 * var(--px)));min-width:0;min-height:0;max-height:100%}.dialog--lightbox{width:auto;max-width:100%}.dialog-title{flex:1;font-size:var(--fs-ui);text-align:center}.dialog-close{display:grid;place-items:center;width:calc(11 * var(--px));height:calc(11 * var(--px))}.dialog-body{display:grid;gap:var(--space);padding:var(--space);overflow:auto}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space);padding:0 var(--space) var(--space)}.dialog-button{min-width:calc(40 * var(--px))}.lightbox-stage{display:grid;place-items:center;width:max-content;padding:var(--space);background:var(--checker)}.lightbox-stage .lightbox-image{max-width:none;image-rendering:pixelated}.app-window{cursor:var(--cursor-arrow, default)}.app-window :is(a,button,[role=option]){cursor:var(--cursor-hand, pointer)}.canvas-scroll{cursor:var(--cursor-pencil, crosshair)}.canvas-scroll.is-over-scrollbar,.document{cursor:var(--cursor-arrow, default)}.clip-zoom,.art-zoom{cursor:var(--cursor-hand, zoom-in)}@keyframes window-open{0%{opacity:0;transform:scale(.97)}}.app-window{animation:window-open .26s cubic-bezier(.2,.8,.2,1) both}.is-site-navigation .app-window{animation:none}.is-site-navigation .document{animation:page-in .1s ease-out both}@keyframes page-in{0%{opacity:0}}.is-typing .type-char{visibility:hidden}.is-typing .type-char.is-typed{visibility:visible}.type-char.has-caret{position:relative}.type-char.has-caret:after{content:"";position:absolute;left:100%;top:8%;width:calc(2 * var(--px));height:84%;background:var(--c-accent);animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.reveals>.feature-card:not(.is-revealed){opacity:0}.reveals>.feature-card.is-revealed{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(calc(12 * var(--px)))}}.will-animate .type-char:not(.is-typed){visibility:hidden;animation:show-without-script 0s 5s forwards}.will-animate .feature-list:not(.reveals)>.feature-card{opacity:0;animation:show-without-script 0s 5s forwards}@keyframes show-without-script{to{visibility:visible;opacity:1}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:theme-wipe .52s cubic-bezier(.4,0,.2,1) both}@keyframes theme-wipe{0%{clip-path:circle(0 at var(--wipe-x, 50%) var(--wipe-y, 100%))}to{clip-path:circle(150vmax at var(--wipe-x, 50%) var(--wipe-y, 100%))}}.paint-layer{position:absolute;z-index:1;pointer-events:none;image-rendering:pixelated}.tab-dot{display:none;width:calc(2 * var(--px));height:calc(2 * var(--px));margin-right:calc(2 * var(--px));background:var(--c-warning)}.has-changes>.tab-dot{display:inline-block}.doc-tabs a.ui-tab{cursor:var(--cursor-hand, pointer)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:899px){:root{--ui-scale: 2;--fs-h1: var(--fs-h2)}.app-window{height:100dvh}#statusbar{display:none}:root{--notch-height: calc(5 * var(--px) + 40px)}.credits{flex-direction:column;align-items:center;text-align:center}.credits .status-divider{display:none}.document{box-shadow:none}.document:before,.document:after{display:none}.document{margin:0;padding:0 16px}.ui-button,.theme-dropdown,.theme-option{min-height:40px}.plugin-demo{grid-template-columns:minmax(0,1fr)}.plugin-side{width:auto;padding-top:0}}