:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--header-height:4rem}header.svelte-1ucn5gf{background-color:#2c3e50;color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000001a;height:var(--header-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;z-index:1001}h1.svelte-1ucn5gf{margin:0;font-size:2rem;font-weight:600}@media (max-width: 768px){:root{--header-height:3rem}h1.svelte-1ucn5gf{font-size:1.5rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.formatter.svelte-1o9yq04.svelte-1o9yq04{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d}.controls.svelte-1o9yq04.svelte-1o9yq04{margin-bottom:1rem}select.svelte-1o9yq04.svelte-1o9yq04{padding:.5rem;border:1px solid #ddd;border-radius:4px;background-color:#282c34;color:#abb2bf;font-size:1rem;width:200px}select.svelte-1o9yq04 option.svelte-1o9yq04{background-color:#282c34;color:#abb2bf}.editor-container.svelte-1o9yq04.svelte-1o9yq04{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.editor.svelte-1o9yq04.svelte-1o9yq04{position:relative}textarea.svelte-1o9yq04.svelte-1o9yq04{width:100%;min-height:300px;padding:1rem;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.5;resize:none;box-sizing:border-box;background-color:#282c34;color:#abb2bf;overflow-y:hidden}textarea.svelte-1o9yq04.svelte-1o9yq04::placeholder{color:#6b727b}.output-pre.svelte-1o9yq04.svelte-1o9yq04{width:100%;min-height:300px;padding:1rem;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.5;box-sizing:border-box;background-color:#282c34;color:#abb2bf;overflow-y:auto;margin:0;white-space:pre-wrap;text-align:left}.copy-button.svelte-1o9yq04.svelte-1o9yq04{position:absolute;bottom:1rem;right:1rem;padding:.5rem 1rem;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.copy-button.svelte-1o9yq04.svelte-1o9yq04:hover{background-color:#34495e}.clear-button.svelte-1o9yq04.svelte-1o9yq04{position:absolute;bottom:1rem;right:1rem;padding:.5rem 1rem;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.clear-button.svelte-1o9yq04.svelte-1o9yq04:hover{background-color:#c0392b}@media (max-width: 1280px){.editor-container.svelte-1o9yq04.svelte-1o9yq04{grid-template-columns:1fr}textarea.svelte-1o9yq04.svelte-1o9yq04,.output-pre.svelte-1o9yq04.svelte-1o9yq04{min-height:250px}.copy-button.svelte-1o9yq04.svelte-1o9yq04,.clear-button.svelte-1o9yq04.svelte-1o9yq04{bottom:.5rem;right:.5rem}}.hljs{background:transparent!important;padding:0!important}.toast.svelte-1o9yq04.svelte-1o9yq04{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:#2ecc71;color:#fff;padding:.8rem 1.5rem;border-radius:4px;box-shadow:0 2px 8px #0003;z-index:1000}.toast-enter{opacity:0;transform:translate(-50%,1rem)}.toast-enter-active{opacity:1;transform:translate(-50%);transition:all .2s ease-out}.toast-exit{opacity:1;transform:translate(-50%)}.toast-exit-active{opacity:0;transform:translate(-50%,1rem);transition:all .2s ease-in}.tips.svelte-16mv13f{background-color:#fff;border-radius:8px;padding:12px 16px;margin-bottom:8px;display:flex;align-items:center;box-shadow:0 2px 4px #0000000d}.icon.svelte-16mv13f{font-size:1.5rem;margin-right:16px}p.svelte-16mv13f{margin:0;color:#2c3e50;line-height:1.5}@media (max-width: 768px){.tips.svelte-16mv13f{flex-direction:column;text-align:center;padding:8px 12px}.icon.svelte-16mv13f{margin-right:0;margin-bottom:8px}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5}main.svelte-p9fskd{max-width:1280px;margin:calc(var(--header-height) + 16px) auto 0;padding:0 24px}@media (max-width: 768px){main.svelte-p9fskd{padding:0 16px}}