:root{--ink-900: #16191a;--ink-600: #5a6163;--ink-400: #8b9295;--ink-200: #d6dad9;--ink-050: #f2f4f3;--paper: #fafbfa;--error: #a32b23;--warn: #8a6410;--syntax-key: #2b5a7a;--syntax-string: #3c6e3f;--syntax-number: #7a4a2b;--syntax-literal: #6a3c8a;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-size: 14px;--font-weight-body: 400;--font-weight-label: 500;--row-height: 1lh;--gutter-width: 4ch;--radius-max: 4px}:root[data-theme=dark]{--ink-900: #e4e7e6;--ink-600: #9aa1a2;--ink-400: #6b7274;--ink-200: #333839;--ink-050: #1c2021;--paper: #131617;--error: #e0685f;--warn: #d9a441;--syntax-key: #6ea3c9;--syntax-string: #82b787;--syntax-number: #c99a6e;--syntax-literal: #b294d4}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html{overflow-x:hidden}body{background:var(--paper);color:var(--ink-900);font-family:var(--font-ui);font-size:var(--font-size);font-weight:var(--font-weight-body);line-height:1.5}.layout{display:flex;flex-direction:column;height:100vh;height:100dvh}.header,.statusbar,.footer{flex:0 0 auto}.footer{display:flex;justify-content:center;gap:2ch;padding:8px 16px;background:var(--ink-050);border-top:1px solid var(--ink-200);font-size:.8em;text-align:center}.footer a{color:var(--ink-600)}@media(max-width:639px){.footer{padding:.4em 1.25rem;gap:1.5ch;flex-wrap:wrap}}.header{display:grid;align-items:center;column-gap:2ch;row-gap:.6em;padding:.85em 3ch;background:var(--ink-050);border-bottom:1px solid var(--ink-200);font-weight:var(--font-weight-label)}@media(min-width:640px){.header{grid-template-columns:auto auto 1fr;grid-template-areas:"title theme ." "format controls controls" "notice notice notice"}}.header__title{grid-area:title;font-size:1.3em}.header__notice{grid-area:notice;font-size:.75em;font-weight:var(--font-weight-body);color:var(--ink-600)}@media(min-width:640px){.header__notice{margin-top:-4px}}@media(max-width:639px){.header__notice{margin-top:-44px}}.header__controls{grid-area:controls;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75em 2.5ch}.header__control-group{display:flex;flex-direction:column;align-items:flex-start;gap:.1em}.header__control-label{font-size:.7em;font-weight:var(--font-weight-body);color:var(--ink-600);line-height:1}.header__control-box{display:flex;align-items:flex-start;min-height:1.5em}@media(max-width:639px){.header__control-box{min-height:44px}}.header__controls button,.header__controls select,.header__theme{font:inherit;color:var(--ink-900);background:transparent;border:none;cursor:pointer;text-align:left;padding:0}.header__format{grid-area:format;background:var(--ink-900);color:var(--paper);border:none;border-radius:var(--radius-max);padding:.35em 2ch;font-weight:var(--font-weight-label);cursor:pointer;transition:opacity .15s ease}.header__format:hover{opacity:.85}@media(min-width:640px){.header__format{padding-top:.65em;padding-bottom:.65em;margin-right:2ch}}.header__theme{grid-area:theme;padding:.35em 1.5ch}@media(max-width:639px){.header{grid-template-columns:1fr auto;grid-template-areas:"title theme" "controls controls" "notice notice" "format format";padding:.75em 1.25rem}.header__format{width:100%;padding:.7em 2ch;font-size:1.1em;text-align:center}.header__theme{min-width:44px;min-height:44px}.header__controls{grid-area:controls;justify-content:space-between}}.editor-wrap{flex:1 1 auto;min-height:0;overflow:hidden;padding:.5em 0}.editor-wrap .cm-editor{height:100%}.result-bar{padding:.5em 3ch;min-height:1.5em;font-size:.85em;border-top:1px solid var(--ink-200)}.result-bar__message--success{color:var(--ink-900)}.result-bar__message--error{color:var(--error)}.result-bar__message--warning{color:var(--warn)}@media(max-width:639px){.result-bar{padding:.5em 1.25rem}}.statusbar{background:var(--ink-050);border-top:1px solid var(--ink-200);color:var(--ink-600)}.statusbar__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;row-gap:.5em;padding:.85em 3ch}.statusbar__actions{display:flex;flex:0 0 auto;gap:1.5ch}.statusbar__actions button{font:inherit;font-weight:var(--font-weight-label);color:var(--ink-900);background:transparent;border:1px solid var(--ink-200);border-radius:var(--radius-max);padding:0 1.5ch;cursor:pointer;min-height:44px}@media(min-width:640px){.statusbar__actions button{min-height:auto;padding:.35em 1.5ch}}@media(max-width:639px){.statusbar__row{padding:.6em 1.25rem}}::placeholder{color:var(--ink-400)}:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.tok-key{color:var(--syntax-key)}.tok-string{color:var(--syntax-string)}.tok-number{color:var(--syntax-number)}.tok-literal{color:var(--syntax-literal)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}