.product-demo-root{--product-demo-ease:cubic-bezier(.22, 1, .36, 1);overscroll-behavior-x:contain;scrollbar-color:var(--gray4) transparent;scrollbar-width:thin;border-radius:24px;width:100%;overflow-x:auto}.product-demo-root *{box-sizing:border-box}.product-demo-root.product-demo-artifact-standalone{width:100%;height:100%;min-height:0;color:var(--foreground);border-radius:0;overflow:hidden}.product-demo-root.product-demo-document-standalone{background:var(--sunken-bg);height:auto;min-height:100%;padding:24px 20px 0;overflow:visible}.product-demo-root.product-demo-slides-standalone{padding:0 19px 24px}.product-demo-root button,.product-demo-root a{-webkit-tap-highlight-color:transparent}.product-demo-root .product-demo-shell{aspect-ratio:9/5;border:1px solid var(--subtle-border);background:color-mix(in srgb, var(--sunken-bg) 82%, transparent);width:100%;min-width:960px;min-height:600px;color:var(--foreground);box-shadow:0 4px 42px color-mix(in srgb, var(--gray0) 8%, transparent);transition:grid-template-columns .38s var(--product-demo-ease);border-radius:17px;grid-template-columns:272px minmax(0,1fr) minmax(0,0fr);display:grid;position:relative;overflow:hidden}.product-demo-root .product-demo-shell.is-artifact-open{grid-template-columns:272px minmax(0,1fr) minmax(0,1fr)}.product-demo-root .product-demo-shell.is-sidebar-hidden{grid-template-columns:minmax(0,1fr) minmax(0,0fr)}.product-demo-root .product-demo-shell.is-sidebar-hidden.is-artifact-open{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-demo-root .product-demo-sidebar{z-index:2;min-height:0;padding-block:64px 72px;padding-inline:8px 12px;position:relative}.product-demo-root .product-demo-brand-logo{top:18px;place-items:center;width:27px;height:16px;display:grid;position:absolute;inset-inline-start:20px}.product-demo-root .product-demo-brand-logo>*{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.product-demo-root .product-demo-workspace-name{height:28px;color:var(--foreground);align-items:center;gap:8px;padding-inline-start:8px;font-size:16px;font-weight:600;line-height:24px;display:flex}.product-demo-root .product-demo-workspace-name>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-demo-root .product-demo-workspace-icon{background:var(--surface-bg);width:28px;height:28px;color:var(--gray1);box-shadow:0 1px 2px color-mix(in srgb, var(--gray0) 4%, transparent);border-radius:7px;flex:none;place-items:center;display:grid;overflow:hidden}.product-demo-root .product-demo-workspace-icon>*{max-width:18px;max-height:18px}.product-demo-root .product-demo-tab-row{align-items:center;height:32px;margin-block-start:16px;margin-inline-start:8px;display:flex}.product-demo-root .product-demo-tabs{align-items:center;gap:4px;width:100%;display:flex}.product-demo-root .product-demo-tab{width:auto;min-width:32px;max-width:none;height:32px;color:var(--gray2);cursor:pointer;white-space:nowrap;transition:gap .28s var(--product-demo-ease), padding .28s var(--product-demo-ease), background-color .18s ease, color .18s ease;background:0 0;border:0;border-radius:24px;flex:none;justify-content:center;align-items:center;gap:0;padding:0;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;overflow:hidden}.product-demo-root .product-demo-tab.is-active{background:var(--select);color:var(--foreground);gap:6px;padding:0 12px}.product-demo-root .product-demo-tab svg{flex:0 0 18px;width:18px;height:18px}.product-demo-root .product-demo-tab span{opacity:0;text-overflow:ellipsis;min-width:0;max-width:0;transition:max-width .28s var(--product-demo-ease), opacity .14s ease;overflow:hidden}.product-demo-root .product-demo-tab.is-active span{opacity:1;max-width:100px}.product-demo-root .product-demo-tab:hover{color:var(--gray0)}.product-demo-root .product-demo-tab:focus-visible,.product-demo-root .product-demo-sidebar-button:focus-visible,.product-demo-root .product-demo-file-count:focus-visible,.product-demo-root .product-demo-artifact-cards button:focus-visible,.product-demo-root .product-demo-artifact-panel button:focus-visible,.product-demo-root .product-demo-file-artifact button:focus-visible{outline:2px solid color-mix(in srgb, var(--gray0) 30%, transparent);outline-offset:2px}.product-demo-root .product-demo-sidebar-content{scrollbar-width:thin;min-height:0;max-height:calc(100% - 112px);margin-block-start:20px;overflow-y:auto}.product-demo-root .product-demo-sidebar-list{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.product-demo-root .product-demo-sidebar-list li{margin:0;padding:0}.product-demo-root .product-demo-sidebar-button{width:100%;min-height:38px;color:var(--foreground);cursor:pointer;font:inherit;text-align:start;white-space:nowrap;background:0 0;border:0;border-radius:12px;padding-block:8px;padding-inline:40px 8px;font-size:14px;line-height:20px;position:relative}.product-demo-root .product-demo-sidebar-button:not(.is-static):hover,.product-demo-root .product-demo-sidebar-button.is-active{background:color-mix(in srgb, var(--surface-bg) 58%, transparent)}.product-demo-root .product-demo-sidebar-button.is-static{cursor:default}.product-demo-root .product-demo-sidebar-button>span:last-child{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.product-demo-root .product-demo-sidebar-item-icon{top:11px;width:16px;height:16px;color:var(--gray2);place-items:center;display:grid;position:absolute;inset-inline-start:8px}.product-demo-root .product-demo-sidebar-item-icon svg{width:15px;height:15px}.product-demo-root .product-demo-sidebar-button.is-active .product-demo-sidebar-item-icon{color:var(--link)}.product-demo-root .product-demo-sidebar-empty{color:var(--caption-fg);margin:0;padding:8px;font-size:12px;line-height:18px}.product-demo-root .product-demo-start-creating{inset-inline:16px;background:var(--gray0);height:44px;color:var(--primary-foreground);border-radius:40px;justify-content:center;align-items:center;padding:0 32px;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:opacity .18s;display:inline-flex;position:absolute;bottom:20px}.product-demo-root .product-demo-start-creating:hover{opacity:.8}.product-demo-root .product-demo-main{background:color-mix(in srgb, var(--surface-bg) 72%, transparent);min-width:0;min-height:0;transition:margin .38s var(--product-demo-ease), background-color .38s var(--product-demo-ease);border-radius:14px;margin-block:6px;margin-inline:0 6px;position:relative;overflow:hidden}.product-demo-root .is-sidebar-hidden .product-demo-main{margin-inline-start:6px}.product-demo-root .is-artifact-open .product-demo-main{background:color-mix(in srgb, var(--surface-bg) 68%, transparent);margin-inline-end:4px}.product-demo-root .product-demo-main-actions{top:12px;z-index:3;align-items:center;gap:8px;display:flex;position:absolute;inset-inline-end:12px}.product-demo-root .product-demo-file-count{width:auto;min-width:34px;height:24px;color:var(--secondary-fg);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:2px 4px;font-size:14px;line-height:20px;display:inline-flex}.product-demo-root .product-demo-file-count svg{width:16px;height:16px}.product-demo-root .product-demo-file-count:hover,.product-demo-root .product-demo-file-count[aria-pressed=true]{background:color-mix(in srgb, var(--surface-bg) 75%, transparent);color:var(--foreground)}.product-demo-root .product-demo-main-scroll{scrollbar-color:color-mix(in srgb, var(--gray0) 18%, transparent) transparent;scrollbar-width:thin;width:100%;height:100%;overflow-y:auto}.product-demo-root .is-files-active .product-demo-main-scroll{overflow:hidden}.product-demo-files-workspace{width:100%;height:100%;min-height:0;color:var(--foreground);flex-direction:column;display:flex;overflow:hidden;container:product-demo-files/inline-size}.product-demo-files-toolbar{z-index:3;height:52px;color:var(--caption-fg);flex:0 0 52px;align-items:center;padding-block:26px 0;padding-inline:0;font-size:14px;line-height:20px;display:flex;position:relative}.product-demo-files-toolbar>span{width:min(var(--product-demo-file-masonry-width,1034px), calc(100% - 48px));max-width:100%;margin-inline:auto;display:block}.product-demo-files-scroll{overscroll-behavior-y:contain;scrollbar-color:color-mix(in srgb, var(--gray0) 18%, transparent) transparent;scrollbar-width:thin;flex:1;width:100%;min-height:0;overflow:hidden auto}.product-demo-files-empty{border:1px dashed var(--default-border);background:var(--sunken-bg);width:calc(100% - 48px);min-height:256px;color:var(--caption-fg);text-align:center;border-radius:16px;place-items:center;margin:52px auto 0;font-size:14px;display:grid}.product-demo-file-masonry-surface{border-radius:24px;width:100%;max-width:100%;display:flow-root}.product-demo-file-masonry-surface[data-surface=raised],.product-demo-file-masonry-surface[data-surface=outlined]{width:min(calc(var(--product-demo-file-masonry-width,1034px) + 48px), 100%);border:1px solid var(--default-border);background:var(--surface-bg);margin-inline:auto}.product-demo-file-masonry-surface[data-surface=raised]{box-shadow:var(--shadow-medium)}.product-demo-file-masonry-surface[data-surface=bare]{box-shadow:none;background:0 0;border:0;border-radius:0}.product-demo-file-masonry{width:min(var(--product-demo-file-masonry-width,1034px), calc(100% - 48px));-moz-column-count:var(--product-demo-file-column-count,4);column-count:var(--product-demo-file-column-count,4);-moz-column-gap:18px;column-gap:18px;max-width:100%;margin:12px auto 40px}.product-demo-file-masonry-surface:not([data-surface=bare])>.product-demo-file-masonry{margin-block:24px 6px}.product-demo-file-masonry,.product-demo-file-masonry *{box-sizing:border-box}.product-demo-file-card-shell{-moz-column-break-inside:avoid;break-inside:avoid;transform-origin:50%;vertical-align:top;width:100%;margin-block:0 18px;display:inline-block}.product-demo-file-card-shell>.product-demo-file-card{width:100%;margin:0}.product-demo-file-masonry--intro .product-demo-file-card-shell[data-intro-enabled=true]{animation:1s cubic-bezier(.12,.86,.18,1) both product-demo-file-fly-in;animation-delay:var(--product-demo-file-intro-delay,0s);will-change:transform, opacity}.product-demo-file-masonry--intro .product-demo-file-card-shell[data-intro-enabled=true][data-intro-raise=true]{z-index:3;position:relative}.product-demo-file-masonry--intro .product-demo-file-card-shell[data-intro-enabled=false]{visibility:hidden;opacity:0;overflow:hidden}.product-demo-file-masonry--intro .product-demo-file-card-shell[data-intro-clip=true]{visibility:hidden;overflow:hidden}.product-demo-file-card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid var(--subtle-border);background:color-mix(in srgb, var(--sunken-bg) 80%, transparent);width:100%;color:var(--foreground);vertical-align:top;background-clip:padding-box;border-radius:clamp(12px,7.27%,17.6px);margin-block:0 18px;transition:border-color .16s,box-shadow .16s;display:inline-block;overflow:hidden;container-type:inline-size}.product-demo-file-card[data-clickable=true]{cursor:pointer}.product-demo-file-card[data-clickable=true]:hover,.product-demo-file-card.is-active{border-color:var(--default-border);box-shadow:0 3px 12px color-mix(in srgb, var(--gray0) 6%, transparent)}.product-demo-file-card[data-clickable=true]:focus-visible{outline:2px solid color-mix(in srgb, var(--gray0) 34%, transparent);outline-offset:3px}.product-demo-file-card-title{color:var(--foreground);font-size:clamp(12px,6.82cqi,16.5px);font-weight:600;line-height:clamp(17px,10cqi,24.2px);display:block}.product-demo-file-card-copy{color:var(--secondary-fg);font-size:clamp(10px,5.45cqi,13.2px);font-weight:400;line-height:clamp(15px,8.18cqi,19.8px);display:block}.product-demo-file-card-time{color:var(--caption-fg);font-size:clamp(10px,5.45cqi,13.2px);font-weight:400;line-height:clamp(15px,8.18cqi,19.8px);display:block}.product-demo-file-card-cover{aspect-ratio:242/140;background:var(--sunken-bg);width:100%;height:auto;display:block;overflow:hidden}.product-demo-file-card-cover--dark{aspect-ratio:242/124}.product-demo-file-card-cover--fallback{color:var(--gray2);place-items:center;display:grid}.product-demo-file-card-cover--fallback>svg{width:clamp(24px,13.22cqi,32px);height:clamp(24px,13.22cqi,32px)}.product-demo-file-card-cover>*,.product-demo-file-card-image>*,.product-demo-file-document-background>*,.product-demo-file-document-media>*,.product-demo-file-video-media>*,.product-demo-file-waveform>*,.product-demo-file-music-cover>*,.product-demo-file-social-avatar>*,.product-demo-file-social-grid>span>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.product-demo-file-card-body{flex-direction:column;gap:3.72cqi;padding:5.37cqi 7.44cqi 5.79cqi;display:flex}.product-demo-file-source{color:currentColor;align-items:center;gap:3.31cqi;font-size:clamp(11px,6.36cqi,15.4px);line-height:clamp(16px,9.09cqi,22px);display:inline-flex}.product-demo-file-source-icon{flex:0 0 clamp(16px,9.09cqi,22px);place-items:center;width:clamp(16px,9.09cqi,22px);height:clamp(16px,9.09cqi,22px);display:grid;overflow:hidden}.product-demo-file-source-icon>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.product-demo-file-card-image{aspect-ratio:242/308;width:100%;height:auto;display:block;overflow:hidden}.product-demo-file-card-stack{flex-direction:column;gap:3.72cqi;padding:7.44cqi;display:flex}.product-demo-file-card-stack--quote{gap:6.61cqi}.product-demo-file-card-stack--audio{gap:5.37cqi}.product-demo-file-quote-icon{width:clamp(20px,10.74cqi,26px);height:clamp(20px,10.74cqi,26px);color:var(--gray2);place-items:center;display:grid}.product-demo-file-quote-icon>*{width:100%;height:100%}.product-demo-file-card-quote{color:var(--foreground);font-size:clamp(11px,6.36cqi,15.4px);line-height:clamp(16px,9.09cqi,22px)}.product-demo-file-document{aspect-ratio:242/308;background:var(--gray4);width:100%;height:auto;display:block;position:relative;overflow:hidden}.product-demo-file-document-background{display:block;position:absolute;inset:0}.product-demo-file-document-paper{background:color-mix(in srgb, var(--surface-bg) 90%, transparent);width:89.26cqi;min-height:142.56cqi;box-shadow:1.65px 1.65px 6.6px 1.65px color-mix(in srgb, var(--gray0) 8%, transparent);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);border-radius:5.37cqi 5.37cqi 0 0;flex-direction:column;gap:3.72cqi;padding:5.79cqi 6.2cqi;display:flex;position:absolute;inset-block-start:5.37cqi;inset-inline-start:5.37cqi;overflow:hidden}.product-demo-file-document-media{border-radius:2.89cqi;width:100%;height:40.91cqi;display:block;overflow:hidden}.product-demo-file-document-paper .product-demo-file-card-title{max-height:21.49cqi;overflow:hidden}.product-demo-file-document-divider{background:var(--divider);width:100%;height:1px;display:block}.product-demo-file-document-paper .product-demo-file-card-copy{font-size:clamp(9px,4.55cqi,11px);line-height:clamp(13px,6.82cqi,16.5px)}.product-demo-file-video{aspect-ratio:242/176;width:100%;height:auto;display:block;position:relative;overflow:hidden}.product-demo-file-video-media{display:block;position:absolute;inset:0}.product-demo-file-video-play{background:color-mix(in srgb, var(--gray0) 20%, transparent);width:clamp(23px,12.81cqi,31px);height:clamp(23px,12.81cqi,31px);color:var(--primary-foreground);box-shadow:0 4px 18px color-mix(in srgb, var(--gray0) 12%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-end:5.79cqi;inset-inline-end:5.79cqi}.product-demo-file-video-play>*{width:41.94%;height:41.94%;margin-inline-start:.83cqi}.product-demo-file-type-icon{place-items:center;width:clamp(26px,14.46cqi,35px);height:clamp(26px,14.46cqi,35px);display:grid}.product-demo-file-type-icon>*{width:100%;height:100%}.product-demo-file-type-icon--pdf{color:#ea4e43}.product-demo-file-audio-icon{background:var(--gray0);width:clamp(26px,14.46cqi,35px);height:clamp(26px,14.46cqi,35px);color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.product-demo-file-audio-icon>*{width:45.71%;height:45.71%}.product-demo-file-waveform{width:100%;height:10.74cqi;display:block;overflow:hidden}.product-demo-file-music{background:var(--product-demo-file-music-bg,#262bb3);color:var(--product-demo-file-music-fg,#ffffffe0);box-shadow:0 2px 8px color-mix(in srgb, var(--gray0) 6%, transparent);flex-direction:column;gap:3.72cqi;padding:12.81cqi 6.61cqi 8.26cqi;display:flex}.product-demo-file-music-cover{background:var(--surface-bg);width:67.77cqi;height:67.77cqi;box-shadow:0 3px 9px color-mix(in srgb, var(--gray0) 16%, transparent);border-radius:3.72cqi;place-items:center;margin:0 auto 8.26cqi;display:grid;overflow:hidden}.product-demo-file-music .product-demo-file-card-title{color:currentColor}.product-demo-file-music .product-demo-file-card-time{color:color-mix(in srgb, currentColor 44%, transparent)}.product-demo-file-social{flex-direction:column;gap:4.96cqi;padding:6.61cqi;display:flex}.product-demo-file-social-author{align-items:flex-start;gap:4.13cqi;display:flex}.product-demo-file-social-avatar{border-radius:50%;flex:0 0 16.12cqi;width:16.12cqi;height:16.12cqi;display:block;position:relative;overflow:hidden}.product-demo-file-social-avatar>*{position:absolute;inset:0}.product-demo-file-social-author-copy{flex-direction:column;gap:.83cqi;min-width:0;display:flex}.product-demo-file-social-author-copy strong{color:var(--foreground);font-size:clamp(10px,5.66cqi,13.7px);font-weight:500;line-height:clamp(15px,8.06cqi,19.5px)}.product-demo-file-social-author-copy small{color:var(--caption-fg);font-size:clamp(10px,5.45cqi,13.2px);line-height:clamp(15px,8.18cqi,19.8px)}.product-demo-file-social-copy{color:var(--foreground)}.product-demo-file-social-grid{grid-template-rows:24.79cqi 24.79cqi;grid-template-columns:1fr 1fr;gap:1.65cqi;display:grid}.product-demo-file-social-grid>span{display:block;overflow:hidden}.product-demo-file-social-grid>span:first-child{grid-row:1/3}@keyframes product-demo-file-fly-in{0%{opacity:0;transform:translate3d(var(--product-demo-file-intro-x,0), var(--product-demo-file-intro-y,0), 0) rotate(var(--product-demo-file-intro-rotate,0deg))}58%{opacity:1}to{opacity:1;transform:translate(0,0)rotate(0)}}.product-demo-root .product-demo-task{width:min(720px,100% - 80px);min-height:100%;color:var(--foreground);margin-inline:auto;padding-block:40px 24px;animation:.23s both product-demo-content-enter;position:relative}.product-demo-root .is-artifact-open .product-demo-task{width:min(432px,100% - 48px)}.product-demo-root .product-demo-document-toolbar{justify-content:flex-end;margin-block-end:8px;display:flex}.product-demo-root .product-demo-status-chip{background:var(--sunken-bg);min-height:30px;color:var(--foreground);border-radius:16px;align-items:center;gap:6px;padding:5px 12px;font-size:14px;line-height:20px;display:inline-flex}.product-demo-root .product-demo-status-chip svg{width:16px;height:16px}.product-demo-root .product-demo-prompt-card{background:var(--surface-bg);width:min(575px,100%);min-height:72px;color:var(--foreground);overflow-wrap:anywhere;border-radius:16px;margin-block-end:40px;margin-inline-start:auto;padding:12px 16px;font-size:16px;line-height:24px}.product-demo-root .product-demo-document-content{width:100%}.product-demo-root .product-demo-message-list{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.product-demo-root .product-demo-sparkle{width:21px;height:21px;color:var(--gray1);margin-block-end:8px}.product-demo-root .product-demo-assistant-message{width:100%;color:var(--foreground);font-size:16px;line-height:28px}.product-demo-root .product-demo-tool-row{max-width:100%;min-height:32px;color:var(--secondary-fg);align-items:center;gap:8px;font-size:14px;line-height:20px;display:inline-flex}.product-demo-root .product-demo-tool-icon{flex:none;place-items:center;width:16px;height:16px;display:grid}.product-demo-root .product-demo-tool-icon svg{width:16px;height:16px}.product-demo-root .product-demo-tool-row>span:not(.product-demo-tool-icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-demo-root .product-demo-tool-row small{color:var(--caption-fg);white-space:nowrap;font-size:12px;line-height:18px}.product-demo-root .product-demo-summary-list{color:var(--foreground);margin:20px 0 0;padding-inline-start:24px;font-size:16px;line-height:28px}.product-demo-root .product-demo-summary-list li{margin-block-end:8px}.product-demo-root .product-demo-artifacts-wrap{margin-block-start:20px}.product-demo-root .product-demo-final-note{color:var(--foreground);margin-block-start:20px;font-size:16px;line-height:28px}.product-demo-root .product-demo-artifact-cards{flex-direction:column;align-items:stretch;gap:16px;display:flex}.product-demo-root .product-demo-document-card,.product-demo-root .product-demo-slides-card,.product-demo-root .product-demo-website-card,.product-demo-root .product-demo-video-card,.product-demo-root .product-demo-custom-card{border:1px solid var(--default-border);background:var(--surface-bg);width:100%;color:var(--foreground);cursor:pointer;font:inherit;text-align:start;transition:background-color .18s,box-shadow .18s}.product-demo-root .product-demo-document-card:hover,.product-demo-root .product-demo-document-card[aria-expanded=true],.product-demo-root .product-demo-slides-card:hover,.product-demo-root .product-demo-slides-card[aria-expanded=true],.product-demo-root .product-demo-website-card:hover,.product-demo-root .product-demo-website-card[aria-expanded=true],.product-demo-root .product-demo-video-card:hover,.product-demo-root .product-demo-video-card[aria-expanded=true],.product-demo-root .product-demo-custom-card:hover,.product-demo-root .product-demo-custom-card[aria-expanded=true]{background:color-mix(in srgb, var(--surface-bg) 92%, var(--hover));box-shadow:0 1px 8px color-mix(in srgb, var(--gray0) 5%, transparent)}.product-demo-root .product-demo-document-card{border:0;border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;font-size:14px;line-height:20px;display:flex}.product-demo-root .product-demo-document-card-title{align-items:center;gap:8px;min-height:28px;display:flex}.product-demo-root .product-demo-document-card-title svg{flex:none;width:16px;height:16px}.product-demo-root .product-demo-document-card-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.product-demo-root .product-demo-document-card-description{color:var(--foreground)}.product-demo-root .product-demo-document-card-list{margin:0;padding-inline-start:18px}.product-demo-root .product-demo-slides-card{border-radius:20px;flex-direction:column;padding:0;display:flex;overflow:hidden}.product-demo-root .product-demo-slides-card-header{border-block-end:1px solid var(--divider);align-items:center;gap:8px;min-height:49px;padding:12px 16px;display:flex}.product-demo-root .product-demo-slides-card-header>span{background:var(--gray5);width:24px;height:24px;color:var(--gray0);border-radius:6px;flex:none;place-items:center;display:grid}.product-demo-root .product-demo-slides-card-header svg{width:16px;height:16px}.product-demo-root .product-demo-slides-card-header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:600;line-height:24px;overflow:hidden}.product-demo-root .product-demo-slides-card-media{aspect-ratio:16/9;display:block;overflow:hidden}.product-demo-root .product-demo-slides-card-media>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.product-demo-root .product-demo-website-card{border-radius:16px;align-items:center;gap:8px;min-height:64px;padding:12px 16px 12px 12px;display:flex;overflow:hidden}.product-demo-root .product-demo-website-card-thumb{background:var(--gray0);border-radius:6px;flex:none;width:60px;height:40px;display:block;overflow:hidden}.product-demo-root .product-demo-website-card-thumb>*{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;display:block}.product-demo-root .product-demo-website-card-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.product-demo-root .product-demo-website-card-copy strong,.product-demo-root .product-demo-website-card-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-demo-root .product-demo-website-card-copy strong{color:var(--foreground);font-size:14px;font-weight:400;line-height:20px}.product-demo-root .product-demo-website-card-copy span{color:var(--caption-fg);font-size:12px;line-height:18px}.product-demo-root .product-demo-website-card-action,.product-demo-root .product-demo-video-card-action{border:1px solid var(--secondary-button-border);min-height:32px;color:var(--foreground);border-radius:40px;flex:none;padding:6px 16px;font-size:14px;line-height:20px}.product-demo-root .product-demo-video-card{border-radius:20px;padding:0;overflow:hidden}.product-demo-root .product-demo-video-card-media{aspect-ratio:16/9;background:var(--gray0);display:block;overflow:hidden}.product-demo-root .product-demo-video-card-media>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.product-demo-root .product-demo-video-card-copy{align-items:center;gap:10px;min-height:64px;padding:12px 16px;display:flex}.product-demo-root .product-demo-video-card-copy>span:first-child{background:var(--sunken-bg);width:28px;height:28px;color:var(--gray1);border-radius:8px;flex:none;place-items:center;display:grid}.product-demo-root .product-demo-video-card-copy svg{width:16px;height:16px}.product-demo-root .product-demo-video-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.product-demo-root .product-demo-video-card-text strong,.product-demo-root .product-demo-video-card-text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-demo-root .product-demo-video-card-text strong{font-size:14px;font-weight:500;line-height:20px}.product-demo-root .product-demo-video-card-text>span{color:var(--caption-fg);font-size:12px;line-height:18px}.product-demo-root .product-demo-custom-card{border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;min-height:64px;padding:14px 16px;display:grid}.product-demo-root .product-demo-custom-card svg{grid-row:1/3;width:18px;height:18px}.product-demo-root .product-demo-custom-card strong{font-size:14px;font-weight:500;line-height:20px}.product-demo-root .product-demo-custom-card span{color:var(--caption-fg);font-size:12px;line-height:18px}.product-demo-root .product-demo-todo-panel{z-index:4;width:100%;height:52px;margin-block-start:24px;position:relative}.product-demo-root .product-demo-todo-surface{inset-inline:0;border:1px solid var(--subtle-border);background:var(--surface-bg);height:52px;transition:height .24s var(--product-demo-ease);border-radius:20px;position:absolute;bottom:0;overflow:hidden}.product-demo-root .product-demo-todo-panel.is-expanded .product-demo-todo-surface{height:min(184px,40vh)}.product-demo-root .product-demo-todo-toggle{width:100%;min-height:48px;color:var(--foreground);cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 12px;font-size:14px;line-height:20px;display:flex}.product-demo-root .product-demo-todo-toggle>span{align-items:center;gap:8px;min-width:0;display:inline-flex}.product-demo-root .product-demo-todo-toggle>span:last-child{color:var(--secondary-fg);flex:none;font-size:12px;line-height:18px}.product-demo-root .product-demo-todo-toggle svg{width:16px;height:16px}.product-demo-root .product-demo-todo-chevron{transition:transform .18s}.product-demo-root .product-demo-todo-panel.is-expanded .product-demo-todo-chevron{transform:rotate(180deg)}.product-demo-root .product-demo-todo-list{opacity:0;transition:opacity .16s ease, transform .24s var(--product-demo-ease);flex-direction:column;margin:0;padding:0 16px;list-style:none;display:flex;transform:translateY(-4px)}.product-demo-root .product-demo-todo-panel.is-expanded .product-demo-todo-list{opacity:1;transform:translateY(0)}.product-demo-root .product-demo-todo-item{min-height:32px;color:var(--secondary-fg);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.product-demo-root .product-demo-todo-item>span:first-child{width:16px;height:16px;color:var(--gray2);flex:none;place-items:center;display:grid}.product-demo-root .product-demo-todo-item svg{width:16px;height:16px}.product-demo-root .product-demo-todo-item svg.is-active{color:var(--soft-accent);fill:var(--soft-accent)}.product-demo-root .product-demo-artifact-panel{background:var(--sunken-bg);min-width:0;min-height:0;box-shadow:0 1px 4px color-mix(in srgb, var(--gray0) 4%, transparent);animation:product-demo-artifact-enter .36s var(--product-demo-ease) both;border-radius:14px;grid-column:3;margin-block:6px;margin-inline:4px 6px;position:relative;overflow:hidden}.product-demo-root .product-demo-file-artifact{background:var(--sunken-bg);width:100%;height:100%;min-height:0;animation:.23s both product-demo-content-enter;position:relative;overflow:hidden}.product-demo-root .is-sidebar-hidden .product-demo-artifact-panel{grid-column:2}.product-demo-root .product-demo-artifact-panel-slides{background:color-mix(in srgb, var(--surface-bg) 72%, var(--sunken-bg))}.product-demo-root .product-demo-artifact-panel-website,.product-demo-root .product-demo-artifact-panel-video{background:var(--sunken-bg)}.product-demo-root .product-demo-artifact-titlebar{z-index:3;background:color-mix(in srgb, var(--surface-bg) 72%, var(--sunken-bg));justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 16px;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.product-demo-root .product-demo-artifact-titlebar h3{min-width:0;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;line-height:28px;overflow:hidden}.product-demo-root .product-demo-artifact-actions{align-items:center;gap:8px;min-width:0;display:inline-flex}.product-demo-root .product-demo-artifact-titlebar button{width:24px;height:24px;color:var(--gray1);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:4px;display:grid}.product-demo-root .product-demo-artifact-titlebar button:hover{background:var(--hover);color:var(--gray0)}.product-demo-root .product-demo-artifact-titlebar button svg{width:16px;height:16px}.product-demo-root .product-demo-artifact-view-toggle{background:var(--sunken-bg);border-radius:30px;align-items:center;height:28px;padding:2px;display:inline-flex}.product-demo-root .product-demo-artifact-view-toggle button{width:32px;height:24px;color:var(--gray1);background:0 0;border:0;border-radius:30px;place-items:center;padding:0;display:grid}.product-demo-root .product-demo-artifact-view-toggle button[aria-pressed=true]{border:1px solid var(--subtle-border);background:var(--surface-bg);color:var(--gray0);box-shadow:0 1px 2px color-mix(in srgb, var(--gray0) 4%, transparent)}.product-demo-root .product-demo-artifact-view-toggle svg{width:16px;height:16px}.product-demo-root .product-demo-artifact-scroll{overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-color:color-mix(in srgb, var(--gray0) 20%, transparent) transparent;scrollbar-width:thin;height:100%;padding:48px 0 0;overflow-y:auto}.product-demo-root .product-demo-artifact-panel-slides .product-demo-artifact-scroll,.product-demo-root .product-demo-artifact-panel-website .product-demo-artifact-scroll{padding:48px 0 0;overflow:hidden}.product-demo-root .product-demo-artifact-panel-video .product-demo-artifact-scroll,.product-demo-root .product-demo-artifact-panel-custom .product-demo-artifact-scroll{padding:48px 0 0}.product-demo-root .product-demo-document-artifact{background:var(--surface-bg);min-height:100%;color:var(--foreground);border-radius:12px 12px 0 0;padding:28px 24px 48px;font-size:16px;line-height:28px}.product-demo-root .product-demo-document-hero{border-radius:8px;width:100%;height:244px;overflow:hidden}.product-demo-root .product-demo-document-hero>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.product-demo-root .product-demo-document-artifact h3{color:var(--foreground);margin:24px 0 16px;font-size:22px;font-weight:650;line-height:28px}.product-demo-root .product-demo-document-artifact>h3:first-child{margin-block-start:0}.product-demo-root .product-demo-document-intro{margin-block-end:12px}.product-demo-root .product-demo-document-section h4{color:var(--foreground);margin:28px 0 8px;font-size:18px;font-weight:650;line-height:24px}.product-demo-root .product-demo-document-section ul,.product-demo-root .product-demo-document-section ol{margin:0;padding-inline-start:18px}.product-demo-root .product-demo-document-section li{margin-block-end:4px}.product-demo-root .product-demo-document-table-wrap{border:1px solid var(--default-border);border-radius:12px;width:100%;overflow-x:auto}.product-demo-root .product-demo-document-table{border-collapse:collapse;text-align:start;width:100%;min-width:520px;font-size:12px;line-height:18px}.product-demo-root .product-demo-document-table th,.product-demo-root .product-demo-document-table td{border-block-start:1px solid var(--divider);border-inline-start:1px solid var(--divider);text-align:start;vertical-align:top;min-width:104px;padding:8px;font-weight:400}.product-demo-root .product-demo-document-table th{background:var(--hover);border-block-start:0;font-weight:600}.product-demo-root .product-demo-document-table :is(th,td:first-child){border-inline-start:0}.product-demo-root .product-demo-slides-artifact{height:100%;min-height:0;position:relative}.product-demo-root .product-demo-slides-stage-wrap{place-items:center;display:grid;position:absolute;inset:0 0 145px}.product-demo-root .product-demo-slides-stage{aspect-ratio:16/9;background:var(--sunken-bg);border-radius:12px;width:min(640px,100%);animation:.18s both product-demo-content-enter;overflow:hidden}.product-demo-root .product-demo-slides-stage>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.product-demo-root .product-demo-slides-strip{inset-inline:0;overscroll-behavior-x:contain;scrollbar-color:color-mix(in srgb, var(--gray0) 20%, transparent) transparent;scrollbar-width:thin;gap:12px;display:flex;position:absolute;bottom:0;overflow-x:auto}.product-demo-root .product-demo-slides-strip-item{aspect-ratio:16/9;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;width:152px;padding:0;transition:color .16s;position:relative;overflow:visible}.product-demo-root .product-demo-slides-strip-item:hover{color:var(--gray2)}.product-demo-root .product-demo-slides-strip-item[aria-pressed=true]{color:var(--soft-accent)}.product-demo-root .product-demo-slides-strip-item:before{content:"";pointer-events:none;border:2px solid;border-radius:12px;position:absolute;inset:0}.product-demo-root .product-demo-slides-strip-media{background:var(--surface-bg);box-shadow:0 1px 2px color-mix(in srgb, var(--gray0) 5%, transparent);border-radius:9px;display:block;position:absolute;inset:3px;overflow:hidden}.product-demo-root .product-demo-slides-strip-media>*{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.product-demo-root .product-demo-slides-strip-label{inset-inline-start:7px;background:color-mix(in srgb, var(--gray0) 70%, transparent);min-width:24px;height:22px;color:var(--primary-foreground);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;justify-content:center;align-items:center;padding-inline:4px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex;position:absolute;bottom:7px}.product-demo-root .product-demo-website-artifact,.product-demo-root .product-demo-website-artifact iframe,.product-demo-root .product-demo-website-artifact>*{background:var(--surface-bg);border:0;width:100%;height:100%;display:block}.product-demo-root .product-demo-video-artifact{background:var(--gray0);place-items:center;min-height:100%;display:grid}.product-demo-root .product-demo-video-artifact video,.product-demo-root .product-demo-video-artifact>*{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.product-demo-root .product-demo-custom-artifact{background:var(--surface-bg);min-height:100%}@keyframes product-demo-content-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes product-demo-artifact-enter{0%{opacity:0;transform:translate(42px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.product-demo-file-masonry--intro .product-demo-file-card-shell[data-intro-enabled=true],.product-demo-root .product-demo-shell,.product-demo-root .product-demo-tab,.product-demo-root .product-demo-task,.product-demo-root .product-demo-artifact-panel,.product-demo-root .product-demo-file-artifact,.product-demo-root .product-demo-slides-stage,.product-demo-root .product-demo-todo-surface,.product-demo-root .product-demo-todo-list,.product-demo-root .product-demo-todo-chevron{transition:none;animation:none}.product-demo-file-masonry--intro .product-demo-file-card-shell[data-intro-enabled=false],.product-demo-file-masonry--intro .product-demo-file-card-shell[data-intro-clip=true]{visibility:visible;opacity:1}}