body{margin:0;padding:24px;background:linear-gradient(145deg,#366b85,#c9dada);font:16px/1.5 system-ui,sans-serif;color:#102e41}.examples{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.example{padding:20px!important;border:1px solid #ffffffa6;border-radius:7px;min-height:280px}.example h2{font-size:1.4rem}.paper{--xp-bg:#f4e4bf;--xp-ink:#49351f;--xp-accent:#725329;--xp-window-background-color:#f4e4bf!important;--xp-window-background-image:url('parchment-grain.svg')!important;--xp-window-background-size:512px 512px!important;font-family:Georgia,serif!important}.glass{--xp-window-background-color:#eefaffaa!important;--xp-window-background-image:linear-gradient(125deg,#fff6,transparent 45%)!important;backdrop-filter:blur(10px);box-shadow:inset 0 1px #fff,0 8px 24px #1b405b33}code{overflow-wrap:anywhere}a{color:inherit}@media(max-width:450px){body{padding:12px}.examples{gap:12px}}