.viewer{max-width:1400px;min-height:calc(100vh - var(--r-header-height));flex-direction:column;grid-template:"tab-editor tab-preview""panel-editor panel-preview"1fr/50% 50%;margin:0 auto;display:grid}.viewer-tab-editor{grid-area:tab-editor}.viewer-tab-preview{grid-area:tab-preview}.viewer-panel-editor{grid-area:panel-editor}.viewer-panel-preview{grid-area:panel-preview}.viewer-panel{flex-direction:column;min-height:320px;display:none}@media screen and (min-width:1024px){.viewer-panel{display:flex}}.viewer-panel-editor{resize:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:inherit;background:0 0;border:none;border-radius:2px;outline:none;padding:16px;line-height:1.3;transition:background-color .2s}.viewer-panel-editor:hover,.viewer-panel-editor:focus{background-color:var(--r-main-100)}.viewer-panel-editor::placeholder{color:var(--r-main-600)}.viewer-panel-preview{border-radius:2px;padding:16px;overflow:auto}.viewer-tab{top:var(--r-header-height);z-index:100;cursor:pointer;background-color:var(--r-main-50);border:none;border-bottom:1px solid var(--r-main-200);padding:8px 16px;position:sticky}.viewer-tab:hover{background-color:var(--r-main-100)}.viewer-tab-input{display:none}@media screen and not (min-width:1024px){.viewer-tab-input:checked+.viewer-tab{background-color:var(--r-main-200)}.viewer-tab-input:checked+.viewer-tab+.viewer-panel{grid-column:1/3;display:flex}}@media screen and (min-width:1024px){.viewer-panel-preview,.viewer-tab-preview{border-left:1px solid var(--r-main-200)}}