:root{color-scheme:light;--orange:#c65a32;--ink:#202221}*{box-sizing:border-box}body{margin:0;background:#f8f8f5;color:var(--ink);font:16px/1.55 system-ui,sans-serif}header{background:var(--ink);color:white;padding:20px 5%;display:flex;align-items:center;gap:20px;flex-wrap:wrap}header span{font-size:14px}main{max-width:1100px;margin:auto;padding:24px}h1{font-size:30px}section{margin:24px 0}nav,.actions{display:flex;flex-wrap:wrap;gap:10px}button{border:0;border-radius:5px;background:var(--orange);color:white;padding:12px 18px;cursor:pointer;font:inherit}button:disabled{background:#e1e2dd;color:#676b65;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b54213;outline-offset:3px}label{display:block;margin:12px 0}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #8a8e86;border-radius:4px;padding:12px;font:inherit;background:white}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}fieldset{border:1px solid #d2d6cd;border-radius:5px}#login{max-width:480px;margin:40px auto}#feedback:not(:empty){padding:15px;border-left:4px solid var(--orange);background:white}.card{background:white;border:1px solid #d9dcd5;padding:18px;border-radius:6px;margin:16px 0;overflow-wrap:anywhere}.card h2{font-size:22px;margin:0}.muted{color:#666b63;font-size:14px}#editor,#usage-panel{border:1px solid #d9dcd5;background:white;padding:20px;border-radius:6px}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}.fields{grid-template-columns:1fr}nav button{width:100%}.actions button{flex:1}header{gap:12px;padding:16px}h1{font-size:26px}}

@media(max-width:600px){.actions button{flex:1 1 100%;overflow-wrap:normal}}