.editor-toolbar{background:var(--panel-bg);border:2px solid var(--border-color);border-radius:5px;flex:0 0 5%;display:flex}.editor-toolbar-left{align-items:center;gap:1rem;display:flex}.run-button{background-color:var(--gb-red);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:4px;margin:4px 6px 4px auto;font-size:14px;display:inline-block}.footer{flex:none}.output-terminal{flex:1;height:100%}.code-highlight{background-color:#fabd2f73;border-radius:2px}.editor-terminal{height:100%}.layout{flex-direction:column;flex:1;min-height:0;display:flex}.toolbar{flex:none;min-height:0}.content{flex:1;min-height:0;display:flex}.sidebar{max-height:var(--content-dvh);flex-shrink:0;min-height:0;overflow-y:auto}.main{border:5px solid var(--border-color);border-top:0;border-radius:10px;flex-direction:column;flex:1;min-width:0;min-height:0;margin-top:.5rem;margin-bottom:.5rem;display:flex}.container-legend{color:var(--text-primary);text-align:left;background-color:var(--border-color);flex:none;min-height:0;font-family:monospace}.output{height:var(--output-dvh);border:5px solid var(--border-color);border-top:0;border-radius:10px;flex-direction:column;min-height:0;margin-top:.5rem;margin-bottom:.5rem;display:flex}.sidebar{background:var(--panel-bg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar__content{flex:1;padding:.5rem;overflow:hidden}.sidebar-toolbar{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.35rem;display:flex}.sidebar-toolbar__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--gb-fg1);flex:1;font-family:JetBrains Mono,monospace;font-size:13px;overflow:hidden}.sidebar-toolbar__actions{border:1px solid var(--border-color);border-radius:4px;display:flex;overflow:hidden}.sidebar-toolbar__button{background:var(--panel-bg);color:var(--text-secondary);cursor:pointer;border:none;padding:.25rem 1.5rem}.sidebar-toolbar__button--compact{padding:.25rem}.sidebar-toolbar__button:hover,.sidebar-toolbar__button--active{background:var(--panel-bg-alt);color:var(--gb-yellow)}.sidebar-toolbar__button--disabled{color:var(--text-secondary);opacity:.5;cursor:not-allowed}.sidebar-toolbar__button--disabled:hover{background:var(--panel-bg);color:var(--text-secondary)}.sidebar{flex-direction:column;flex-shrink:0;display:flex}.sidebar--collapsed{width:20px}.examples-menu{position:relative}.examples-dropdown{background:var(--gb-bg0);border:1px solid var(--gb-bg2);z-index:1000;min-width:fit-content;position:absolute;top:100%;left:0}.examples-category-container{position:relative}.examples-category{background:var(--gb-bg0);color:var(--gb-fg1);font:inherit;cursor:pointer;padding:.5rem 1rem}.examples-button{background:var(--panel-bg);color:var(--gb-fg1);cursor:pointer;border:none;padding:.5rem 1rem}.examples-button:hover{background:var(--gb-bg1);color:var(--gb-aqua)}.examples-category:hover{background:var(--gb-bg1)}.examples-submenu{background:var(--gb-bg0);border:1px solid var(--gb-bg2);z-index:1001;min-width:220px;position:absolute;top:0;left:100%}.examples-item{text-align:left;background:var(--gb-bg0);width:100%;color:var(--gb-fg1);cursor:pointer;border:none;padding:.5rem 1rem;display:block}.examples-item:hover{background:var(--gb-bg1);color:var(--gb-aqua)}.about-me{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:5px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.about-me__title{color:var(--gb-fg2);margin:0;font-size:1rem}.about-me__github{color:inherit;align-items:center;text-decoration:none;display:flex}.about-me__github:hover{color:var(--gb-yellow)}html,body,#root{--content-dvh:70dvh;--output-dvh:20dvh;background:var(--gb-bg0);width:100%;height:100dvh;color:var(--gb-fg1);flex-direction:column;margin:0;padding:0;display:flex}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font-family:JetBrains Mono,monospace}:root{--gb-bg0:#282828;--gb-bg1:#3c3836;--gb-bg2:#504945;--gb-fg0:#fbf1c7;--gb-fg1:#ebdbb2;--gb-fg2:#d5c4a1;--gb-gray:#928374;--gb-red:#fb4934;--gb-green:#b8bb26;--gb-yellow:#fabd2f;--gb-blue:#83a598;--gb-purple:#d3869b;--gb-aqua:#8ec07c;--gb-orange:#fe8019;--border-color:var(--gb-bg2);--panel-bg:var(--gb-bg0);--panel-bg-alt:var(--gb-bg1);--text-primary:var(--gb-fg1);--text-secondary:var(--gb-gray)}