.site-layout{grid-gap:0px;grid-template-rows:[row1-start]63px[row2-start]42px[row3-start]auto[row3-end];grid-template-columns:[col1-start]auto[col2-start]696px[col2-end];width:100vw;height:100vh;margin:0;padding:0;display:grid}.site-header{flex-wrap:nowrap;grid-area:row1-start/col1-start/row2-start/col2-end;display:flex}.brand{grid-gap:0px;grid-template-rows:[row-title]32px[row-subtitle]auto[row-end];grid-template-columns:[col-icon]52px[col-text]auto[col-end];display:grid}.brand .logo{grid-area:row-title/col-icon/row-end/col-text}.brand h1{grid-area:row-title/col-text/row-subtitle/col-end}.brand .by{grid-area:row-subtitle/col-text/row-end/col-end}.header-buttons{white-space:nowrap;flex-grow:1}.nav-code-tabs{grid-area:row2-start/col1-start/row3-start/col2-end}.buttons-config{text-align:right;flex-grow:1;padding-right:18px}.code-contents{grid-area:row3-start/col1-start/row3-end/col2-start;min-height:0}.panel-emulator{grid-area:row3-start/col2-start/row3-end/col2-end}.code-contents .CodeMirror{height:100%;font-size:14px}.general-container{grid-column:col1-start/col2-end}.asm-frame{grid-template-rows:[row-asm]auto[row-asm-end];grid-template-columns:[col-asm]auto[col-asm-hint]140px[col-asm-hint-end];display:grid}.asm-frame .editor-frame{grid-row:row-asm/row-asm-end;min-width:0;min-height:0}.asm-frame .hint-frame{grid-area:row-asm/col-asm-hint/row-asm-end/col-asm-hint-end;margin-bottom:4px}@media (max-width:1000px){.site-layout{grid-template-columns:[col1-start]auto[col2-start]0[col2-end];display:grid}.panel-emulator{display:none}.panel-emulator.selected{grid-column:col1-start/col2-end;width:100%;display:block}.emulator-col{max-width:100%;overflow-x:hidden;width:100%!important}.desktop-only{display:none!important}.buttons-config{padding-right:10px}}@media (min-width:1000px){.mobile-only{display:none!important}}.emulator-col{width:660px;margin:0 auto}