:root{--primary-color: #00d084;--bg-dark: #1e1e1e;--text-primary: #d4d4d4}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:#1e1e1e;color:#d4d4d4;height:100dvh;min-height:100vh;width:100vw;overflow:hidden}#root{display:flex;flex-direction:column;height:100dvh;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#3e3e42;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}button{cursor:pointer;font-family:inherit;border:none;border-radius:4px;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}.editor-layout{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#1e1e1e}.editor-layout .area-header{height:40px;background-color:#252526;border-bottom:1px solid #3e3e42;display:flex;align-items:center;padding:0 16px;flex-shrink:0;justify-content:space-between}.editor-layout .editor-body{flex:1;display:flex;overflow:hidden}.editor-layout .editor-body .center-area{flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.editor-layout .editor-body .center-area .area-toolbar{height:40px;background-color:#252526;border-bottom:1px solid #3e3e42;display:flex;align-items:center;padding:0 8px;gap:8px}.editor-layout .editor-body .center-area .area-canvas{flex:1;background-color:#2d2d30;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.editor-layout .editor-body .center-area .area-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;opacity:.1;pointer-events:none}.editor-layout .editor-body .center-area .area-timeline{height:220px;background-color:#2d2d30;border-top:1px solid #3e3e42;flex-shrink:0;display:flex;flex-direction:column}.editor-layout .editor-body .area-inspector{width:300px;background-color:#252526;border-left:1px solid #3e3e42;flex-shrink:0;display:flex;flex-direction:column}