*{overflow:hidden;margin:0;padding:0;text-decoration:none}*:focus{outline:none!important;box-shadow:none!important}html,body,#root{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#333;color:#eee;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h4{font-size:14px}.main-container{display:flex;flex-direction:column;margin:10px;height:calc(100% - 20px)}@media (max-width: 1000px){.main-container{height:calc(100% - 8px);margin:4px}}.editor{display:flex;flex-direction:column;background-color:#222;color:#eee;margin:10px;border-radius:10px;border:1px solid #666}.editor-horizontal{width:100%;height:calc(100% - 20px)}.editor-vertical{width:calc(100% - 20px);height:100%}.top-container{display:flex;align-items:center;justify-content:space-between;height:54px;margin:0 10px}@media (max-width: 750px){.top-container{margin:0 auto}}.left-container{display:flex;align-items:center;width:300px;gap:20px}@media (max-width: 1000px){.left-container{width:230px;gap:10px}}.middle-container{display:flex;align-items:center;justify-content:center;gap:20px}.content-container,.code-container-horizontal{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.code-container-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.output{cursor:default;resize:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#222;padding:10px;border:none;color:#eee;font-size:18px;font-family:monospace,Courier New,Courier;overflow:auto;margin:0;flex:1;min-height:0}@media (max-width: 1000px){.output{font-size:14px}}.saves-list{overflow:auto;padding:10px;flex:1;min-height:0}.output-horizontal{width:40vw;height:calc(100% - 20px);min-width:100px;max-width:400px}.output-vertical{width:calc(100% - 20px);height:40vh;min-height:100px;max-height:400px}.color-button{box-sizing:border-box;cursor:pointer;width:34px;height:34px;border-radius:5px;padding:4px}.main-button{cursor:pointer;min-width:110px;width:140px;height:34px;background-color:#eee;border:2px solid #eee;color:#282c34;font-size:18px;font-weight:700;border-radius:5px;padding:4px}@media (max-width: 1000px){.main-button{font-size:14px;width:110px;padding:4px}}.main-button:hover{background-color:#eee}.create-save-button{cursor:pointer;min-width:fit-content;display:flex;align-items:center;gap:6px;background-color:#444;border:1px solid #666;color:#eee;font-size:14px;font-weight:700;border-radius:5px;padding:4px 8px;transition:background-color .2s}.create-save-button:hover{background-color:#555}.save-action-button{cursor:pointer;height:34px;background-color:#444;border:2px solid #666;color:#eee;font-size:18px;font-weight:700;border-radius:5px;padding:4px}.save-action-button:hover{background-color:#666}.toggle-button{cursor:pointer;min-width:110px;width:140px;height:34px;background-color:#444;border:2px solid #666;color:#eee;font-size:18px;font-weight:700;border-radius:5px;padding:4px 10px}@media (max-width: 1000px){.toggle-button{font-size:14px;width:110px;padding:4px}}.toggle-button:hover{background-color:#666}option{background-color:#444;color:#eee;font-size:18px}@media (max-width: 1000px){option{font-size:14px}}.right-container{display:flex;justify-content:flex-end;width:300px;gap:20px}@media (max-width: 1000px){.right-container{width:230px;gap:10px}}.top-header{font-size:24px;font-weight:700}@media (max-width: 1000px){.top-header{font-size:20px}}.saves-header{display:flex;flex-direction:column;background-color:#444;padding:0 12px;min-height:50px;border-bottom:1px solid #666;font-size:16px;font-weight:700;box-sizing:border-box;overflow:visible}.saves-title-container{display:flex;flex:1;align-items:center;justify-content:space-between;padding:12px 0}.create-save-toggle-button{cursor:pointer;display:flex;align-items:center;gap:6px;background-color:#444;border:1px solid #666;color:#eee;font-size:14px;font-weight:700;border-radius:5px;padding:4px 8px;transition:background-color .2s}.create-save-toggle-button:hover{background-color:#555}.save-top-container{min-height:90px}.error-output{color:#ff5050}.ace-twilight{background-color:#222!important}.ace_mobile-menu{display:none!important}.canvas-container{display:flex;flex-direction:column;background-color:#444;color:#eee;margin:10px;border-radius:10px;border:1px solid #666;width:100%;height:calc(100% - 20px)}.canvas-container div[role=presentation]{border-radius:0!important}.canvas-tools-container{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin:0 10px;gap:10px;border-bottom:1px solid #666;box-sizing:border-box}.canvas-tools-inner-container{display:flex;align-items:center;gap:10px}.saves-container{display:flex;flex-direction:column;background-color:#222;color:#eee;margin:10px;border-radius:10px;border:1px solid #666;width:350px;height:calc(100% - 20px)}.create-save-container{display:flex;gap:10px;padding:8px 0}.save-name-input{box-sizing:border-box;width:100%;background-color:#444;border:1px solid #666;color:#eee;font-size:14px;border-radius:5px;padding:8px}.save-name-input:focus{border-color:#777;outline:none}.save-container{display:flex;flex-direction:column;gap:6px;height:94px;margin:10px 0;padding:10px;border-radius:10px;background-color:#333}.save-meta-container{display:flex;justify-content:space-between}.save-text,.save-text-container{display:flex;flex-direction:column;justify-content:space-between}.save-button-container{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.save-name{text-overflow:ellipsis;white-space:nowrap}.active-button{border:2px solid #eee}.black-button{background-color:#000}.green-button{background-color:#0f0}.red-button{background-color:red}.blue-button{background-color:#00f}.hidden{display:none}.output-container{display:flex;flex-direction:column;margin:10px;height:calc(100% - 20px);border-radius:10px 10px 0 0;border:1px solid #666}.output-title-container{display:flex;flex:1;align-items:center;justify-content:space-between;padding:12px 0}.output-header{display:flex;flex-direction:column;background-color:#444;padding:0 12px;min-height:50px;border-bottom:1px solid #666;font-size:16px;font-weight:700;box-sizing:border-box}.arguments-toggle-button{cursor:pointer;display:flex;align-items:center;gap:6px;background-color:#444;border:1px solid #666;color:#eee;font-size:14px;font-weight:700;border-radius:5px;padding:4px 8px;transition:background-color .2s}.arguments-toggle-button:hover{background-color:#555}.arrow{font-size:12px;transition:transform .2s}.arrow-up{transform:rotate(180deg)}.arrow-down{transform:rotate(0)}.arguments-container{padding:8px 0}.arguments-input{box-sizing:border-box;width:100%;background-color:#444;border:1px solid #666;color:#eee;font-size:14px;border-radius:5px;padding:8px;font-family:monospace,Courier New,Courier}.arguments-input:focus{border-color:#777;outline:none}.arguments-input:disabled{opacity:.6;cursor:not-allowed}.code-header{display:flex;align-items:flex-end;background-color:#444;border-bottom:1px solid #666;min-height:50px;overflow:hidden;box-sizing:border-box}.code-tabs{display:flex;align-items:flex-end;height:100%;width:100%;overflow-x:auto;overflow-y:hidden}.code-tabs::-webkit-scrollbar{height:8px}.code-tabs::-webkit-scrollbar-track{background:#444}.code-tabs::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.code-tabs::-webkit-scrollbar-thumb:hover{background:#666}.code-tab{cursor:pointer;display:flex;align-items:center;gap:6px;background-color:#444;border:none;border-right:1px solid #666;color:#ccc;font-size:13px;padding:0 12px;height:100%;min-width:120px;max-width:200px;flex-shrink:0;position:relative;transition:background-color .1s}.code-tab:hover{background-color:#555}.code-tab.active-tab{font-weight:500;background-color:#444;color:#fff;border-bottom:1px solid #fff}.tab-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close-button{background:none;border:none;color:#ccc;font-size:16px;font-weight:700;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background-color .1s}.tab-close-button:hover{background-color:#666;color:#fff}.new-tab-button{cursor:pointer;background-color:#444;border:none;color:#ccc;font-size:16px;font-weight:700;padding:8px 12px;height:100%;min-width:45px;transition:background-color .1s}.new-tab-button:hover{background-color:#37373d}