@layer reset{:root{font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}.page{max-width:60rem;margin:0 auto;padding:2rem 1rem}.shell-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.shell-header nav{gap:1rem;display:flex}.banner{background:#fff4d6;border-radius:.25rem;padding:.5rem 1rem}form{gap:.75rem;max-width:24rem;display:grid}label{gap:.25rem;display:grid}pre{background:#f6f6f6;padding:1rem;overflow-x:auto}body{background:var(--color-bg,Canvas);color:var(--color-text,CanvasText)}}