:root{color-scheme:dark;--color-bg-primary:#222;--color-bg-secondary:#1e1e1e;--color-text-primary:#ddd;--color-text-secondary:#fff;--color-border-primary:#333;--color-accent:#ffd300}:root .monaco-editor{--vscode-editor-background:transparent}:is(:root .monaco-editor) .margin{--vscode-editorGutter-background:transparent}*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}body{line-height:1.5;min-height:100vh}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}*{box-sizing:border-box}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:system-ui}body,html{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column}[data-loading]{visibility:hidden}.header{border-bottom:1px solid var(--color-border-primary);padding:10px}.main{flex:1;flex-direction:row;height:100vh;width:100vw}.footer{border-top:1px solid var(--color-border-primary);font-size:10px;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.split{display:flex}.gutter{background-color:var(--color-bg-primary);background-position:50%;background-repeat:no-repeat;border-left:1px solid var(--color-border-primary);border-right:1px solid var(--color-border-primary)}.gutter.gutter-horizontal{cursor:col-resize}.main{display:flex}@media (max-width:500px){.main{flex-direction:column}}.main .preview{flex:1;position:relative}:is(.main .preview) iframe{border:0;height:100%;width:100%}.main .editor-wrapper{display:flex;flex:1;flex-direction:column;position:relative}.main .editor-tabs{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-wrap:wrap;gap:2px;padding:.5rem}.main .editor-tab{appearance:none;background:var(--color-bg-secondary);border:0;border-radius:4px 4px 0 0;color:inherit;cursor:pointer;font:inherit;padding:.4rem .8rem}:is(.main .editor-tab):hover{background:var(--color-bg-primary)}.is-active:is(.main .editor-tab),[aria-selected=true]:is(.main .editor-tab){background:var(--color-bg-primary)}.main .editor-panels{flex:1;position:relative}.main .editor-panel{display:none;inset:0;position:absolute}.main .editor-panel.is-active{display:block}.main .editor{inset:0;position:absolute}