:root{font-family:system-ui,sans-serif;color:#171717;background:#ffffff}*{box-sizing:border-box}body{margin:0}header{background:#f5f5f5;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}strong{font-size:1.8rem}strong span{font-size:1rem;font-weight:400}main{max-width:1440px;padding:1.5rem;margin:auto}label{display:block;margin:.7rem 0}input,select,textarea{font:inherit;color:inherit;border:1px solid #595959;border-radius:8px;padding:.65rem;background:white;max-width:100%;width:100%}textarea{font-family:ui-monospace,monospace}button{font:inherit;background:#ffda00;color:#171717;border:1px solid #999999;border-radius:20px;padding:.65rem 1rem;cursor:pointer;margin:.25rem}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #171717;outline-offset:2px}form{max-width:450px}nav{display:flex;flex-wrap:wrap;border-bottom:1px solid #dedede;margin-bottom:1rem}.columns{display:grid;grid-template-columns:300px 1fr;gap:2rem}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}ul{list-style:none;padding:0}aside ul{max-height:65vh;overflow:auto}aside button{width:100%;text-align:left;font-size:.85rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#f5f5f5;border-radius:10px}#preview-content{padding:1rem;background:white;white-space:pre-wrap}#status{font-weight:700}details{margin:1rem 0}[hidden]{display:none!important}@media(max-width:800px){.columns{grid-template-columns:1fr}.fields{grid-template-columns:1fr 1fr}aside ul{max-height:220px}header{padding:1rem}strong span{display:block}}
a{color:inherit}input{accent-color:#171717}::selection{background:#ffda00;color:#171717}