:root{font-family:system-ui,sans-serif;font-size:13px;--line-width: 2px;color-scheme:light;--base: #eff1f5;--mantle: #e6e9ef;--crust: #dce0e8;--surface0: #ccd0da;--surface1: #bcc0cc;--surface2: #acb0be;--overlay0: #9ca0b0;--overlay1: #8c8fa1;--text: #4c4f69;--subtext0: #6c6f85;--subtext1: #5c5f77;--lavender: #7287fd;--blue: #1e66f5;--mauve: #8839ef;--green: #40a02b;--peach: #fe640b;--red: #d20f39;--teal: #179299;--maroon: #e64553;--shadow: rgb(76 79 105 / 18%);--backdrop: rgb(76 79 105 / 45%);--readonly-background: var(--mantle);color:var(--text);background:var(--base)}:root[data-theme=dark]{color-scheme:dark;--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--overlay0: #6c7086;--overlay1: #7f849c;--text: #cdd6f4;--subtext0: #a6adc8;--subtext1: #bac2de;--lavender: #b4befe;--blue: #89b4fa;--mauve: #cba6f7;--green: #a6e3a1;--peach: #fab387;--red: #f38ba8;--teal: #94e2d5;--maroon: #eba0ac;--shadow: rgb(17 17 27 / 35%);--backdrop: rgb(17 17 27 / 65%);--readonly-background: color-mix(in srgb, var(--base), var(--surface0))}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}button,input,select,textarea{font:inherit;color:inherit;background:var(--base);border:var(--line-width) solid var(--surface1);border-radius:0}button,select{cursor:pointer}button{padding:5px 10px;border-color:transparent}button:hover{background:var(--mantle)}button:disabled{color:var(--overlay0);cursor:default}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:3px;flex:0 0 auto;border:1px solid transparent;background:var(--base);list-style:none}.icon-button[hidden]{display:none}.icon-button::-webkit-details-marker{display:none}.icon-button:hover{background:var(--mantle)}.icon{display:block;width:24px;height:24px;flex:none;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.icon-settings{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='m370-80-16-128q-13-5-24.5-12T307-235l-119%2050L78-375l103-78q-1-7-1-13.5v-27q0-6.5%201-13.5L78-585l110-190%20119%2050q11-8%2023-15t24-12l16-128h220l16%20128q13%205%2024.5%2012t22.5%2015l119-50%20110%20190-103%2078q1%207%201%2013.5v27q0%206.5-2%2013.5l103%2078-110%20190-118-50q-11%208-23%2015t-24%2012L590-80H370Zm70-80h79l14-106q31-8%2057.5-23.5T639-327l99%2041%2039-68-86-65q5-14%207-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99%2042q-22-23-48.5-38.5T533-694l-13-106h-79l-14%20106q-31%208-57.5%2023.5T321-633l-99-41-39%2068%2086%2064q-5%2015-7%2030t-2%2032q0%2016%202%2031t7%2030l-86%2065%2039%2068%2099-42q22%2023%2048.5%2038.5T427-266l13%20106Zm42-180q58%200%2099-41t41-99q0-58-41-99t-99-41q-59%200-99.5%2041T342-480q0%2058%2040.5%2099t99.5%2041Zm-2-140Z'/%3e%3c/svg%3e")}.icon-upload-file{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M440-200h80v-167l64%2064%2056-57-160-160-160%20160%2057%2056%2063-63v167ZM240-80q-33%200-56.5-23.5T160-160v-640q0-33%2023.5-56.5T240-880h320l240%20240v480q0%2033-23.5%2056.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200%20640-640Z'/%3e%3c/svg%3e")}.icon-upload-folder{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M440-280h80v-168l64%2064%2056-56-160-160-160%20160%2056%2056%2064-64v168ZM160-160q-33%200-56.5-23.5T80-240v-480q0-33%2023.5-56.5T160-800h240l80%2080h320q33%200%2056.5%2023.5T880-640v400q0%2033-23.5%2056.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0%200v-480%20480Z'/%3e%3c/svg%3e")}.icon-convert{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M400-280h160v-80H400v80Zm0-160h280v-80H400v80ZM280-600h400v-80H280v80Zm200%20120ZM80-80v-80h102q-48-23-77.5-68T75-330q0-79%2055.5-134.5T265-520v80q-45%200-77.5%2032T155-330q0%2039%2024%2069t61%2038v-97h80v240H80Zm320-40v-80h360v-560H200v160h-80v-160q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H400Z'/%3e%3c/svg%3e")}.icon-save{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M840-680v480q0%2033-23.5%2056.5T760-120H200q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h480l160%20160Zm-80%2034L646-760H200v560h560v-446ZM565-275q35-35%2035-85t-35-85q-35-35-85-35t-85%2035q-35%2035-35%2085t35%2085q35%2035%2085%2035t85-35ZM240-560h360v-160H240v160Zm-40-86v446-560%20114Z'/%3e%3c/svg%3e")}.icon-theme{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M480-120q-150%200-255-105T120-480q0-150%20105-255t255-105q14%200%2027.5%201t26.5%203q-41%2029-65.5%2075.5T444-660q0%2090%2063%20153t153%2063q55%200%20101-24.5t75-65.5q2%2013%203%2026.5t1%2027.5q0%20150-105%20255T480-120Zm0-80q88%200%20158-48.5T740-375q-20%205-40%208t-40%203q-123%200-209.5-86.5T364-660q0-20%203-40t8-40q-78%2032-126.5%20102T200-480q0%20116%2082%20198t198%2082Zm-10-270Z'/%3e%3c/svg%3e")}:root[data-theme=dark] .icon-theme{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M565-395q35-35%2035-85t-35-85q-35-35-85-35t-85%2035q-35%2035-35%2085t35%2085q35%2035%2085%2035t85-35Zm-226.5%2056.5Q280-397%20280-480t58.5-141.5Q397-680%20480-680t141.5%2058.5Q680-563%20680-480t-58.5%20141.5Q563-280%20480-280t-141.5-58.5ZM200-440H40v-80h160v80Zm720%200H760v-80h160v80ZM440-760v-160h80v160h-80Zm0%20720v-160h80v160h-80ZM256-650l-101-97%2057-59%2096%20100-52%2056Zm492%20496-97-101%2053-55%20101%2097-57%2059Zm-98-550%2097-101%2059%2057-100%2096-56-52ZM154-212l101-97%2055%2053-97%20101-59-57Zm326-268Z'/%3e%3c/svg%3e")}input[type=checkbox]{appearance:none;position:relative;width:20px;height:20px;flex:0 0 auto;margin:0;border:0;background:transparent;vertical-align:middle;cursor:inherit;--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H200Zm0-80h560v-560H200v560Z'/%3e%3c/svg%3e")}input[type=checkbox]:before{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}input[type=checkbox]:checked{--icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%231f1f1f'%3e%3cpath%20d='m424-312%20282-282-56-56-226%20226-114-114-56%2056%20170%20170ZM200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h560q33%200%2056.5%2023.5T840-760v560q0%2033-23.5%2056.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z'/%3e%3c/svg%3e")}input:disabled{color:var(--overlay0);border-color:var(--surface0)}:focus-visible{outline:var(--line-width) solid var(--lavender);outline-offset:2px}header{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:var(--line-width) solid var(--surface1);position:relative;flex-wrap:wrap}.brand{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;column-gap:12px;min-width:0}h1{font-size:18px;font-weight:600;margin:0;letter-spacing:-.5px}.brand small{grid-column:1 / -1;font-size:13px;color:var(--subtext0)}#options{display:flex;align-items:center;gap:16px}#options>details>summary{margin-top:0}#about{padding:1px 6px;font-size:11px;color:var(--subtext0);background:transparent}#options>details[open]>.options-panel{position:absolute;top:calc(100% + var(--line-width));left:12px;z-index:1;width:420px;max-width:calc(100vw - 24px);padding:14px;gap:14px 24px;border:var(--line-width) solid var(--surface1);background:var(--base);box-shadow:0 6px 16px var(--shadow)}summary{cursor:pointer;margin-top:10px;width:fit-content}.options-panel{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 28px}.options-list,.options-fields{display:grid;gap:6px 0;align-content:start}.options-list label{display:flex;align-items:center;gap:6px;cursor:pointer}.options-fields>label,.options-fields>fieldset{display:contents}.options-fields label{display:block;grid-column:1 / -1}.options-fields small{color:var(--subtext0);font-size:11px}.options-fields input,.options-fields select,.options-fields textarea{grid-column:1 / -1;width:100%;margin-top:4px;padding:5px}.options-panel p{grid-column:1 / -1;margin:6px 0 0;color:var(--subtext0);font-size:11px}#layout-options{border:0;margin:0;padding:0;min-width:0}#layout-options:disabled{opacity:.55}#error{margin:0;padding:12px 20px;color:var(--red);background:var(--mantle);border-bottom:var(--line-width) solid var(--red);max-height:150px;overflow:auto;white-space:pre-wrap}main{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:280px}section{display:flex;flex-direction:column;min-width:0;min-height:0}section+section{border-left:var(--line-width) solid var(--surface1)}.pane-heading{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 12px;border-bottom:var(--line-width) solid var(--surface1)}h2{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.pane-heading>span{color:var(--subtext0);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.pane-heading button,.toggle{flex:0 0 auto}.toggle{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--subtext0);white-space:nowrap;cursor:pointer}#status{flex:0 0 auto;white-space:nowrap}#status:empty{display:none}.pane-body{display:flex;flex:1;min-height:0}nav{width:140px;flex-shrink:0;border-right:var(--line-width) solid var(--surface0);overflow:auto;padding:8px 4px}nav:empty{display:none}nav button{display:block;width:100%;text-align:left;font-size:11px;border-color:transparent;white-space:nowrap;padding:5px}nav button[aria-current=true]{background:var(--surface0)}#output-heading,#output-tree,#output-editor{background:var(--readonly-background)}#output-tree button,#output-heading button{background:transparent}#output-tree button:hover,#output-heading button:hover,#output-tree button[aria-current=true]{background:var(--surface0)}nav details{margin-left:7px}nav summary{margin:4px 0;font-size:11px}.editor{position:relative;flex:1;min-width:0;min-height:0;display:flex}.editor>*{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4;margin:0;padding:16px;border:0;overflow:auto;white-space:pre;word-wrap:normal;flex:1;min-width:0}.editor>pre{position:absolute;inset:0}.editor>pre[aria-hidden=true]{pointer-events:none}.editor>textarea{position:relative;background:transparent;color:transparent;caret-color:var(--text);resize:none}.editor>textarea:focus-visible{outline-offset:-2px}.editor>pre i{font-style:normal}.editor>pre i.comment{color:var(--overlay1)}.editor>pre i.string{color:var(--green)}.editor>pre i.keyword{color:var(--mauve)}.editor>pre i.number{color:var(--peach)}#output{color:transparent;caret-color:var(--text)}.editor>textarea::selection,#output::selection{color:var(--text);background:var(--surface1)}@media(max-width:380px){#options>details[open]>.options-panel{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){body{height:auto;min-height:100dvh}header{padding:12px}main{grid-template-columns:1fr}section{min-height:420px;height:50dvh}section+section{border-left:0;border-top:var(--line-width) solid var(--surface1)}nav{width:110px}}#about-dialog{max-width:34rem;padding:20px 24px;color:var(--text);background:var(--base);border:var(--line-width) solid var(--surface1);border-radius:0}#about-dialog::backdrop{background:var(--backdrop)}#about-dialog h2{margin:0;font-size:18px}#about-dialog h3{margin:18px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--subtext0)}#about-dialog p{margin:8px 0;line-height:1.6}#about-dialog ul{margin:0;padding-left:18px;line-height:1.7}#about-dialog a{color:var(--blue)}#about-dialog form{margin:20px 0 0;text-align:right}