div.codeArea{background-color:var(--bg-code);-webkit-user-select:none;user-select:none;flex:1 1 0;min-width:0;height:calc(100% - 7px);padding-top:7px;overflow:hidden}div.codeArea>div{height:100%}div.codeArea>p.binary{padding:var(--padding-large);color:var(--text-gray);margin:0}div.codeArea>div.imagePreview{justify-content:center;align-items:center;display:flex}div.codeArea>div.imagePreview>img{max-width:100%;max-height:100%}div.fileManager{width:var(--default-filemanager-width);background-color:var(--bg-dark);border-right:var(--border-dark) solid 1px;flex-direction:column;flex-shrink:0;gap:0;display:flex;position:relative;overflow:hidden}div.options{padding:var(--padding-main);padding-bottom:var(--padding-min);flex-direction:row;justify-content:space-between;align-items:center;display:flex}div.options>div{gap:var(--padding-min);align-items:center;display:flex}div.options>div>p,div.options>div b{-webkit-user-select:none;user-select:none;margin:0}div.options>div>svg{cursor:pointer}div.entry{flex-direction:column;display:flex}div.entry>div.info{align-items:center;gap:var(--padding-min);padding:var(--padding-min) var(--padding-main);cursor:pointer;flex-direction:row;display:flex}div.entry>div.info>p{-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}div.entry>div.info>svg{flex-shrink:0}div.entry>div.info>input{background-color:var(--bg-lighter);width:calc(100% - 28px);color:var(--text-main);border-radius:var(--radius-min);border:var(--border-lighter) solid 1px;padding:var(--padding-min);outline:none}div.entry>div.info>svg.lucide-file,div.entry>div.info>svg.lucide-image,div.entry>div.info>svg.lucide-music{width:14px}div.entry>div.info:has(input){padding:0 var(--padding-main)}.collapse{color:var(--text-gray);cursor:pointer}div.entry.focused{background-color:color-mix(in srgb, var(--bg-highlight) 20%, #fff1)}div.entry.dropTarget>div.info{outline:1px solid var(--bg-highlight);outline-offset:-1px}nav.contextMenu{z-index:100;min-width:11rem;padding:var(--padding-min);background-color:var(--bg-lighter);border:1px solid var(--border-lighter);border-radius:var(--radius-min);flex-direction:column;display:flex;position:fixed;box-shadow:0 .5rem 1rem #0006}nav.contextMenu button{align-items:center;gap:var(--padding-main);padding:var(--padding-min) var(--padding-main);border-radius:var(--radius-min);color:var(--text-seco);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:0;font-size:.8rem;display:flex}nav.contextMenu button:hover{background-color:var(--bg-light);color:var(--text-main)}nav.contextMenu button.danger:hover{color:#fff;background-color:#c0392b}nav.contextMenu div.projects{max-height:12rem;overflow-y:auto}nav.contextMenu div.project{align-items:center;display:flex}nav.contextMenu div.project>button.name{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;width:0;min-width:8rem;display:block;overflow:hidden}nav.contextMenu div.project.current>button.name{color:var(--text-highlight)}nav.contextMenu hr{width:100%;margin:var(--padding-min) 0;border:none;border-bottom:1px solid var(--border-dark)}nav.contextMenu label{align-items:center;gap:var(--padding-main);padding:var(--padding-min) var(--padding-main);color:var(--text-seco);font-family:var(--font);cursor:pointer;font-size:.8rem;display:flex}nav.contextMenu label:hover{background-color:var(--bg-light);color:var(--text-main);border-radius:var(--radius-min)}nav.contextMenu label input[type=checkbox]{width:.9rem;height:.9rem;accent-color:var(--text-highlight);cursor:pointer;margin:0}nav.contextMenu label input[type=number]{width:3.5rem;padding:var(--padding-min);background-color:var(--bg-main);color:var(--text-main);font-family:var(--font);border:1px solid var(--border-main);border-radius:var(--radius-main);outline:none;margin-left:auto;font-size:.8rem}nav.contextMenu label input[type=number]::-webkit-inner-spin-button{appearance:none;width:.7rem;height:1.1rem;margin-left:var(--padding-min);border-radius:var(--radius-min);opacity:1;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' fill='none' stroke='%23a4a4a4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6l3-3 3 3M2 10l3 3 3-3'/%3E%3C/svg%3E") 50%/contain no-repeat}nav.contextMenu label input[type=number]::-webkit-inner-spin-button:hover{background-color:var(--bg-light)}div.stage{aspect-ratio:4/3;background-color:var(--bg-dark);flex-grow:0}div.topbar{background-color:var(--bg-lighter);height:var(--topbar-size);border-bottom:var(--border-lighter) solid 1px;flex-direction:row;flex-shrink:0;justify-content:space-between;display:flex}div.topbar>div{gap:var(--padding-main);padding:0 var(--padding-large);flex-direction:row;align-items:center;display:flex}div.topbar>div>input{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font);padding:var(--padding-main);border:var(--border-main) solid 1px;border-radius:var(--radius-main);outline:none}div.topbar>div.r{gap:var(--padding-min);padding-right:var(--padding-min)}div.topbar>div>.menuWrap{display:flex;position:relative}div.topbar>div>.menuWrap>.contextMenu{position:absolute;top:100%;left:0}div.topbar>div>button,div.topbar>div>a,div.topbar>div>.menuWrap>button{justify-content:center;align-items:center;gap:var(--padding-min);min-width:2rem;height:2rem;padding:0 var(--padding-main);font-family:var(--font);color:var(--text-main);border-radius:var(--radius-min);cursor:pointer;background-color:#0000;border:none;font-size:.9rem;text-decoration:none;display:flex}div.topbar>div>button:hover,div.topbar>div>a:hover,div.topbar>div>.menuWrap>button:hover{background-color:var(--bg-light);color:var(--text-highlight)}div.l{justify-content:left}div.r{justify-content:right}hr.vertical{background-color:var(--bg-light);border:none;width:2px;height:80%;margin:0 5px;display:inline-block}div.terminal{min-height:0;padding:var(--padding-min) 0;background-color:var(--bg-dark);border-top:1px solid var(--border-dark);flex-grow:1;font-family:monospace;font-size:.85rem;overflow-y:auto}div.terminal>div{gap:var(--padding-main);padding:2px var(--padding-main);border-left:3px solid #0000;display:flex}div.terminal>div>span{white-space:pre-wrap;word-break:break-word;flex-grow:1}div.terminal>div>a{color:var(--terminal-info);opacity:.8;flex-shrink:0;text-decoration:none}div.terminal>div>a:hover{opacity:1;text-decoration:underline}div.terminal>.log{color:var(--terminal-log);font-style:italic}div.terminal>.warning{color:var(--terminal-warning);border-left-color:var(--terminal-warning);background:color-mix(in srgb, var(--terminal-warning) 6%, transparent)}div.terminal>.error{color:var(--terminal-error);border-left-color:var(--terminal-error);background:color-mix(in srgb, var(--terminal-error) 6%, transparent)}:root{--bg-main:#1d1d1d;--bg-dark:#171717;--bg-code:#1e1e1e;--bg-lighter:#222;--bg-light:#333;--bg-highlight:#18b518b0;--border-main:#3a3a3a;--border-dark:#333;--border-lighter:#444;--border-light:#555;--border-highlight:#19d919b0;--text-main:#fff;--text-seco:#ccc;--text-gray:#a4a4a4;--text-highlight:#19d919;--font:sans-serif;--terminal-log:#6272a4;--terminal-warning:#f1fa8c;--terminal-error:#f55;--terminal-info:#2196f3;--padding-main:.5rem;--padding-min:.25rem;--padding-large:1rem;--radius-main:.5rem;--radius-min:.25rem;--radius-large:1rem;--topbar-size:3rem;--default-filemanager-width:15rem;--stagecontrolbar-size:2rem}body{background-color:var(--bg-main);height:100vh;color:var(--text-main);font-family:var(--font);scrollbar-color:var(--border-light) transparent;scrollbar-width:thin;margin:0;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}div.main{flex-direction:row;flex-grow:1;min-height:0;display:flex}div.output{border-left:var(--border-dark) solid 1px;flex-direction:column;flex-shrink:0;width:30%;min-width:100px;display:flex;position:relative}div.resize{z-index:1;cursor:ew-resize;touch-action:none;width:5px;height:100%;position:absolute;top:0}div.resize.right{right:0}div.resize.left{left:0}body.resizing{cursor:ew-resize;-webkit-user-select:none;user-select:none}div.stagecontrolbar{align-items:center;gap:var(--padding-min);box-sizing:border-box;height:var(--stagecontrolbar-size);padding:var(--padding-min);background-color:var(--bg-lighter);flex-direction:row;flex-shrink:0;display:flex}div.stagecontrolbar>button{aspect-ratio:1;height:100%;color:var(--text-main);border-radius:var(--radius-min);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}div.stagecontrolbar>button.right{margin-left:auto}div.stagecontrolbar>button:hover{background-color:var(--bg-light)}div.stagecontrolbar>button[title="Compile (shift-click to play)"]:hover{background-color:color-mix(in srgb, var(--bg-light), #4caf50 30%)}div.stagecontrolbar>button[title=Pause]:hover,div.stagecontrolbar>button[title=Resume]:hover{background-color:color-mix(in srgb, var(--bg-light), #eaae2d 30%)}div.stagecontrolbar>button[title=Stop]:hover{background-color:color-mix(in srgb, var(--bg-light), #d62721 30%)}