body,html{margin:0;padding:0;background:#f5f1ea;font-family:system-ui,-apple-system,sans-serif}a,a:visited{color:#00f}.example-page{max-width:900px;margin:0 auto;padding:2em 1em}.board-wrapper{max-width:540px;margin:1.5em auto}.controls{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin-top:1em}.controls button{padding:.5em 1em;cursor:pointer}pre{border:1px solid #ddd;border-radius:4px;overflow-x:auto}.hljs{background:#fff}.fen-export-box{display:flex;gap:.5em;align-items:center;max-width:704px;margin:.75em auto 0}.fen-export-box input{flex:1;padding:.4em .6em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;border:1px solid #ccc;border-radius:4px;background:#fff;text-align:center}.fen-export-box button{padding:.4em .8em;cursor:pointer}@media (max-width:1000px){.board-wrapper{max-width:90%;margin:2em auto}}