@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap";.App{min-height:100vh;width:100vw;overflow:hidden;background:#282c34;color:#fff;font-family:Inconsolata,Source Code Pro,monospace;font-size:calc(10px + 2vmin)}.main-container{position:relative;height:calc(100vh - 40px);overflow:hidden}.editor-section{position:relative;height:100%}.codemirror{position:relative;z-index:1;height:80vh;opacity:.82}.codemirror-shell{height:80vh;overflow:hidden}.glsl{position:absolute;z-index:0;width:100vw;height:80vh}.header{height:40px;min-height:40px;background-color:#434e62;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 0 0;overflow:hidden}.header-left{display:flex;align-items:center;min-width:0;height:40px;flex:1 1 auto}.title{background-color:#0ff;font-family:Inconsolata,monospace;padding:0 16px;min-width:158px;height:40px;margin:0;color:#3a3a3a;font-size:20px;line-height:1;text-align:center;display:flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap}.button-30{align-items:center;background-color:#434e62;border:1px solid rgba(255,255,255,.5);border-radius:.25rem;color:#e7e7e7d9;cursor:pointer;display:inline-flex;font-family:system-ui,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;justify-content:center;line-height:1.25;min-height:2rem;height:32px;padding:calc(.5rem - 1px) calc(1.5rem - 1px);transition:border-color .25s}.button-30:hover{border-color:#fdfdffcc}.button-30:disabled{cursor:default;opacity:.55}.header-controls{display:flex;align-items:center;gap:.6rem;font-size:.8rem;flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap}.header-controls .button-30{margin-right:0}.template-picker{display:inline-flex;align-items:center;gap:.45rem;color:#e7e7e7d9;font-size:14px}.template-picker select{height:32px;max-width:220px;border:1px solid rgba(255,255,255,.5);border-radius:.25rem;background:#30394a;color:#ffffffeb;padding:0 28px 0 10px;font-size:14px}.template-picker select:focus{outline:2px solid rgba(120,214,255,.55);outline-offset:1px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0a0d129e;padding:20px}.settings-modal{width:min(440px,100%);border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#202630;box-shadow:0 24px 60px #00000059;color:#fff;font-size:14px}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.settings-header h2,.settings-section h3{margin:0;font-size:16px;font-weight:600}.modal-close{width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:transparent;color:#ffffffd1;cursor:pointer}.settings-section{padding:16px}.settings-links{display:grid;gap:10px;margin-top:12px}.settings-links a{display:flex;align-items:center;min-height:36px;border:1px solid rgba(255,255,255,.16);border-radius:4px;padding:8px 10px;color:#78d6ff;text-decoration:none}.settings-links a:hover{border-color:#78d6ff99;background:#78d6ff14}.settings-credit{margin:14px 0 0;color:#ffffffad;font-size:12px;line-height:1.45}.console-view{position:relative;top:0;z-index:2;height:20vh;max-height:20vh;overflow-y:auto;padding:6px 10px 10px;background:#282c34f5;border-top:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;line-height:1.3}.console-view p{margin:.15rem 0}.console-muted{color:#ffffff80}.console-line{white-space:pre-wrap}.console-error{color:#ffb3b3}.console-warn,.console-warning{color:#ffd58a}.console-success{color:#a9ffef}@media (max-width: 768px){.header{height:48px;min-height:48px;gap:6px;padding-right:8px}.header-left{height:48px;flex:0 0 auto}.title{min-width:118px;height:48px;padding:0 10px;font-size:16px}.button-30{height:30px;min-height:30px;padding:0 12px;font-size:14px}.header-controls{gap:.4rem;padding-bottom:2px}.template-picker select{max-width:154px;height:30px;font-size:13px}.template-picker span{display:none}.main-container,.editor-section{height:calc(100vh - 48px)}}@media (max-width: 420px){.title{min-width:92px;font-size:14px}.template-picker select{max-width:130px}}body{margin:0;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;background:#282c34}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{width:100vw;min-height:100vh}button,input,select,textarea{font-family:inherit}