.editor{border:1px solid silver;flex:1}.editorBox{flex:1}.editorContainer{flex-direction:column;flex:1;gap:5px;min-width:300px;padding:5px;display:flex}.resultContainer{flex-direction:column;flex:1;gap:5px;min-width:min-content;min-height:min-content;padding:5px;display:flex;&>menu{cursor:pointer;list-style-type:none;display:flex;& li{border-bottom:3px solid #0000;justify-content:center;align-items:center;height:32px;padding:5px;display:flex}& li:hover{border-bottom:3px solid #e9d4b8}& .active{border-bottom:3px solid #deb887}}}input[type=number]{width:60px}.highlight-line{color:#000;background-color:#fc0!important}.resultInfo,.sourceCodeInfo{font-size:14px}.resultInfo{margin-top:5px}header section{align-items:center;margin:auto;padding-left:10px;display:flex}body{flex-direction:column;display:flex}body main{background:#f0f0f0;border-top:1px solid silver;border-bottom:1px solid silver;flex:1;gap:20px;padding:0 20px;display:flex}@media (width<=900px){main{flex-direction:column}.editorContainer{flex:0}.editor{min-height:400px;max-height:400px}}.help{display:none;& p{margin-bottom:5px}& ul{margin-bottom:5px;margin-left:25px;list-style-type:disc}& .codeExample{white-space:pre;padding:5px;font-family:Courier New,Courier,monospace}}