header{width:50%;margin:auto;text-align:center;margin-top:2rem}canvas{border:1px solid rgba(104,0,231,.542);display:block;margin:auto}#playground-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:5rem}#codeEditor{flex:1;min-width:300px;max-width:600px;width:100%;min-height:400px;max-height:600px;height:600px}#codeTextarea{height:100%;min-height:100%}#examplesWrapper{width:100%;margin:auto;margin:2rem auto;text-align:center}#examplesWrapper span{font-weight:700;margin-right:1rem}#examplesWrapper button{font-weight:700;margin-right:1rem;padding:.2rem .5rem}#editorControls{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}#editorControls button{padding:5px 12px;cursor:pointer;font-size:14px}#editorControls label{font-size:14px;-webkit-user-select:none;user-select:none}#saveStatus{font-size:12px;color:#0f0;margin-left:5px}