:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#ffffffde;color:#242424}#root{--col-width: 560px;max-width:var(--col-width);margin:0 auto;padding:2rem 2rem 4rem}body{margin:0;padding:16px}h1{margin-top:0}select,label,textarea{display:block}label,details{margin-bottom:1rem}details[open]{border:1px dashed black}.book-page-order label:not(:last-child){margin-bottom:auto}li{margin-bottom:1rem}.instructions img{max-width:calc(100% - 32px);border:8px inset rgba(0,0,0,.25)}.instructions table{border:1px solid rgba(0,0,0,.25)}.instructions thead td{border-bottom:1px solid rgba(0,0,0,.25)}.instructions td{padding:4px 8px}.instructions .no-prefix{opacity:.5}code{background-color:#ffc62680}.advanced-settings summary{margin-bottom:1rem}.output{white-space:pre-wrap;background-color:#efefef4d}.output.placeholder{color:gray}.output .no-name{color:#e18700;border-bottom:1px dashed #e18700}.output .no-name:after{content:attr(data-comments)}.output,textarea{width:calc(var(--col-width) - 6px);height:248px;border:1px solid rgb(118,118,118);border-radius:2px;font-family:monospace;padding:2px;color:#000;resize:vertical;overflow:auto}.output-label{display:flex;justify-content:space-between}.output-label button{min-width:120px;min-height:16px;line-height:16px}.input-output{display:flex;gap:16px;flex-direction:column}@media (min-width: calc(1136px + 2rem)){#root{max-width:calc(var(--col-width) * 2 + 16px)}.input-output{flex-direction:row}.output,textarea{height:480px}}