html,body{color:#fff;background-color:#121212;flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;font-family:Fira Code,monospace;display:flex;overflow:hidden}#container{flex:1;width:100%;min-height:0;display:flex}#examples-panel{background-color:#282828;border-right:1px solid #3c3836;flex-direction:column;width:300px;min-width:200px;max-width:500px;height:100%;transition:width .3s,margin-left .3s;display:flex}#examples-panel.collapsed{width:40px;min-width:40px;margin-left:0;overflow:hidden}#examples-panel.collapsed .examples-content{display:none}#editor-section{flex-direction:column;flex:0 0 35%;min-width:300px;height:100%;display:flex}#editor{flex:1;min-height:300px;position:relative}#canvas-input{color:#fff;resize:vertical;box-sizing:border-box;background:#1e1e1e;border:none;border-top:1px solid #333;width:100%;height:100px;min-height:50px;max-height:300px;padding:.5em;font-family:inherit;font-size:14px}#canvas-input::-webkit-scrollbar{width:6px}#canvas-input::-webkit-scrollbar-track{background:#1d2021;border-radius:3px}#canvas-input::-webkit-scrollbar-thumb{background:#504945;border-radius:3px;transition:background .2s}#canvas-input::-webkit-scrollbar-thumb:hover{background:#665c54}#divider{cursor:col-resize;background-color:#3c3836;border-left:1px solid #504945;border-right:1px solid #504945;width:12px;transition:background-color .2s;position:relative}#divider:hover{background-color:#504945}#divider:before{content:"⋮⋮";color:#665c54;pointer-events:none;font-size:12px;line-height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#content{flex:0 0 65%;min-width:300px;height:100%;padding:0;overflow:hidden}pre{margin:0;font-size:16px}