#html-publish-demo{--foreground: 220 25% 10%;--card: 0 0% 100%;--primary: 230 65% 52%;--primary-foreground: 0 0% 100%;--muted: 220 14% 96%;--muted-foreground: 220 10% 46%;--accent: 230 65% 96%;--border: 220 14% 90%;--ring: 230 65% 52%;--success: 142 71% 45%;margin-top:28px;line-height:1.5}#html-publish-demo :where(h2,p,ol){margin:0}#html-publish-demo ol{padding:0;list-style:none}#html-publish-demo li{margin:0;padding:0}#html-publish-demo button{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}#html-publish-demo svg{display:block}#html-publish-demo .share-demo-description{margin-top:10px}#html-publish-demo .share-demo-eyebrow{margin-bottom:9px}#html-publish-demo .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#html-publish-demo .share-demo-steps{margin:0 32px;padding:20px 0 24px}#html-publish-demo .share-demo-controls button:hover{background:hsl(var(--muted))}@container share-demo (max-width: 639px){#html-publish-demo .share-demo-steps{margin:0 18px;padding:17px 0 20px}}#html-publish-demo>.html-share-demo+.html-share-demo{margin-top:28px}#html-publish-demo .ai-demo-code{margin:0}#html-publish-demo .ai-demo-answer{margin-top:7px}#html-publish-demo .ai-demo-chooser>p{margin-top:10px}@container share-demo (max-width: 639px){#html-publish-demo .ai-share-demo .share-demo-steps{margin-inline:14px}}