/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}html{--var-gray-100: #f9fafb;--var-gray-200: #f3f4f6;--var-gray-300: #e5e7eb;--var-gray-400: #9ca3af;--var-gray-500: #6b7280;--var-gray-600: #374151;--var-gray-700: #1f2937;--var-gray-800: #111827;--var-gray-900: #090808;--var-white: #fff;--var-gray: #9ca3af;--var-green: #3ec972;--var-blue: #49b1f5;--var-red: #e63939;--var-primary: #49b1f5;--var-bg-color: #f3f4f6;--var-main-bg-color: #fff;--var-font-color: #1f2937;--var-border-color: #e5e7eb;--var-title-bg-color: #f9fafb;--var-sidebar-link-color: #6b7280;--var-sidebar-link-color-hover: #374151;--var-sidebar-color: #1f2937;--var-button-bg-color: #111827;--var-button-hover-bg-color: #202e4b;--var-icon-hover-bg-color: #e5e7eb;--var-input-color: #090808;--var-input-bg-color: #fff;--var-textarea-color: #090808;--var-textarea-bg-color: #fff}html.dark-theme{--var-bg-color: #111827;--var-main-bg-color: #1f2937;--var-font-color: #9ca3af;--var-border-color: #374151;--var-title-bg-color: rgba(55,65,81,0.5);--var-sidebar-link-color: #9ca3af;--var-sidebar-link-color-hover: #e5e7eb;--var-sidebar-color: #f3f4f6;--var-button-bg-color: #f3f4f6;--var-button-hover-bg-color: #fff;--var-icon-hover-bg-color: #374151;--var-input-color: #9ca3af;--var-input-bg-color: #1f2937;--var-textarea-color: #ccc;--var-textarea-bg-color: #1e1e1e}body{color:var(--var-font-color);background-color:var(--var-bg-color);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}h1{font-size:20px;margin:0;margin-bottom:0.5rem}h2{margin:0;font-size:14px}a{color:var(--var-primary);text-decoration:none}a:hover{color:#31a7f4}details[open] summary::after{transform:rotate(-180deg)}summary{cursor:pointer;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary::after{content:'';background-image:url("../images/arrow.svg");width:12px;height:12px;display:block;margin-left:.375rem;transition:transform 0.2s}#app{display:flex}#sidebar h2{font-size:18px;font-weight:normal}#sidebar .container{color:var(--var-sidebar-color);background-color:var(--var-main-bg-color);width:16rem;height:100vh;padding:1rem;font-size:14px;box-shadow:0 0 #000,0 0 #000,0 1px 2px 0 rgba(0,0,0,0.05);overflow:auto;scrollbar-width:none;position:absolute;left:0;top:0;z-index:2;transform:translateX(-100%);transition:transform 0.5s}#sidebar header{display:flex;align-items:center;margin-bottom:0.5rem}#sidebar header a{display:flex;align-items:center;padding:0.5rem}#sidebar header a img{margin-right:0.5rem}#sidebar details{padding:0.5rem .75rem;border-radius:0.5rem}#sidebar details.active,#sidebar details:hover{background-image:linear-gradient(135deg, rgba(73,177,245,0.12), rgba(73,177,245,0.04))}#sidebar details+details{margin-top:0.25rem}#sidebar summary{font-weight:500;padding:.25rem 0}#sidebar summary::after{margin-left:auto}#sidebar ol{list-style-type:none;padding:0;margin:0}#sidebar li{margin-top:0.25rem}#sidebar a{color:var(--var-sidebar-link-color);display:block;padding:.25rem 0}#sidebar a:hover{color:var(--var-sidebar-link-color-hover)}#sidebar .active>a{color:var(--var-primary)}#sidebar.open .container{transform:translateY(0)}#sidebar.open .mask{background-color:rgba(var(--var-button-bg-color), 0.3);position:fixed;left:0;top:0;z-index:2;width:100vw;height:100vh}#sidebar .section+.section{margin-top:0.5rem}#sidebar h3{font-weight:bolder;font-size:14px;padding:.5rem;margin:0;color:var(--var-gray-400)}#sidebar .links{padding:0 .75rem}.theme{margin-left:auto;padding:.5rem !important}.theme .dark{display:none}.theme img{width:16px !important;height:16px !important}.dark-theme .theme .light{display:none}.dark-theme .theme .dark{display:block}#content{flex:1;display:flex;flex-direction:column;height:100vh;overflow:auto}#content .top-nav{padding:1rem;background-color:var(--var-main-bg-color)}#content .top-nav img{width:24px;height:24px}#content .top-nav button{border:0;background-color:transparent}#content header{padding:1rem;border-bottom:1px var(--var-border-color) solid}#content header p{font-size:14px;margin:0}#content main{flex:1}.layout .block-title{font-size:14px;font-weight:normal;border-bottom:1px solid var(--var-border-color);background-color:var(--var-title-bg-color);display:flex;align-items:center;padding:.25rem 1rem;line-height:22px;height:39px;min-height:39px}.hidden-input{position:absolute;top:0;left:0;pointer-events:none;opacity:0}.input .container,.output .container{height:150px;overflow:auto;scrollbar-width:none}.input textarea,.output textarea{display:block}.output input{width:100%;border-radius:0}.toolbar{margin-left:auto;display:flex}.toolbar img{width:22px;height:22px}.toolbar .icon{border:0;padding:.25rem;background-color:transparent;display:inline-flex;cursor:pointer}.toolbar .icon:hover{border-radius:50%;background-color:var(--var-icon-hover-bg-color)}.toolbar .icon+.icon{margin-left:.25rem}#swap{transform:rotate(90deg)}.settings .container{padding:1rem}.setting label{display:block;margin-bottom:0.5rem;font-size:14px}.setting select,.setting input{display:block;width:100%}.setting+.setting,.setting+.setting-group{margin-top:1rem}.setting .btn{display:block;width:100%}.setting-group{border:1px solid var(--var-gray-400);border-radius:5px;position:relative;margin-top:0.75rem;padding:1rem 0.5rem 0.5rem 0.5rem}.setting-group+.setting,.setting-group+.setting-group{margin-top:1rem}.setting-group summary{position:absolute;left:1rem;top:-6px;font-size:12px;background-color:var(--var-bg-color);padding:0 0.5rem}textarea{background-color:var(--var-textarea-bg-color);color:var(--var-textarea-color);width:100%;height:150px;border:1px solid var(--var-border-color);outline:none;resize:none;font-family:Menlo, Monaco, "Courier New", monospace;padding:0.5rem;font-size:12px;line-height:18px}select,input{background-color:var(--var-input-bg-color);color:var(--var-input-color);-webkit-appearance:none;appearance:none;padding:10px;border:1px solid var(--var-border-color);font-size:14px;border-radius:0.5rem;outline:none}select{background-image:url("../images/arrow.svg");background-repeat:no-repeat;background-position:right 0.5rem center;background-size:12px}input[type="range"]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;border:0}input[type="range"]:focus{outline:none}input[type="range"]::-webkit-slider-runnable-track{background-color:var(--var-gray-400);border-radius:0.5rem;height:0.5rem}input[type="range"]::-moz-range-track{background-color:var(--var-gray-400);border-radius:0.5rem;height:0.5rem}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:var(--var-primary);border-radius:0.5rem;height:1rem;width:1rem}input[type="range"]::-moz-range-thumb{background-color:var(--var-primary);border:none;border-radius:0.5rem;height:1rem;width:1rem}.monaco-editor-wrap{border:1px solid var(--var-border-color)}.btn{color:var(--var-bg-color);background-color:var(--var-button-bg-color);padding:.5rem .75rem;border-radius:0.5rem;cursor:pointer;border:0;text-align:center}.btn:hover{background-color:var(--var-button-hover-bg-color);color:var(--var-bg-color)}.switcher{display:flex !important;align-items:center;cursor:pointer}.switcher input{display:none}.switcher input:checked+.toggle{background-color:var(--var-primary)}.switcher input:checked+.toggle::before{transform:translateX(100%)}.switcher .toggle{width:44px;height:24px;background-color:var(--var-gray-400);border-radius:9999px;display:flex;align-items:center}.switcher .toggle::before{content:'';display:block;height:18px;width:18px;margin:3px;background-color:var(--var-white);border-radius:50%;transition:all 0.1s}.switcher .loading+.toggle::before{display:none}.switcher .loading+.toggle:after{content:"";height:8px;width:8px;inset:5px;border-radius:50%;border:5px solid transparent;border-top-color:white;animation:rotation 1s linear infinite;margin:auto}.switcher span{margin-left:0.5rem}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hidden-copy-input{opacity:0;position:absolute;pointer-events:none;left:0;top:0}#message{font-size:14px;position:fixed;top:2rem;left:2rem;right:2rem;z-index:10;border:1px solid var(--var-border-color);padding:1rem;border-radius:.5rem;background-color:var(--var-main-bg-color);display:none;box-shadow:#fff 0 0 0 0,rgba(0,0,0,0.05) 0 0 0 1px,rgba(0,0,0,0.1) 0 10px 15px -3px,rgba(0,0,0,0.1) 0 4px 6px -4px}#message::before{content:'✓';display:inline-block;color:var(--var-primary);margin-right:0.5rem}#message.error::before{content:'✗';color:var(--var-red)}.droppable-zone{border:2px dashed var(--var-border-color);width:100%;height:155px;position:relative;overflow:hidden;background-color:var(--var-input-bg-color)}.droppable-zone.hover{border:2px dashed var(--var-primary)}.droppable-zone-wrapper{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:1rem;overflow:hidden}.droppable-zone-icon{width:24px;height:24px}.droppable-zone-text{font-size:16px;max-height:55px;overflow:hidden;margin-top:1rem;text-align:center}.droppable-file{position:absolute;top:0;left:0;opacity:0;z-index:2;height:100%;width:100%;cursor:pointer}#index{padding:0 1rem 1rem 1rem}#index .blocks{display:grid;gap:1rem;grid-template-columns:1fr}#index .block{background-color:var(--var-main-bg-color);border-radius:.75rem}#index h2{margin:1rem 0}#index h3{font-size:16px;font-weight:600;margin:0;padding:1rem;border-bottom:1px solid var(--var-border-color)}#index nav{padding:1rem}#index ol{list-style:none;padding:0;margin:0}#index li+li{margin-top:.25rem}#index a{display:block;padding:.25rem 0}#page404{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column}#page404 img{width:64px;margin-bottom:1rem}#validate-result{color:var(--var-textarea-color);background-color:var(--var-textarea-bg-color);border:1px solid var(--var-border-color);display:flex;align-items:center;justify-content:center;font-size:24px}#validate-result::before{display:inline-block;margin-right:0.5rem}#validate-result.valid::before{content:'✓';color:var(--var-green)}#validate-result.invalid::before{content:'✗';color:var(--var-red)}.json-viewer{background-color:var(--var-input-bg-color)}.dark-theme .json-viewer{background-color:#272822}.syntax-highlight{margin:0}.syntax-highlight code{height:100%;font-size:12px;line-height:18px;padding:8px}#download-image,#download-public{animation:bounce 0.5s 4}@keyframes bounce{0%{transform:scale(1.3)}100%{transform:scale(1)}}.fullscreen{position:fixed;left:0;top:0;z-index:9;width:100vw;height:100vh;background-color:var(--var-bg-color);display:flex;flex-direction:column}.fullscreen .container{height:auto;flex:1}.fullscreen .fullscreen-icon{display:none}.fullscreen .fullscreen-icon-exit{display:inline-block}.fullscreen #swap{display:none}.fullscreen-icon-exit{display:none}@media (min-width: 768px){.input .container,.output .container{height:250px}#index .blocks{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){#content main{overflow:auto}.layout{display:flex;flex-direction:row-reverse;height:100%}.layout .settings{width:24rem;display:flex;flex-direction:column}.layout .layout-block{flex:1;overflow:auto;position:relative}.layout .container{height:initial;flex:1;overflow:auto;scrollbar-width:none}.layout .block{display:flex;flex-direction:column;overflow:hidden}.layout .block-fill{flex:1}.input,.output{height:50%;display:flex;flex-direction:column;overflow:auto}.droppable-zone-icon{width:48px;height:48px}#index .blocks{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 1280px){#sidebar .container{position:static;transform:none}#content .top-nav{display:none}#content header{padding:1rem 2rem}#message{top:1rem;left:initial;right:2rem}#index{padding:0 2rem 2rem 2rem}}@media (min-width: 1366px){#sidebar .container{position:static;transform:none}#content .top-nav{display:none}#content header{padding:1rem 2rem}#message{top:1rem;left:initial;right:2rem}#index .blocks{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width: 1920px){.layout .layout-block{display:flex}.input,.output{height:initial;flex:1}#swap{position:absolute;left:50%;top:5px;transform:translateX(-50%);z-index:2;margin:auto}#index .blocks{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}