*{box-sizing:border-box}body{margin:0;background:var(--ds-surface);color:var(--ds-text);font:var(--ds-text-sm)/1.6 Inter,system-ui,sans-serif}main{max-width:680px;margin:var(--ds-space-8) auto;padding:var(--ds-space-6);background:white;border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg)}section{border-top:1px solid var(--ds-border);padding:var(--ds-space-4) 0}h1{font-size:var(--ds-text-xl);line-height:1.2}h2{font-size:var(--ds-text-lg)}label{display:block;font-weight:600;margin:var(--ds-space-3) 0}input{display:block;width:100%;padding:var(--ds-space-3);margin-top:var(--ds-space-1);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font:inherit}button{background:var(--ds-primary);color:white;border:0;border-radius:var(--ds-radius-md);padding:var(--ds-space-3) var(--ds-space-4);font:inherit;font-weight:600;cursor:pointer;margin:var(--ds-space-2) 0}button:disabled{opacity:.65;cursor:wait}a{color:var(--ds-primary)}code,pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ds-surface);padding:var(--ds-space-3);font-size:var(--ds-text-md)}#status{color:var(--ds-text);overflow-wrap:anywhere}#status.error{color:var(--ds-danger)}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--ds-border);outline-offset:3px}[hidden]{display:none!important}.secondary{background:var(--ds-sidebar)}@media(max-width:700px){main{margin:0;border:0;border-radius:0;padding:var(--ds-space-6);min-height:100vh}}
