:root{--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-border-default: #d0d7de;--color-canvas-default: #fff;--color-canvas-subtle: #f6f8fa}@media (prefers-color-scheme: dark){:root{--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-border-default: #30363d;--color-canvas-default: #0d1117;--color-canvas-subtle: #161b22}}html,body{overscroll-behavior-x:none}html{color:var(--color-fg-default);font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}body,h1,p,pre,textarea{margin:0}body{display:flex;flex-flow:column nowrap;box-sizing:border-box;height:100svh;padding:10px;gap:10px}header{display:grid;grid-template:"title nav" "desc desc" / 1fr;gap:5px 10px}header h1{grid-area:title;align-self:end}header p{grid-area:desc}header nav{grid-area:nav;display:flex;flex-flow:row wrap;gap:0 10px;align-items:center;justify-content:center}header nav svg{height:2em;fill:currentcolor}main{flex:1 1 0;display:flex;flex-flow:row nowrap;gap:10px;height:0}@media (orientation: portrait){main{flex-direction:column}}h1,p{margin:0}h1{font-size:1.5em}a{color:currentcolor}button,fieldset{all:unset}fieldset{position:relative;box-sizing:border-box;flex:1 1 0;overflow:hidden;height:100%;width:0}@media (orientation: portrait){fieldset{height:0;width:100%}}button,legend,code:after,[data-label]:before{font:.8em/1 system-ui;white-space:nowrap}button,legend,code:after{text-transform:uppercase}button{padding:10px 15px;border-radius:3px;background:var(--color-border-default);color:var(--color-fg-default);font-size:inherit;cursor:pointer}button:hover{background:var(--color-canvas-subtle);color:var(--color-fg-muted)}legend{padding:0 0 3px}#input>div,code,textarea,pre{height:100%;width:100%}textarea,pre{border:0;box-sizing:border-box;resize:none}textarea,code{padding:10px;border:1px solid var(--color-fg-subtle);border-radius:6px;font:1em/1.5 monospace}pre{display:flex;flex-flow:column nowrap;gap:10px}@media (orientation: portrait){pre{flex-direction:row}}pre>div{flex:1 1 0;height:0;width:100%}@media (orientation: portrait){pre>div{height:100%;width:0}}pre code{display:block;box-sizing:border-box;padding:10px;overflow:auto}[data-label]{position:relative}[data-label]:before{content:attr(data-label);position:absolute;inset:4px 4px auto auto;padding:3px 5px;border-radius:3px;background:var(--color-canvas-default);border:1px solid var(--color-fg-subtle);pointer-events:none}#input pre,#input textarea{white-space:pre}#input pre{display:block;height:100%;width:100%;-ms-overflow-style:none;scrollbar-width:none;overflow:auto;border:1px solid var(--color-fg-subtle);border-radius:6px}#input pre::-webkit-scrollbar{display:none}#input pre code{flex:0;display:block;max-height:none;border:0;overflow:auto}#input textarea{position:absolute;inset:0;z-index:1;background:transparent;border-color:transparent;color:transparent;caret-color:#000}#input textarea:focus{outline:1px solid var(--color-fg-subtle);outline-offset:-2px}#input nav{position:absolute;inset:auto 10px 10px auto;z-index:2;display:flex;flex-flow:row wrap;justify-content:end;gap:10px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}