.html-share-demo{container:share-demo / inline-size;overflow:hidden;border:1px solid hsl(var(--border));border-radius:24px;background:hsl(var(--card))}.share-demo--hero{border:0;border-radius:0;background:transparent;color:hsl(var(--foreground))}.share-demo--hero .share-demo-heading{align-items:center;padding:0 18px}.share-demo-caption{color:hsl(var(--muted-foreground));font-size:11px;letter-spacing:.04em}.share-demo--hero .share-demo-scene{margin:0;border-radius:0;background:transparent}.share-demo--hero .share-demo-steps{margin-inline:18px;padding-block:12px 0;gap:8px}.share-demo--hero .share-demo-steps li{gap:6px;font-size:10px}.share-demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:30px 32px 0}.share-demo-eyebrow{margin-bottom:9px;color:hsl(var(--primary));font-size:12px;font-weight:600;letter-spacing:.08em}.share-demo-heading h2{color:hsl(var(--foreground));font-size:26px;font-weight:700;letter-spacing:-.04em}.share-demo-description{margin-top:10px;color:hsl(var(--muted-foreground));font-size:14px;line-height:1.8}.share-demo-controls{display:flex;flex-shrink:0;align-items:center;gap:4px;color:hsl(var(--muted-foreground));font-size:11px}.share-demo-controls>span{margin-right:6px;padding-block:10px}.share-demo-controls button{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;transition:background .2s}.share-demo-controls button:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.share-demo-controls button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.share-demo-controls svg{width:14px;height:14px}.share-demo-scene{position:relative;height:370px;margin:20px 20px 0;border-radius:16px;background:hsl(var(--muted) / .55);overflow:hidden}.share-demo-local{position:absolute;top:105px;left:4%;display:flex;width:23%;flex-direction:column;align-items:center;gap:8px;transition:opacity .4s}.share-demo-file-icon{position:relative;display:grid;width:72px;height:86px;margin-bottom:8px;place-items:center;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));box-shadow:0 5px 14px hsl(var(--foreground) / .04)}.share-demo-file-icon svg{width:33px;height:33px;color:hsl(var(--primary));margin-top:-10px}.share-demo-file-icon>span{position:absolute;bottom:9px;color:hsl(var(--primary));font-size:9px;font-weight:700;letter-spacing:.1em}.share-demo-local strong{font-size:12px;font-weight:600}.share-demo-local>span{color:hsl(var(--muted-foreground));font-size:11px}.share-demo-transfer{position:absolute;left:26%;top:173px;display:flex;align-items:center;width:6%;color:hsl(var(--primary) / .45)}.share-demo-transfer span{flex:1;border-top:1px dashed hsl(var(--primary) / .3)}.share-demo-transfer svg{width:15px;height:15px}.share-demo-browser{position:absolute;left:34%;right:3%;top:26px;height:314px;overflow:hidden;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));box-shadow:0 12px 32px -15px hsl(var(--foreground) / .18)}.share-demo-browser-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--card))}.share-demo-window-dots{display:flex;gap:4px}.share-demo-window-dots i{width:5px;height:5px;border-radius:50%;background:hsl(var(--muted-foreground) / .25)}.share-demo-browser-bar>span:nth-child(2){display:flex;align-items:center;gap:5px;color:hsl(var(--muted-foreground));font-size:10px}.share-demo-browser-bar svg{width:10px;height:10px}.share-demo-browser-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--primary) / .6)}.share-demo-drop{position:absolute;top:50px;right:16px;bottom:16px;left:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1.5px dashed hsl(var(--border));border-radius:8px;background:hsl(var(--muted) / .2);transition:opacity .3s,background .4s,border-color .4s}.share-demo-drop.is-over{background:hsl(var(--accent));border-color:hsl(var(--primary) / .65)}.share-demo-drop.is-hidden{opacity:0}.share-demo-upload-icon{display:grid;width:48px;height:48px;margin-bottom:4px;place-items:center;border-radius:50%;color:hsl(var(--primary));background:hsl(var(--accent))}.share-demo-upload-icon svg{width:22px;height:22px}.share-demo-drop strong{font-size:14px;font-weight:600}.share-demo-drop>span{color:hsl(var(--muted-foreground));font-size:11px}.share-demo-mock-button{margin-top:6px;padding:8px 20px;border-radius:6px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:11px}.share-demo-preview{position:absolute;top:34px;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}.share-demo-preview.is-visible{opacity:1;transform:none}.share-demo-preview-label{display:flex;height:32px;flex-shrink:0;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px}.share-demo-preview-label span{display:flex;align-items:center;gap:4px}.share-demo-preview-label span:last-child{color:hsl(var(--success))}.share-demo-preview-label svg{width:11px;height:11px}.share-demo-page{position:relative;flex:1;overflow:hidden;margin:0 10px;border:1px solid hsl(var(--border));border-radius:4px;background:#edf2e7}.share-demo-page iframe{width:1000px;height:760px;max-width:none;border:0;transform-origin:top left;pointer-events:none}.share-demo-preview-footer{display:flex;height:48px;flex-shrink:0;align-items:center;justify-content:space-between;padding:0 12px;color:hsl(var(--muted-foreground));font-size:9px}.share-demo-generate{display:flex;align-items:center;gap:5px;padding:8px 11px;border-radius:6px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:10px}.share-demo-generate svg{width:11px;height:11px}.share-demo-spinner{animation:share-demo-spin 1s linear infinite}.share-demo-result{position:absolute;top:34px;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:18px 22px;background:hsl(var(--card));opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}.share-demo-result.is-visible{opacity:1;transform:none}.share-demo-success{display:grid;grid-template-columns:31px 1fr;gap:3px 8px}.share-demo-success>svg{grid-row:span 2;align-self:center;width:28px;height:28px;padding:5px;border-radius:50%;background:hsl(var(--success) / .1);color:hsl(var(--success))}.share-demo-success strong{font-size:14px;font-weight:600}.share-demo-success>span{color:hsl(var(--muted-foreground));font-size:10px}.share-demo-result-content{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:23px}.share-demo-link{flex:1;min-width:0}.share-demo-link>span{display:block;margin-bottom:9px;color:hsl(var(--muted-foreground));font-size:10px}.share-demo-link>div{display:flex;align-items:center;gap:7px;padding:11px 9px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--muted) / .5);font-size:10px}.share-demo-link>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-demo-link svg{width:12px;height:12px;flex-shrink:0;color:hsl(var(--primary))}.share-demo-link svg:last-child{margin-left:auto}.share-demo-link small{display:block;margin-top:10px;color:hsl(var(--muted-foreground));font-size:9px}.share-demo-qr{display:flex;flex-shrink:0;flex-direction:column;align-items:center;gap:6px}.share-demo-qr>svg{padding:3px;border:1px solid #eee;border-radius:6px;background:#fff}.share-demo-qr>span{color:hsl(var(--muted-foreground));font-size:8px}.share-demo-result-file{display:flex;align-items:center;gap:5px;margin-top:18px;padding-top:12px;border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:9px}.share-demo-result-file svg{width:12px;height:12px}.share-demo-result-file span{margin-right:auto}.share-demo-result-file svg:last-of-type{color:hsl(var(--success))}.share-demo-drag-file{position:absolute;z-index:4;top:141px;left:10%;display:flex;align-items:center;gap:7px;padding:11px;border:1px solid hsl(var(--primary) / .3);border-radius:8px;background:hsl(var(--card));box-shadow:0 8px 18px hsl(var(--foreground) / .1);opacity:0;transform:rotate(-5deg);transition:left 1.1s cubic-bezier(.3,.6,.25,1),top 1.1s cubic-bezier(.3,.6,.25,1),opacity .2s,transform 1.1s;font-size:11px}.share-demo-drag-file svg{width:23px;height:23px;color:hsl(var(--primary))}.share-demo-cursor{position:absolute;z-index:5;left:17%;top:196px;width:24px;height:28px;transition:left 1.1s cubic-bezier(.3,.6,.25,1),top 1.1s cubic-bezier(.3,.6,.25,1),opacity .2s;pointer-events:none}.share-demo-cursor>svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #0002)}.share-demo-cursor>span{position:absolute;left:-12px;top:-12px;width:30px;height:30px;border:2px solid hsl(var(--primary) / .5);border-radius:50%;opacity:0}.html-share-demo[data-phase="1"] .share-demo-drag-file{left:57%;top:142px;opacity:1;transform:rotate(4deg)}.html-share-demo[data-phase="1"] .share-demo-cursor{left:64%;top:177px}.html-share-demo[data-phase="2"] .share-demo-cursor{left:86%;top:307px;transition-delay:.5s}.html-share-demo[data-phase="3"] .share-demo-cursor{left:86%;top:307px}.html-share-demo[data-phase="3"] .share-demo-cursor>svg{transform:scale(.85)}.html-share-demo[data-phase="3"] .share-demo-cursor>span{animation:share-demo-click .6s ease-out}.html-share-demo[data-phase="4"] .share-demo-cursor{left:64%;top:208px;opacity:0}.html-share-demo[data-phase="5"] .share-demo-browser{opacity:0;transition:opacity .4s}.html-share-demo[data-phase="5"] .share-demo-cursor{opacity:0}.share-demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 32px;padding:20px 0 24px}.share-demo-steps li{display:flex;align-items:center;gap:9px;color:hsl(var(--muted-foreground));font-size:12px;transition:color .3s}.share-demo-steps li>span{display:grid;width:24px;height:24px;flex-shrink:0;place-items:center;border:1px solid hsl(var(--border));border-radius:50%;font-size:9px;font-variant-numeric:tabular-nums}.share-demo-steps svg{width:12px;height:12px}.share-demo-steps li.is-current{color:hsl(var(--primary));font-weight:600}.share-demo-steps li.is-current>span{border-color:hsl(var(--primary));background:hsl(var(--accent))}.share-demo-steps li.is-complete>span{border-color:transparent;color:hsl(var(--primary));background:hsl(var(--accent))}.html-share-demo[data-paused=true] *{animation-play-state:paused!important}@keyframes share-demo-spin{to{transform:rotate(360deg)}}@keyframes share-demo-click{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.7)}}@media (max-width: 639px){.html-share-demo{border-radius:18px}.share-demo--hero{border-radius:0}}@container share-demo (max-width: 639px){.share-demo-heading{padding:24px 20px 0}.share-demo-heading h2{font-size:23px}.share-demo-description{font-size:12px}.share-demo-controls{gap:0}.share-demo-controls>span{display:none}.share-demo-controls button{width:30px;height:30px}.share-demo-scene{height:422px;margin:20px 10px 0}.share-demo-local{top:19px;left:0;width:100%;height:58px;display:grid;grid-template-columns:40px auto;grid-template-rows:1fr 1fr;justify-content:center;gap:2px 10px;text-align:left}.share-demo-file-icon{grid-row:span 2;width:36px;height:44px;align-self:center;margin:0;border-radius:6px}.share-demo-file-icon svg{width:20px;height:20px;margin-top:-4px}.share-demo-file-icon>span{bottom:3px;font-size:6px}.share-demo-local strong{align-self:end;font-size:11px}.share-demo-local>span{font-size:9px}.share-demo-transfer{display:none}.share-demo-browser{left:5%;right:5%;top:91px;height:310px}.share-demo-result{padding:16px 13px}.share-demo-success strong{font-size:12px}.share-demo-success>span{font-size:9px}.share-demo-result-content{gap:9px}.share-demo-link>div{padding:10px 6px;gap:4px;font-size:8px}.share-demo-link small{font-size:8px}.share-demo-qr>svg{width:76px;height:76px}.share-demo-qr>span{font-size:7px}.share-demo-drag-file{left:30%;top:26px;font-size:10px}.share-demo-cursor{left:54%;top:57px;width:21px;height:25px}.html-share-demo[data-phase="1"] .share-demo-drag-file{left:30%;top:205px}.html-share-demo[data-phase="1"] .share-demo-cursor{left:61%;top:236px}.html-share-demo[data-phase="2"] .share-demo-cursor,.html-share-demo[data-phase="3"] .share-demo-cursor{left:79%;top:371px}.share-demo-steps{gap:4px;margin:0 18px;padding:17px 0 20px}.share-demo-steps li{gap:5px;font-size:10px}.share-demo-steps li>span{width:20px;height:20px;font-size:8px}}@media (prefers-reduced-motion: reduce){.html-share-demo *,.html-share-demo *:before,.html-share-demo *:after{animation:none!important;transition:none!important}.share-demo-cursor,.share-demo-drag-file{display:none}}.ai-demo-scene{height:440px}.ai-demo-flow{position:absolute;inset:0 0 auto;display:flex;height:48px;align-items:center;justify-content:center;gap:16px;color:hsl(var(--muted-foreground));font-size:11px}.ai-demo-flow>span{display:flex;align-items:center;gap:5px;transition:color .3s}.ai-demo-flow>span.is-active{color:hsl(var(--primary));font-weight:600}.ai-demo-flow svg{width:13px;height:13px}.ai-demo-chat,.ai-demo-browser{position:absolute;top:50px;bottom:24px;overflow:hidden;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));box-shadow:0 12px 32px -18px hsl(var(--foreground) / .16)}.ai-demo-chat{left:2.5%;width:43%;transition:opacity .5s}.ai-demo-chat.is-background{opacity:.65}.ai-demo-panel-title{display:flex;height:34px;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid hsl(var(--border));font-size:10px}.ai-demo-panel-title>svg{width:12px;height:12px;color:hsl(var(--primary))}.ai-demo-panel-note{margin-left:auto;color:hsl(var(--muted-foreground));font-size:9px}.ai-demo-conversation{padding:17px 14px}.ai-demo-prompt{width:-moz-fit-content;width:fit-content;max-width:95%;margin-left:auto;padding:9px 12px;border-radius:15px 15px 4px;background:hsl(var(--accent));color:hsl(var(--foreground));font-size:10px;line-height:1.8}.ai-demo-answer-label{display:flex;align-items:center;gap:5px;margin-top:17px;color:hsl(var(--muted-foreground));font-size:9px}.ai-demo-answer-label svg{width:12px;height:12px;color:hsl(var(--primary))}.ai-demo-answer{margin-top:7px;color:hsl(var(--foreground));font-size:10px;line-height:1.9}.ai-demo-code-block{position:relative;height:140px;margin-top:12px;overflow:hidden;border:1px solid hsl(var(--border) / .7);border-radius:8px;background:hsl(var(--muted) / .55)}.ai-demo-code-toolbar{display:flex;height:31px;align-items:center;justify-content:space-between;padding:0 10px;color:hsl(var(--muted-foreground));font-family:ui-monospace,monospace;font-size:9px}.ai-demo-copy{display:flex;min-width:52px;align-items:center;justify-content:center;gap:4px;padding:4px 6px;border-radius:4px;font-family:inherit;transition:background .3s,color .3s}.ai-demo-copy svg{width:10px;height:10px}.ai-demo-copy.is-copied{background:hsl(var(--success) / .09);color:hsl(var(--success))}.ai-demo-code{overflow:hidden;padding:7px 11px 13px;color:hsl(var(--foreground));font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;line-height:1.85;text-align:left}.ai-demo-code-line{display:flex;min-width:0;white-space:pre}.ai-demo-code-line>code{overflow:hidden;white-space:pre}.ai-demo-code-line>i{min-width:20px;padding-right:8px;color:hsl(var(--muted-foreground) / .5);font-size:8px;font-style:normal;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-code-tag{color:#cf555b}.ai-code-attribute{color:#a77122}.ai-code-value{color:#398251}.dark .ai-code-tag{color:#f58b92}.dark .ai-code-attribute{color:#d7b46d}.dark .ai-code-value{color:#86be98}.ai-demo-code-fade{position:absolute;inset:auto 0 0;height:30px;background:linear-gradient(transparent,hsl(var(--muted)))}.ai-demo-copy-feedback{display:flex;align-items:center;gap:4px;margin-top:11px;color:hsl(var(--primary));font-size:9px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.ai-demo-copy-feedback svg{width:12px;height:12px}.ai-demo-copy-feedback.is-visible{opacity:1;transform:none}.ai-demo-connector{position:absolute;top:215px;left:46.5%;display:grid;width:4%;place-items:center;color:hsl(var(--primary) / .5)}.ai-demo-connector svg{width:17px;height:17px}.ai-demo-browser{left:51.5%;right:2.5%;transition:opacity .45s,transform .45s}.ai-demo-chooser{position:absolute;top:34px;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;transition:opacity .3s}.ai-demo-chooser.is-hidden{opacity:0}.ai-demo-paste-icon{display:grid;width:48px;height:48px;margin-bottom:20px;place-items:center;border-radius:14px;background:hsl(var(--accent));color:hsl(var(--primary))}.ai-demo-paste-icon svg{width:24px;height:24px}.ai-demo-chooser>strong{font-size:13px;font-weight:600}.ai-demo-chooser>p{margin-top:10px;color:hsl(var(--muted-foreground));font-size:10px}.ai-demo-paste-button{display:flex;align-items:center;gap:6px;margin-top:23px;padding:10px 20px;border-radius:7px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:11px}.ai-demo-paste-button svg{width:12px;height:12px}.ai-demo-chooser-note{margin-top:14px;color:hsl(var(--muted-foreground));font-size:9px}.ai-demo-editor{position:absolute;top:34px;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:15px 13px;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}.ai-demo-editor.is-visible,.ai-demo-preview.is-visible{opacity:1;transform:none}.ai-demo-editor-heading{display:flex;height:24px;align-items:center;gap:12px;font-size:10px}.ai-demo-editor-heading>span{color:hsl(var(--muted-foreground))}.ai-demo-editor-heading>strong{padding:3px 8px;border-radius:4px;background:hsl(var(--accent));color:hsl(var(--primary));font-size:9px}.ai-demo-editor-label{display:flex;align-items:center;justify-content:space-between;margin:13px 0 9px;font-size:10px}.ai-demo-editor-label>div{display:flex;gap:3px;padding:2px;border-radius:5px;background:hsl(var(--muted))}.ai-demo-editor-label>div>span{display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:4px;color:hsl(var(--muted-foreground));font-size:9px}.ai-demo-editor-label svg{width:10px;height:10px}.ai-demo-editor-label>div>span.is-active{color:hsl(var(--foreground));background:hsl(var(--card));box-shadow:0 1px 3px #0001}.ai-demo-editor-field{flex:1;overflow:hidden;border:1px solid hsl(var(--border));border-radius:7px;background:hsl(var(--muted) / .25);transition:border-color .2s,box-shadow .2s}.ai-demo-editor-field.is-focused{border-color:hsl(var(--primary) / .6);box-shadow:0 0 0 2px hsl(var(--primary) / .08)}.ai-demo-editor-field .ai-demo-code{padding:12px 8px;animation:ai-demo-paste .35s ease-out;font-size:9px;line-height:2.15}.ai-demo-editor-placeholder{position:relative;display:block;padding:12px;color:hsl(var(--muted-foreground));font-size:10px}.ai-demo-editor-placeholder>i{position:absolute;top:12px;left:12px;width:1px;height:14px;background:hsl(var(--primary));animation:ai-demo-caret .9s steps(1) infinite}.ai-demo-pasted{display:flex;height:30px;flex-shrink:0;align-items:center;gap:4px;color:hsl(var(--success));font-size:9px;opacity:0;transition:opacity .3s}.ai-demo-pasted.is-visible{opacity:1}.ai-demo-pasted>span{display:flex;align-items:center;gap:3px;margin-left:auto;color:hsl(var(--muted-foreground));font-size:8px}.ai-demo-pasted svg{width:11px;height:11px}.ai-demo-preview{position:absolute;top:34px;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.ai-demo-page{flex:1;overflow:hidden;margin:0 10px;border:1px solid hsl(var(--border));border-radius:6px;background:#f3f5fb}.ai-demo-page>iframe{width:600px;height:400px;max-width:none;border:0;transform-origin:top left;pointer-events:none}.ai-demo-result{padding:22px 16px}.ai-demo-result .share-demo-success strong{font-size:12px}.ai-demo-result .share-demo-result-content{gap:10px}.ai-demo-result .share-demo-link>div{gap:5px;padding:11px 7px;font-size:9px}.ai-demo-result .share-demo-link small{font-size:8px}.ai-demo-pointer{position:absolute;top:0;left:0;z-index:5;width:23px;height:27px;opacity:1;pointer-events:none;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .2s}.ai-demo-pointer>svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #0002);transition:transform .15s}.ai-demo-pointer>i{position:absolute;top:-12px;left:-12px;width:30px;height:30px;border:2px solid hsl(var(--primary) / .5);border-radius:50%;opacity:0}.ai-demo-pointer.is-clicking>svg{transform:scale(.85)}.ai-demo-pointer.is-clicking>i{animation:share-demo-click .55s ease-out}.ai-demo-pointer.is-hidden{opacity:0}.ai-demo-paste-key{position:absolute;top:30px;left:7px;padding:4px 7px;border:1px solid hsl(var(--border));border-radius:5px;background:hsl(var(--card));color:hsl(var(--muted-foreground));box-shadow:0 2px 5px #0001;font-family:ui-monospace,monospace;font-size:9px;white-space:nowrap}.ai-share-demo[data-ai-phase="0"] .ai-demo-pointer,.ai-share-demo[data-ai-phase="10"] .ai-demo-chat,.ai-share-demo[data-ai-phase="10"] .ai-demo-browser{opacity:0}@keyframes ai-demo-caret{50%{opacity:0}}@keyframes ai-demo-paste{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@container share-demo (max-width: 639px){.ai-share-demo .share-demo-heading{gap:8px}.ai-share-demo .share-demo-heading h2{max-width:220px;font-size:22px;line-height:1.4}.ai-share-demo .share-demo-eyebrow{font-size:10px}.ai-share-demo .share-demo-controls{margin-right:-6px}.ai-demo-scene{height:415px}.ai-demo-chat,.ai-demo-browser{top:48px;bottom:18px;left:5%;right:5%;width:auto}.ai-demo-chat{z-index:2}.ai-demo-chat.is-background{opacity:0;pointer-events:none}.ai-demo-browser{opacity:0;transform:translateY(8px)}.ai-demo-browser.is-active{opacity:1;transform:none}.ai-demo-connector{display:none}.ai-demo-conversation{padding:14px 12px}.ai-demo-prompt{font-size:10px}.ai-demo-answer-label{margin-top:12px}.ai-demo-answer{font-size:10px}.ai-demo-code,.ai-demo-copy-feedback{font-size:8px}.ai-demo-page>iframe{height:530px}.ai-demo-result{padding:18px 13px}.ai-demo-result .share-demo-success strong{font-size:11px}.ai-demo-result .share-demo-link>div{padding:10px 6px;font-size:8px}.ai-share-demo .share-demo-steps{margin-inline:14px}.ai-share-demo .share-demo-steps li{gap:4px;font-size:9px}.ai-demo-pointer{width:21px;height:25px}}@media (prefers-reduced-motion: reduce){.ai-demo-pointer{display:none}}