*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a{-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--black:#fff;--white:#000;--main-text-color:#ddd;--subtle-text-color:#aaa;--secondary-pane-text-color:#ddd;--link-text-color:#aaa;--main-background-color:#171717;--subtle-background-color:#333;--secondary-pane-background-color-1:#333;--secondary-pane-background-color-2:#111;--elevation-dark-1:#000;--elevation-light-1:#000;--elevation-dark-shadow:#000000e7;--elevation-light-shadow:#eeeeee17}}@media not (prefers-color-scheme:dark){:root{--black:#000;--white:#fff;--main-text-color:#222;--subtle-text-color:#666;--secondary-pane-text-color:#222;--link-text-color:#666;--main-background-color:#f0f0f0;--subtle-background-color:#ddd;--secondary-pane-background-color-1:#ddd;--secondary-pane-background-color-2:#bbb;--elevation-dark-1:#bbb;--elevation-light-1:#fff;--elevation-dark-shadow:#00000017;--elevation-light-shadow:#ffffff80}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--main-text-font-family);line-height:var(--main-text-line-height);font-weight:var(--main-text-font-weight);text-justify:auto;background:var(--main-background);color:var(--main-text-color)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{font-size:16px}@media (width<=60ch){:root{font-size:14px}}:root:has(select#color-scheme-selector option[value=dark]:checked){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}a{color:var(--link-text-color);-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration)}h1{color:var(--title-1-text-color);-webkit-text-decoration:var(--title-1-text-decoration);text-decoration:var(--title-1-text-decoration);font-family:var(--title-1-text-font-family);line-height:var(--title-1-text-line-height);font-weight:var(--title-1-text-font-weight);font-size:2em}h2{color:var(--title-2-text-color);-webkit-text-decoration:var(--title-2-text-decoration);text-decoration:var(--title-2-text-decoration);font-family:var(--title-2-text-font-family);line-height:var(--title-2-text-line-height);font-weight:var(--title-2-text-font-weight);font-size:1.5em}h3{color:var(--title-3-text-color);-webkit-text-decoration:var(--title-3-text-decoration);text-decoration:var(--title-3-text-decoration);font-family:var(--title-3-text-font-family);line-height:var(--title-3-text-line-height);font-weight:var(--title-3-text-font-weight);font-size:1.17em}p{text-align:justify;text-justify:inter-word}@font-face{font-family:Iosevka Web;font-display:swap;font-weight:400;font-stretch:100%;font-style:normal;src:url(/assets/Iosevka-Regular-CYDkwGSV.woff2)format("woff2")}@font-face{font-family:Iosevka Web;font-display:swap;font-weight:400;font-stretch:100%;font-style:italic;src:url(/assets/Iosevka-Italic-DmlB1AJe.woff2)format("woff2")}@font-face{font-family:Iosevka Web;font-display:swap;font-weight:700;font-stretch:100%;font-style:normal;src:url(/assets/Iosevka-Bold-H1ANeg-H.woff2)format("woff2")}@font-face{font-family:Iosevka Web;font-display:swap;font-weight:700;font-stretch:100%;font-style:italic;src:url(/assets/Iosevka-BoldItalic-DPlza2rI.woff2)format("woff2")}@font-face{font-family:Fira Code;font-weight:300 -900;font-style:normal, italic;font-display:auto;font-optical-sizing:auto;src:local(Fira Code),url(/assets/FiraCode-VariableFont_wght-B8UAmyNo.ttf)format("truetype")}:root{font-display:swap;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--container-padding:1rem;--container-block-gap:1.5rem;--container-border-radius:.5em;--layout-gap:2rem;--section-gap:2rem;--main-text-font-family:monospace, system-ui, Avenir, Helvetica, Arial, sans-serif;--main-text-line-height:1.25;--main-text-font-weight:normal;--code-text-font-family:"Iosevka Web", var(--main-text-font-family);--code-text-font-size:1em;--code-text-line-height:1.5;--code-text-font-weight:normal;--header-title-font-family:"Fira Code", system-ui, Avenir, Helvetica, Arial, sans-serif;--header-title-font-size:3em;--header-title-font-weight:900;--header-title-text-decoration:none;--link-text-decoration:underline dashed;--title-1-text-decoration:none;--title-1-text-font-family:"Fira Code", var(--main-text-font-family);--title-1-text-line-height:1.5;--title-1-text-font-weight:bold;--title-1-text-color:var(--main-text-color);--title-2-text-decoration:none;--title-2-text-font-family:var(--title-1-text-font-family);--title-2-text-line-height:1.5;--title-2-text-font-weight:600;--title-2-text-color:var(--main-text-color);--title-3-text-decoration:underline dashed;--title-3-text-font-family:var(--title-2-text-font-family);--title-3-text-line-height:1.5;--title-3-text-font-weight:600;--title-3-text-color:var(--main-text-color);--subtle-text-font-family:var(--main-text-font-family);--subtle-text-line-height:1.25;--subtle-text-font-weight:normal;--main-background:var(--main-background-color);--s:.75em;--secondary-pane-background:linear-gradient(45deg,#0000 71%,var(--secondary-pane-background-color-2) 0 79%, #0000 0) calc(var(--s)/-2) calc(var(--s)/2)/calc(2*var(--s)) calc(2*var(--s)), linear-gradient(135deg,#0000 71%,var(--secondary-pane-background-color-2) 0 79%,#0000 0) calc(var(--s)/2) calc(var(--s)/2)/calc(2*var(--s)) calc(2*var(--s)), radial-gradient(var(--secondary-pane-background-color-2) 35%, var(--secondary-pane-background-color-1) 37%) 0 0/var(--s) var(--s), var(--secondary-pane-background-color-1);--element-padding:.5rem 1rem;--element-border-radius:.25em;--element-boxshadow:var(--elevation-dark-1) 0px 0px 0px 1px;--elevation-1:var(--elevation-dark-1) -1px -1px 0px 0px, var(--elevation-light-1) 1px 1px 0px 0px, var(--elevation-dark-shadow) 2px 2px 4px 0px inset, var(--elevation-light-shadow) -2px -2px 4px 0px inset;--elevation-1--inner-padding:0px;--elevation-2:var(--elevation-dark-1) 1px 1px 0px 0px, var(--elevation-light-1) -1px -1px 0px 0px, var(--elevation-dark-shadow) -2px -2px 4px 0px inset, var(--elevation-light-shadow) 2px 2px 4px 0px inset;--elevation-2--inner-padding:0px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--black:#fff;--white:#000;--main-text-color:#ddd;--subtle-text-color:#aaa;--secondary-pane-text-color:#ddd;--link-text-color:#aaa;--main-background-color:#171717;--subtle-background-color:#333;--secondary-pane-background-color-1:#333;--secondary-pane-background-color-2:#111;--elevation-dark-1:#000;--elevation-light-1:#000;--elevation-dark-shadow:#000000e7;--elevation-light-shadow:#eeeeee17}}@media not (prefers-color-scheme:dark){:root{--black:#000;--white:#fff;--main-text-color:#222;--subtle-text-color:#666;--secondary-pane-text-color:#222;--link-text-color:#666;--main-background-color:#f0f0f0;--subtle-background-color:#ddd;--secondary-pane-background-color-1:#ddd;--secondary-pane-background-color-2:#bbb;--elevation-dark-1:#bbb;--elevation-light-1:#fff;--elevation-dark-shadow:#00000017;--elevation-light-shadow:#ffffff80}}html{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex}body{row-gap:var(--layout-gap);flex:1;column-gap:0;width:100%;max-width:100%;min-height:100%;margin:0;display:grid}header{grid-area:header}footer{grid-area:footer}main{flex-flow:column;grid-area:main;justify-content:flex-start;justify-self:center;align-items:flex-start;width:min(80ch,100%);min-width:0;display:flex}main>article,main>article>section,main>section{width:100%}main>article section>*+*,main section>*+*{margin-block-start:var(--container-block-gap)}main>article>section p+ul,main>section p+ul,main>article section p+ol,main>section *+ol,main>article section ul+p,main>section ul+p,main>article section ol+p,main>section ol+p{margin-block:1em 0}main>article>h1,main>article>h2,main>article>h3,main>h1,main>h2,main>h3{margin-inline:var(--container-padding)}main>article>section,main>section{padding-inline:var(--container-padding);border-radius:var(--container-border-radius);flex-flow:column;flex:1;align-self:stretch;max-width:100%;display:flex}main>article>*+section,main>*+section{margin-block-start:var(--section-gap)}.aside-content{flex-flow:row;flex:1;justify-self:stretch;display:flex}.aside-content.aside-content__left{grid-area:asideLeft}.aside-content.aside-content__right{grid-area:asideRight}@media (width<=calc(120ch + 4rem)){body{grid-template:"header"min-content"asideLeft"min-content"main""asideRight"min-content"footer"min-content/1fr}.aside-content{justify-self:center;width:100%;max-width:min(80ch,100%)}}@media (width>=calc(120ch + 4rem)){body{grid-template:"header header header"min-content"asideLeft main asideRight""footer footer footer"min-content/1fr minmax(0,80ch) 1fr}.aside-content.aside-content__left{justify-self:center}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--black:#fff;--white:#000;--main-text-color:#ddd;--subtle-text-color:#aaa;--secondary-pane-text-color:#ddd;--link-text-color:#aaa;--main-background-color:#171717;--subtle-background-color:#333;--secondary-pane-background-color-1:#333;--secondary-pane-background-color-2:#111;--elevation-dark-1:#000;--elevation-light-1:#000;--elevation-dark-shadow:#000000e7;--elevation-light-shadow:#eeeeee17}}@media not (prefers-color-scheme:dark){:root{--black:#000;--white:#fff;--main-text-color:#222;--subtle-text-color:#666;--secondary-pane-text-color:#222;--link-text-color:#666;--main-background-color:#f0f0f0;--subtle-background-color:#ddd;--secondary-pane-background-color-1:#ddd;--secondary-pane-background-color-2:#bbb;--elevation-dark-1:#bbb;--elevation-light-1:#fff;--elevation-dark-shadow:#00000017;--elevation-light-shadow:#ffffff80}}body>header{background:var(--main-background);color:var(--main-text-color);flex-direction:column;flex:1;justify-content:space-between;align-self:flex-start;align-items:center;padding-block:3rem;padding-inline:1rem;display:flex}body>header>hgroup>h1{text-align:center;font-family:var(--header-title-font-family);font-size:var(--header-title-font-size);font-weight:var(--header-title-font-weight);-webkit-text-decoration:var(--header-title-text-decoration);text-decoration:var(--header-title-text-decoration);flex:auto;padding:0}footer{box-shadow:var(--elevation-1);background:var(--secondary-pane-background);color:var(--secondary-pane-text-color);border-radius:var(--container-border-radius);flex-direction:row;flex:0 auto;justify-content:center;align-self:flex-end;padding:3rem 2rem 2rem;display:flex}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--black:#fff;--white:#000;--main-text-color:#ddd;--subtle-text-color:#aaa;--secondary-pane-text-color:#ddd;--link-text-color:#aaa;--main-background-color:#171717;--subtle-background-color:#333;--secondary-pane-background-color-1:#333;--secondary-pane-background-color-2:#111;--elevation-dark-1:#000;--elevation-light-1:#000;--elevation-dark-shadow:#000000e7;--elevation-light-shadow:#eeeeee17}}@media not (prefers-color-scheme:dark){:root{--black:#000;--white:#fff;--main-text-color:#222;--subtle-text-color:#666;--secondary-pane-text-color:#222;--link-text-color:#666;--main-background-color:#f0f0f0;--subtle-background-color:#ddd;--secondary-pane-background-color-1:#ddd;--secondary-pane-background-color-2:#bbb;--elevation-dark-1:#bbb;--elevation-light-1:#fff;--elevation-dark-shadow:#00000017;--elevation-light-shadow:#ffffff80}}section p+pre{margin-block-start:var(--container-block-gap)}section pre{white-space:pre-wrap;word-break:break-all;min-width:0%;max-width:100%;padding:calc(var(--elevation-1--inner-padding) + var(--container-padding));border-radius:var(--container-border-radius);box-shadow:var(--elevation-1);background:var(--secondary-pane-background-color-1);color:var(--main-text-color);font-family:var(--code-text-font-family);line-height:var(--code-text-line-height);font-weight:var(--code-text-font-weight);font-size:var(--code-text-font-size);overflow-x:auto}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--container-padding:1rem;--container-block-gap:1.5rem;--container-border-radius:.5em;--layout-gap:2rem;--section-gap:2rem;--main-text-font-family:monospace, system-ui, Avenir, Helvetica, Arial, sans-serif;--main-text-line-height:1.25;--main-text-font-weight:normal;--code-text-font-family:"Iosevka Web", var(--main-text-font-family);--code-text-font-size:1em;--code-text-line-height:1.5;--code-text-font-weight:normal;--header-title-font-family:"Fira Code", system-ui, Avenir, Helvetica, Arial, sans-serif;--header-title-font-size:3em;--header-title-font-weight:900;--header-title-text-decoration:none;--link-text-decoration:underline dashed;--title-1-text-decoration:none;--title-1-text-font-family:"Fira Code", var(--main-text-font-family);--title-1-text-line-height:1.5;--title-1-text-font-weight:bold;--title-1-text-color:var(--main-text-color);--title-2-text-decoration:none;--title-2-text-font-family:var(--title-1-text-font-family);--title-2-text-line-height:1.5;--title-2-text-font-weight:600;--title-2-text-color:var(--main-text-color);--title-3-text-decoration:underline dashed;--title-3-text-font-family:var(--title-2-text-font-family);--title-3-text-line-height:1.5;--title-3-text-font-weight:600;--title-3-text-color:var(--main-text-color);--subtle-text-font-family:var(--main-text-font-family);--subtle-text-line-height:1.25;--subtle-text-font-weight:normal;--main-background:var(--main-background-color);--s:.75em;--secondary-pane-background:linear-gradient(45deg,#0000 71%,var(--secondary-pane-background-color-2) 0 79%, #0000 0) calc(var(--s)/-2) calc(var(--s)/2)/calc(2*var(--s)) calc(2*var(--s)), linear-gradient(135deg,#0000 71%,var(--secondary-pane-background-color-2) 0 79%,#0000 0) calc(var(--s)/2) calc(var(--s)/2)/calc(2*var(--s)) calc(2*var(--s)), radial-gradient(var(--secondary-pane-background-color-2) 35%, var(--secondary-pane-background-color-1) 37%) 0 0/var(--s) var(--s), var(--secondary-pane-background-color-1);--element-padding:.5rem 1rem;--element-border-radius:.25em;--element-boxshadow:var(--elevation-dark-1) 0px 0px 0px 1px;--elevation-1:var(--elevation-dark-1) -1px -1px 0px 0px, var(--elevation-light-1) 1px 1px 0px 0px, var(--elevation-dark-shadow) 2px 2px 4px 0px inset, var(--elevation-light-shadow) -2px -2px 4px 0px inset;--elevation-1--inner-padding:0px;--elevation-2:var(--elevation-dark-1) 1px 1px 0px 0px, var(--elevation-light-1) -1px -1px 0px 0px, var(--elevation-dark-shadow) -2px -2px 4px 0px inset, var(--elevation-light-shadow) 2px 2px 4px 0px inset;--elevation-2--inner-padding:0px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--black:#fff;--white:#000;--main-text-color:#ddd;--subtle-text-color:#aaa;--secondary-pane-text-color:#ddd;--link-text-color:#aaa;--main-background-color:#171717;--subtle-background-color:#333;--secondary-pane-background-color-1:#333;--secondary-pane-background-color-2:#111;--elevation-dark-1:#000;--elevation-light-1:#000;--elevation-dark-shadow:#000000e7;--elevation-light-shadow:#eeeeee17}}@media not (prefers-color-scheme:dark){:root{--black:#000;--white:#fff;--main-text-color:#222;--subtle-text-color:#666;--secondary-pane-text-color:#222;--link-text-color:#666;--main-background-color:#f0f0f0;--subtle-background-color:#ddd;--secondary-pane-background-color-1:#ddd;--secondary-pane-background-color-2:#bbb;--elevation-dark-1:#bbb;--elevation-light-1:#fff;--elevation-dark-shadow:#00000017;--elevation-light-shadow:#ffffff80}}:root:has(select.color-scheme-selector option[value=light]:checked){--black:#000;--white:#fff;--main-text-color:#222;--subtle-text-color:#666;--secondary-pane-text-color:#222;--link-text-color:#666;--main-background-color:#f0f0f0;--subtle-background-color:#ddd;--secondary-pane-background-color-1:#ddd;--secondary-pane-background-color-2:#bbb;--elevation-dark-1:#bbb;--elevation-light-1:#fff;--elevation-dark-shadow:#00000017;--elevation-light-shadow:#ffffff80}:root:has(select.color-scheme-selector option[value=dark]:checked){--black:#fff;--white:#000;--main-text-color:#ddd;--subtle-text-color:#aaa;--secondary-pane-text-color:#ddd;--link-text-color:#aaa;--main-background-color:#171717;--subtle-background-color:#333;--secondary-pane-background-color-1:#333;--secondary-pane-background-color-2:#111;--elevation-dark-1:#000;--elevation-light-1:#000;--elevation-dark-shadow:#000000e7;--elevation-light-shadow:#eeeeee17}.form-panel{border-radius:var(--container-border-radius);border:0;flex-direction:column;margin:0;display:flex}.form-panel--fancy{padding:var(--container-padding);box-shadow:var(--elevation-1);background:var(--secondary-pane-background)}.form-panel__fieldset{padding:var(--container-padding);border-radius:var(--container-border-radius);border:0;flex-direction:column;flex:1;margin:0;display:flex}.form-panel--fancy .form-panel__fieldset{box-shadow:var(--elevation-2);background:var(--main-background)}.form-panel__legend{float:left}.form-panel__row{flex-direction:row;flex:1;align-items:center;padding:0;display:flex}.form-panel__row>input,.form-panel__row>button,.form-panel__row>textarea{flex:1 0;width:0}.form-panel__row.form-panel__actions{align-items:stretch}.form-panel__fieldset .form-panel__row>:not(label)+*{margin-left:var(--container-block-gap)}.form-panel__fieldset>*+*,.form-panel__fieldset+.form-panel__fieldset{margin-top:var(--container-block-gap)}button,input[type=submit]{padding:var(--element-padding);border-radius:var(--element-border-radius);cursor:pointer;color:var(--main-text-color);background-color:var(--secondary-pane-background-color-1);box-shadow:var(--element-boxshadow);letter-spacing:inherit;text-transform:uppercase;border:0;margin:0;transition:all .2s}button:hover,input[type=submit]:hover,button:active,input[type=submit]:active,button:focus,input[type=submit]:focus{box-shadow:var(--elevation-1);outline:0}button.primary,input[type=submit].primary{color:var(--secondary-pane-background-color-1);background-color:var(--main-text-color)}button:focus.primary,input[type=submit]:focus.primary{box-shadow:var(--main-background-color) 0px 0px 0px 1px, var(--elevation-1);outline:0}textarea,input[type=text],input[type=number],input[type=file],select{padding:var(--element-padding);border-radius:var(--element-border-radius);color:var(--main-text-color);background-color:var(--white);box-shadow:var(--element-boxshadow);border:0;outline:0;margin:0}textarea:active,textarea:focus,input[type=text]:active,input[type=text]:focus,input[type=number]:active,input[type=number]:focus,input[type=file]:active,input[type=file]:focus,select:active,select:focus{box-shadow:var(--main-text-color) 0px 0px 0px 1px, var(--elevation-1);outline:0}:root{--main-max-width:1400px}body{grid-template:"header"min-content"main""footer"min-content/minmax(0,1fr)}footer{justify-self:center;width:100%}main{width:100%;max-width:var(--main-max-width);justify-self:center}nav{margin-inline:var(--container-padding);align-self:stretch}nav ul{justify-content:center;gap:var(--container-block-gap);flex-flow:row;width:100%;margin:0;padding:0;list-style:none;display:flex}.converter-panel,.visualization-panel{min-width:0}.converter-panel{gap:var(--container-block-gap);flex-direction:column;display:flex}.visualization-panel{min-height:0}.offline-note{color:var(--subtle-text-color);font-weight:700}.file,label{gap:.5rem;display:grid}.selected-file{gap:.35rem;margin:0;display:grid}.selected-file span{color:var(--subtle-text-color);letter-spacing:.08em;text-transform:uppercase;font-size:.85em;font-weight:700}.selected-file strong{overflow-wrap:anywhere}.clear-file{justify-self:start}.preview-background{border:0;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;display:flex}.preview-background legend{color:var(--subtle-text-color);letter-spacing:.08em;text-transform:uppercase;flex-basis:100%;font-size:.85em;font-weight:700}.preview-background label{align-items:center;gap:.5rem;display:flex}.preview-background input{width:auto}.grid{gap:var(--container-block-gap);flex-wrap:wrap;display:flex}.grid>label{flex:12rem}.check{align-items:center;gap:.75rem;display:flex}.check input{width:auto}.actions{flex-wrap:wrap;gap:1rem;display:flex}.actions>button{flex:12rem}.drop-zone{aspect-ratio:1;min-width:0;min-height:0;padding:var(--elevation-1--inner-padding);border-radius:var(--container-border-radius);box-shadow:var(--elevation-1);background:var(--secondary-pane-background-color-1);color:var(--main-text-color);display:grid;overflow:hidden}.upload-prompt,.preview-frame{grid-area:1/1}.preview-frame{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:none;overflow:hidden}.preview-frame.preview-background-light{background:#fff}.preview-frame.preview-background-dark{background:#111}.upload-prompt{padding:calc(var(--elevation-1--inner-padding) + var(--container-padding));text-align:center;place-content:center;justify-items:center;gap:1rem;display:grid}.upload-prompt p{color:var(--subtle-text-color);margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700}.file-button{cursor:pointer;display:inline-grid}.converter-panel .file-button{align-self:stretch}.file-button input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.file-button span{border-radius:var(--container-border-radius);background:var(--accent-color,currentColor);min-height:2.75rem;color:var(--accent-contrast-color,canvas);justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:700;display:inline-flex}.svg-preview{box-sizing:border-box;object-fit:contain;border:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.drop-zone.has-preview .upload-prompt{display:none}.drop-zone.has-preview .preview-frame{display:grid}@media (width>=1024px){main>section{gap:var(--container-block-gap);grid-template:"controls preview"/fit-content(24rem) minmax(0,1fr);align-items:stretch;display:grid}.converter-panel{top:var(--container-padding);grid-area:controls;width:100%;position:sticky}.visualization-panel{contain:size layout;flex-direction:column;grid-area:preview;align-self:stretch;min-height:0;display:flex;overflow:hidden}.visualization-panel .drop-zone{aspect-ratio:auto;flex:auto;height:100%;min-height:0}.converter-panel .grid,.actions{flex-direction:column}.grid>label,.actions>button{flex-basis:auto}}