style.min.css

*,*::before,*::after{box-sizing:border-box;}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0;}ul[role='list'],ol[role='list']{list-style:none;}html:focus-within{scroll-behavior:smooth;}body{text-rendering:optimizeSpeed;}main{line-height:1.5;}a:not([class]){text-decoration-skip-ink:auto;}img,picture{max-width:100%;display:block;}input,button,textarea,select{font:inherit;}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}dialog{color:white;}dialog:focus{outline:none;}dialog::backdrop{background:rgba(85,85,85,.80);}.error-dialog{color:white;background-color:#AE0000;}.busy-dialog{color:white;background-color:#006900;}dialog p{margin-top:0;}dialog.busy-dialog p{margin-bottom:0;}dialog button{float:right;}dialog.busy-dialog button{display:none;}button,input{color:white;background-color:#333;}select{color:black;background-color:white;}input[type="file"]{background-color:inherit;}input::file-selector-button{color:black;}input:disabled::file-selector-button{color:#AAAAAA;}button:disabled,input:disabled,textarea:disabled,div.disabled,p.disabled,label.disabled,#input.disabled,#output.disabled,label:has(>input:disabled){color:#AAAAAA;background-color:inherit;}details[open]>#details{outline:2px solid white;outline-offset:calc(1.5vmin - 1px);}input[type=checkbox]:focus{outline-offset:1px;}button,input,select{border:2px solid white;}button,input{-webkit-border-radius:5px;border-radius:5px;}select{-webkit-border-radius:3px;border-radius:3px;}input[type="file"]{border:0;}input::file-selector-button{-webkit-border-radius:3px;border-radius:3px;}#input,#output{border:1px solid white;outline:1px solid white;}#input:focus{outline:2px solid white;}button:disabled,input:disabled,textarea:disabled,div.disabled,p.disabled,label.disabled,#input.disabled,#output.disabled{border-color:#AAAAAA;outline-color:#AAAAAA;}button,input,select,details summary{cursor:pointer;}summary{width:10ch;}p.label{font-size:1.2em;display:inline;pointer-events:none;}button:disabled,input:disabled,textarea:disabled,div.disabled,p.disabled,label.disabled,#input.disabled,#output.disabled{pointer-events:none;}pre{text-wrap:pretty;word-break:break-word;margin:0;font-family:inherit;}pre:has(code){margin-block-start:1em;}th{text-align:left;}main .first-in-main{padding-top:calc(var(--default-top-padding) - .8em);}.two-column{padding-top:var(--default-top-padding);}details{padding-top:var(--default-top-padding);}details summary{padding-bottom:0;}details[open] summary{margin-bottom:2vmin;margin-left:3px;padding-bottom:1vmin;}#details{margin:1.5vmin;}button,input[type=button]{padding:5px 10px;}select{padding-right:0;}input[type=checkbox]{margin:0;margin-right:1vmin;}input[type="file"]{padding:0;}#selects{padding-top:var(--default-top-padding);}#example{margin-top:var(--default-top-padding);}form.file{padding-top:calc(var(--default-top-padding) / 2);}div.download{padding-top:calc(var(--default-top-padding) / 2 + 2px);}p.label{margin:0;}#input,#output{margin-top:var(--default-top-padding);margin-bottom:var(--default-body-bottom-margin);padding:.5rem;}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3vmin;row-gap:var(--default-top-padding);}#checkboxes,#selects{display:flex;column-gap:3vmin;row-gap:2vmin;}#selects>label{display:flex;column-gap:1vmin;}.flex-space-between{display:flex;justify-content:space-between;align-items:baseline;}.left.label-w-select,.right.label-w-select{display:flex;justify-content:start;flex-direction:row;column-gap:1vmin;}.label-w-select select{flex-grow:1;}body{display:flex;flex-direction:column}main{display:flex;flex-direction:column;height:100%}.max-height{display:flex;flex-direction:column;height:100%}.max-height>.two-column{flex-grow:1;flex-basis:auto;height:100%}.left,.right{display:flex;flex-direction:column;height:100%;}#input{min-height:calc(100vh - 6vmin - 15.5em);}#input,#output{flex-grow:1;}@media (max-width:1170px){.two-column{grid-template-columns:minmax(0,1fr)}#input{height:calc(100vh - 6vmin - 25.5em)}div.download{padding-top:0}}@media (max-width:710px){#checkboxes>label,#selects>label{display:grid}}@media (max-width:490px){.left.label-w-select,.right.label-w-select{flex-direction:column}}