: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);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:12px}body,h1,p,pre,textarea{margin:0}body{box-sizing:border-box;flex-flow:column;gap:10px;height:100svh;padding:10px;display:flex}header{grid-template:"title nav""desc desc"/1fr;gap:5px 10px;display:grid}header h1{grid-area:title;align-self:end}header p{grid-area:desc}header nav{flex-flow:wrap;grid-area:nav;justify-content:center;align-items:center;gap:0 10px;display:flex}header nav svg{fill:currentColor;height:2em}main{flex-flow:row;flex:1 1 0;gap:10px;height:0;display:flex}@media (orientation:portrait){main{flex-direction:column}}h1,p{margin:0}h1{font-size:1.5em}a{color:currentColor}button,fieldset{all:unset}fieldset{box-sizing:border-box;flex:1 1 0;width:0;height:100%;position:relative;overflow:hidden}@media (orientation:portrait){fieldset{width:100%;height:0}}button,legend,code:after,[data-label]:before{white-space:nowrap;font:.8em/1 system-ui}button,legend,code:after{text-transform:uppercase}button{background:var(--color-border-default);color:var(--color-fg-default);font-size:inherit;cursor:pointer;border-radius:3px;padding:10px 15px}button:hover{background:var(--color-canvas-subtle);color:var(--color-fg-muted)}legend{padding:0 0 3px}#input>div,code,textarea,pre{width:100%;height:100%}textarea,pre{box-sizing:border-box;resize:none;border:0}textarea,code{border:1px solid var(--color-fg-subtle);border-radius:6px;padding:10px;font:1em/1.5 monospace}pre{flex-flow:column;gap:10px;display:flex}@media (orientation:portrait){pre{flex-direction:row}}pre>div{flex:1 1 0;width:100%;height:0}@media (orientation:portrait){pre>div{width:0;height:100%}}pre code{box-sizing:border-box;padding:10px;display:block;overflow:auto}[data-label]{position:relative}[data-label]:before{content:attr(data-label);background:var(--color-canvas-default);border:1px solid var(--color-fg-subtle);pointer-events:none;border-radius:3px;padding:3px 5px;position:absolute;inset:4px 4px auto auto}#input pre,#input textarea{white-space:pre}#input pre{-ms-overflow-style:none;scrollbar-width:none;width:100%;height:100%;display:block}#input pre::-webkit-scrollbar{display:none}#input pre{border:1px solid var(--color-fg-subtle);border-radius:6px;overflow:auto}#input pre code{border:0;flex:0;max-height:none;display:block;overflow:auto}#input textarea{z-index:1;color:#0000;caret-color:#000;background:0 0;border-color:#0000;position:absolute;inset:0}#input textarea:focus{outline:1px solid var(--color-fg-subtle);outline-offset:-2px}#input nav{z-index:2;flex-flow:wrap;justify-content:end;gap:10px;display:flex;position:absolute;inset:auto 10px 10px auto}pre code.hljs{padding:1em;display:block;overflow-x:auto}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}