.sm-demo{--sm-fg:hsl(var(--foreground));--sm-muted-fg:hsl(var(--muted-foreground));--sm-primary:hsl(var(--primary));--sm-primary-fg:hsl(var(--primary-foreground));--sm-muted-bg:hsl(var(--muted));--sm-solid-bg:#f5f5f5e6;--sm-solid-bd:#00000014;--sm-solid-sh:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0000000a, 0 1px 3px #0000000f;--sm-liq-bg:linear-gradient(180deg, #00000008, #00000005);--sm-liq-bd:#0003;--sm-liq-sh:inset 0 1px 0 #fff9, 0 8px 20px #00000026, 0 1px 2px #0000001a;--sm-star:#18181b;--sm-star-glow:#18181b47;--sm-ease:cubic-bezier(.22, 1, .36, 1);--sm-ease-in-out:cubic-bezier(.77, 0, .175, 1);--sm-ease-bounce:cubic-bezier(.34, 1.36, .64, 1);color:var(--sm-fg);-webkit-user-select:none;user-select:none}.dark .sm-demo{--sm-solid-bg:#ffffff14;--sm-solid-bd:#ffffff1f;--sm-solid-sh:inset 0 1px 0 #ffffff0f, inset 0 -1px 0 #00000026, 0 2px 4px #0003;--sm-liq-bg:linear-gradient(180deg, #ffffff14, #ffffff08);--sm-liq-bd:#ffffff2e;--sm-liq-sh:inset 0 1px 0 #ffffff1f, 0 10px 24px #00000073, 0 1px 2px #00000059;--sm-star:#fff;--sm-star-glow:#ffffffb3}.sm-demo img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sm-instant,.sm-instant *{transition:none!important}.sm-fill{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sm-copy:not(.in)>*{opacity:0}.sm-copy.in>*{animation:sm-copy-in .4s var(--sm-ease) var(--cd,0s) both}.sm-copy.in>:nth-child(2){animation-delay:calc(var(--cd,0s) + 90ms)}@keyframes sm-copy-in{0%{opacity:0;filter:blur(4px);translate:0 10px}}.sm-tfx-ring,.sm-tfx-spark,.sm-tfx-orb,.sm-tfx-glint{pointer-events:none;z-index:50;opacity:0;position:absolute}.sm-tfx-ring{border:1.5px solid #18181b8c;border-radius:99px;width:44px;height:44px;margin:-22px;box-shadow:0 0 12px #18181b26}.sm-tfx-spark{background:#18181b;border-radius:99px;width:4px;height:4px;margin:-2px;box-shadow:0 0 6px 1px #f59e0b99}.sm-tfx-orb{background:radial-gradient(circle,#18181bb3 0 18%,#f59e0b4d 40%,#0000 70%);border-radius:99px;width:22px;height:22px;margin:-11px}.sm-tfx-glint{color:var(--sm-star);text-shadow:0 0 6px var(--sm-star-glow), 0 0 12px #ffe2be8c;margin:-.5em 0 0 -.5em;line-height:1}.dark .sm-tfx-ring{border-color:#ffffffe6;box-shadow:0 0 16px #ffffff73}.dark .sm-tfx-spark{background:#fff;box-shadow:0 0 8px 2px #ffe6c8e6}.dark .sm-tfx-orb{background:radial-gradient(circle,#fff 0 18%,#ffecd68c 38%,#0000 70%)}.sm-j{--rim:#ffaa46f2;width:300px;height:400px;position:relative}.sm-j-card{box-shadow:0 22px 56px -18px rgba(0, 0, 0, calc(.75 * var(--sh,1)));visibility:hidden;will-change:transform;border-radius:24px;position:absolute;overflow:hidden}.sm-j-body{position:absolute;inset:0}.sm-j-fx{pointer-events:none;opacity:0;position:absolute}.sm-j-flash{z-index:4;inset:0}.sm-j-seamglow{z-index:3;mix-blend-mode:screen;top:50%;left:50%}.sm-j-edge{z-index:5;background:radial-gradient(closest-side,#ffecd600 18%,#ffecd633 36%,#ffe6cd66 49%,#ffd6aa6b 55%,#ffd6aa38 67%,#ffd6aa12 82%,#ffd6aa00 100%);width:220px;height:220px;margin:-110px}.sm-j-ripple{z-index:6;border:1.5px solid #ffffffe6;border-radius:99px;width:80px;height:80px;margin:-40px}.sm-j-ripple:after{content:"";background:radial-gradient(closest-side,#fff0 61%,#ffffff42 62.5%,#ffffff21 72%,#ffffff0a 86%,#fff0 100%);position:absolute;inset:-25.5px}.sm-j-spark{z-index:6;background:#fff;border-radius:99px;width:5px;height:5px;margin:-2.5px;box-shadow:0 0 8px 2px #ffe6c8e6}.sm-j-soul{z-index:8;pointer-events:none;visibility:hidden;transform-origin:50% 100%;position:absolute}.sm-j-soul .sm-fill{border-radius:24px}.sm-j-soul svg,.sm-j-trail{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.sm-j-star{fill:#fffef9;stroke:var(--rim);stroke-width:.3px;paint-order:stroke;opacity:0}.sm-j-trail{z-index:6;width:300px;height:400px}.sm-j-drop{z-index:7;opacity:0;pointer-events:none;border:2.5px solid #fffffff2;border-radius:16px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 16px 34px -6px #0009}.sm-j-drop img{object-fit:cover;width:100%;height:100%;display:block}.sm-roll{text-align:left;display:inline-block;position:relative}.sm-roll-word{white-space:pre;padding:.4em .1em;position:absolute;top:-.4em;left:-.1em;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.sm-roll span,.sm-roll-keep span{white-space:pre;display:inline-block}.sm-r{width:375px;height:461px;font-size:14px;position:relative}.sm-scene{opacity:0;visibility:hidden;transition:opacity .18s var(--sm-ease), translate .18s var(--sm-ease), visibility 0s .18s;position:absolute;inset:0;translate:0 -6px}.sm-scene.on{opacity:1;visibility:visible;transition:none;translate:0}.sm-scene.on .sm-in-rise{animation:sm-in-rise .46s var(--sm-ease) calc(.12s + var(--d,0s)) both}.sm-scene.on .sm-in-pop{animation:sm-in-pop .42s var(--sm-ease-bounce) calc(.12s + var(--d,0s)) both}.sm-scene.on .sm-in-photo{animation:sm-in-photo .62s var(--sm-ease) calc(.12s + var(--d,0s)) both}.sm-scene.on .sm-in-photo .sm-in-settle{animation:sm-in-settle 1.1s var(--sm-ease) calc(.12s + var(--d,0s)) both}.sm-scene.on .sm-in-deal{animation:sm-in-deal .68s var(--sm-ease) calc(.12s + var(--d,0s)) both}.sm-scene.on .sm-in-unfold{animation:sm-in-unfold .52s var(--sm-ease) calc(.12s + var(--d,0s)) both}@keyframes sm-in-rise{0%{opacity:0;translate:0 var(--y,10px);filter:blur(var(--b,4px))}}@keyframes sm-in-pop{0%{opacity:0;scale:.5}}@keyframes sm-in-photo{0%{opacity:0;clip-path:inset(7% round var(--r))}to{opacity:1;clip-path:inset(0 round var(--r))}}@keyframes sm-in-deal{0%{translate:115% 2%;rotate:7deg}}@keyframes sm-in-settle{0%{scale:1.14}}@keyframes sm-in-unfold{0%{opacity:0;clip-path:inset(0 0 100%);translate:0 -14px}to{opacity:1;clip-path:inset(0);translate:0}}.sm-solid{background:var(--sm-solid-bg);border:1px solid var(--sm-solid-bd);box-shadow:var(--sm-solid-sh)}.sm-liquid{background:var(--sm-liq-bg);border:1px solid var(--sm-liq-bd);box-shadow:var(--sm-liq-sh);-webkit-backdrop-filter:saturate(160%)blur(14px)}@keyframes sm-fade-in{0%{opacity:0}}@keyframes sm-glint{0%{opacity:0;rotate:-45deg;scale:0}40%{opacity:1;scale:1}to{opacity:0;rotate:30deg;scale:.4}}.sm-pc{flex-direction:column;gap:8px;display:flex;position:absolute;inset:0}.sm-pc-head{align-items:center;gap:12px;padding:0 16px;display:flex}.sm-pc-av{object-fit:cover;border-radius:99px;flex:none;width:40px;height:40px}.sm-pc-who{flex:1;min-width:0}.sm-pc-name{font-size:14px;font-weight:500;line-height:20px;display:block}.sm-pc-desc{color:var(--sm-muted-fg);font-size:12px;line-height:16px;display:block}.sm-pc-cost{border-radius:99px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;line-height:16px;display:flex}.sm-pc-cost .e{font-size:14px;line-height:1}.sm-pc-img{--r:16px;background:color-mix(in srgb, var(--sm-muted-bg) 80%, transparent);border-radius:16px;flex:none;height:343px;margin:0 16px;position:relative;overflow:hidden}.sm-pc-strip{height:100%;transition:transform .42s var(--sm-ease);display:flex}.sm-pc-strip.drag{transition-timing-function:cubic-bezier(.4,0,1,1)}.sm-pc-strip img{object-fit:cover;flex:0 0 343px;width:343px;height:100%}.sm-pc-nav{width:32px;height:32px;transition:opacity .2s var(--sm-ease);border-radius:99px;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.sm-pc-nav.l{left:8px}.sm-pc-nav.r{right:8px}.sm-pc-nav.off{opacity:.5}.sm-pc-dots{justify-content:center;gap:4px;display:flex}.sm-pc-dots i{background:color-mix(in srgb, var(--sm-muted-fg) 30%, transparent);border-radius:99px;width:6px;height:6px;transition:width .2s cubic-bezier(.2,0,0,1),background-color .2s cubic-bezier(.2,0,0,1)}.sm-pc-dots i.on{background:var(--sm-primary);width:16px}.sm-pc-det{align-items:flex-start;gap:8px;padding:0 16px;display:flex}.sm-pc-det .t{flex:1;min-width:0}.sm-pc-det .t>span{display:block}.sm-pc-det .name{font-size:18px;font-weight:600;line-height:28px}.sm-pc-det .desc{color:var(--sm-muted-fg);font-size:14px;line-height:20px}.sm-pc-det .t.swap{animation:.15s ease-out both sm-fade-in}.sm-pc-act{flex:none;align-items:center;gap:4px;display:flex}.sm-star{border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:relative}.sm-star.fav svg{fill:var(--sm-star);stroke:var(--sm-star);filter:drop-shadow(0 0 4px var(--sm-star-glow));animation:sm-star-pop .3s cubic-bezier(.34, 1.56, .64, 1) both, sm-star-flare .9s var(--sm-ease) both}@keyframes sm-star-pop{0%{opacity:0;scale:.5}}@keyframes sm-star-flare{30%{filter:drop-shadow(0 0 10px var(--sm-star-glow))}}.sm-star:before,.sm-star:after{content:"✦";color:var(--sm-star);text-shadow:0 0 6px var(--sm-star-glow);opacity:0;pointer-events:none;line-height:1;position:absolute}.sm-star:before{font-size:9px;top:0;right:-1px}.sm-star:after{font-size:6px;bottom:3px;left:0}.sm-star.fav:before{animation:sm-glint .7s var(--sm-ease) .14s both}.sm-star.fav:after{animation:sm-glint .6s var(--sm-ease) .26s both}.sm-use{border-radius:99px;padding:6px 12px;font-size:12px;font-weight:500;line-height:16px}.sm-msgs{flex-direction:column;gap:24px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.sm-u-row{justify-content:flex-end;display:flex}.sm-bubble{background:var(--sm-primary);color:var(--sm-primary-fg);transform-origin:100% 100%;border-radius:16px;padding:8px 16px;font-size:16px;line-height:24px;animation:.56s cubic-bezier(.34,1.36,.64,1) both sm-msg-in}@keyframes sm-msg-in{0%{opacity:0;translate:0 300px;scale:.55}35%{opacity:1}to{opacity:1;translate:0;scale:1}}.sm-ai{font-size:16px;line-height:24px}.sm-ai.enter{animation:.4s ease-out .45s both sm-thinking-enter}@keyframes sm-thinking-enter{0%{opacity:0;transform:translateY(5px)}}.sm-ai p{margin:0 0 12px}.sm-ai ol{flex-direction:column;gap:4px;margin:0;padding-left:24px;list-style:decimal;display:flex}.sm-ai li.pending{visibility:hidden}.sm-ai .w{opacity:0;filter:blur(3px);transition:opacity .24s var(--sm-ease), filter .24s var(--sm-ease)}.sm-ai .w.on{opacity:1;filter:none}.sm-wave{align-items:baseline;gap:.02em;font-weight:500;line-height:1;display:inline-flex}.sm-wave span{color:var(--sm-muted-fg);transition:opacity .16s linear,transform .16s linear,filter .16s linear;display:inline-block}.sm-wave span.in{color:#0000;text-shadow:0 0 6px #ffffff2e;background-image:linear-gradient(90deg,#a5f3fc,#c4b5fd,#fca5a5,#a5f3fc,#c4b5fd);background-size:300% 100%;-webkit-background-clip:text;background-clip:text}.sm-composer{border-radius:24px;flex-direction:column;padding:8px;display:flex;position:absolute;bottom:0;left:16px;right:16px}.sm-composer .ta{height:64px;position:relative}.sm-composer .ph{font-size:16px;font-weight:500;line-height:24px;position:absolute;top:8px;left:12px}.sm-composer .bar{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.sm-rbtn{width:36px;height:36px;color:var(--sm-muted-fg);border-radius:24px;place-items:center;display:grid}.sm-send>*{transition:opacity .15s var(--sm-ease), scale .15s var(--sm-ease), filter .15s var(--sm-ease);grid-area:1/1}.sm-send .up{opacity:.5}.sm-send .stop,.sm-send.loading .up{opacity:0;filter:blur(4px);scale:.25}.sm-send.loading .stop{opacity:1;filter:none;scale:1}.sm-ed{flex-direction:column;display:flex;position:absolute;inset:0 16px}.sm-viewer{--r:16px 16px 0 0;background:color-mix(in srgb, var(--sm-muted-bg) 40%, transparent);height:343px;box-shadow:0 0 0 1px color-mix(in srgb, var(--sm-fg) 8%, transparent);border-radius:16px 16px 0 0;flex:none;position:relative;overflow:hidden}.sm-vimg{object-position:50% 30%;transition:opacity .5s var(--sm-ease), filter .5s var(--sm-ease)}.sm-vimg.res{opacity:0;scale:1.08}.sm-viewer[data-view=res] .edit{opacity:0}.sm-viewer[data-view=res] .res{opacity:1;animation:sm-unblur .7s var(--sm-ease) both}@keyframes sm-unblur{0%{filter:blur(10px);scale:1.12}}.sm-pz{z-index:10;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .45s ease-out;position:absolute;inset:0;overflow:hidden}.sm-pz.on{opacity:1;transition-duration:.2s}.sm-pz .mask{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 80%,#0000 100%);mask-image:radial-gradient(circle,#000 80%,#0000 100%)}.sm-pz .rot{animation:40s linear infinite sm-spin;position:absolute;inset:-25%}.sm-pz .rot.b{animation-duration:50s;animation-direction:reverse}.sm-pz img{object-fit:contain;opacity:0;width:100%;height:100%;animation:10s linear infinite sm-pz-fade;position:absolute;inset:0}@keyframes sm-spin{to{rotate:360deg}}@keyframes sm-pz-fade{0%{opacity:0}16.25%,25%{opacity:var(--pk)}41.25%,to{opacity:0}}.sm-pbox{flex:1;position:relative}.sm-pta{border:1px solid color-mix(in srgb, var(--sm-fg) 14%, transparent);border-radius:0 0 24px 24px;padding:14px 16px;font-size:16px;font-weight:500;line-height:24px;position:absolute;inset:0;overflow:hidden}.sm-pta .val{height:100%;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}.sm-pta mark{color:inherit;background:linear-gradient(var(--mk), var(--mk)) 0 0 / 0% 100% no-repeat;border-radius:4px;margin:0 -2px;padding:0 2px}.sm-pta .inked mark{animation:sm-ink .34s var(--sm-ease-in-out) calc(var(--i,0) * .15s) backwards;background-size:100% 100%}@keyframes sm-ink{0%{background-size:0% 100%}}.sm-pglint{color:var(--sm-star);text-shadow:0 0 6px var(--sm-star-glow);pointer-events:none;animation:sm-glint .7s var(--sm-ease) both;line-height:1;position:absolute}@media (prefers-reduced-motion:reduce){.sm-demo *,.sm-demo :before,.sm-demo :after,.sm-copy>*{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}.sm-pz .rot,.sm-pz img{animation:none!important}.sm-pz img{opacity:.6}}