.model-embedding-demo{position:relative;--demo-purple: #bdb0e0;width:100%;min-width:0;margin:0;scroll-margin-top:108px;padding:clamp(18px,2.2vw,30px);border:1px solid #d2d9e4;border-radius:8px;background:#f4f6fa;box-shadow:0 16px 40px #182b4510}.model-demo-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.model-demo-controls{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:block;width:44px;height:44px}.model-demo-replay{display:grid;place-items:center;width:44px;height:44px;padding:13px;border:0;border-radius:4px;color:var(--primary);background:transparent;cursor:pointer;transition:background .2s}.model-demo-replay[hidden]{display:none}.model-demo-replay:hover{background:#e9e3f3}.model-demo-replay>svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.model-demo-inputs,.model-demo-input-labels{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.model-demo-inputs{align-items:stretch}.model-demo-input-labels{margin-bottom:7px;color:var(--quiet);font-size:10px;line-height:1.5}.model-demo-input-labels>span{min-width:0}.model-demo-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:10px 6px;list-style:none;margin:0;padding:8px 0}.model-demo-sources>li{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-width:0;font-size:11px;line-height:1.5;color:var(--quiet)}.model-demo-sources svg{width:23px;height:23px;stroke:#5b687d;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.model-demo-input-sample{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;max-width:90px;min-width:0;height:44px;padding:4px;border:1px solid #d7dce6;border-radius:4px;background:#fff;color:#5a4b70;font-size:9.5px;line-height:1.4;text-align:start}.model-demo-input-sample img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.input-sample-image,.input-sample-video{padding:0;overflow:hidden}.input-sample-video{padding-block:6px;border-color:#243044;background:#243044}.input-sample-video:before,.input-sample-video:after{content:"";position:absolute;inset-inline:4px;height:3px;background:repeating-linear-gradient(90deg,#adb8cb 0 4px,transparent 4px 8px);opacity:.65}.input-sample-video:before{inset-block-start:1px}.input-sample-video:after{inset-block-end:1px}.model-demo-video-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:26px;height:26px;border:1px solid #f0e9ffbb;border-radius:50%;background:#152033dc;color:#fff;box-shadow:0 2px 8px #10182633;pointer-events:none}.input-sample-video .model-demo-video-mark>svg{width:12px;height:12px;fill:currentColor;stroke:none;transform:translate(1px)}.model-demo-input-paper{display:flex;flex-direction:column;gap:2px;width:100%}.model-demo-input-paper>i{width:100%;height:1px;background:#d2cadf}.model-demo-input-paper>i:last-child{width:65%}.model-demo-input-wave{display:flex;align-items:center;justify-content:center;gap:2px;height:10px;width:100%;flex-shrink:0}.model-demo-input-wave>i{width:2px;max-height:10px;background:#9c86b9;border-radius:1px}.model-demo-input-excerpt{width:100%;font-size:9px;line-height:1.25}.model-demo-input-quote{border-inline-start:2px solid #bcaad7;padding-inline-start:5px}.model-demo-query{display:flex;flex-direction:column;min-width:0}.model-demo-query:after{content:"";flex:1;align-self:center;width:1px;background:#bdafda}.model-demo-query-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 5px;padding-inline-end:26px}.model-demo-query-type{color:var(--primary);white-space:nowrap}.model-demo-query-label-mobile,.model-demo-mobile-join{display:none}.model-demo-query-entry{display:flex;flex-shrink:0;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #d8d6e2;border-radius:6px;background:#fff;box-shadow:0 2px 8px #32234f05}.model-demo-query-entry>svg{width:16px;height:16px;flex-shrink:0;stroke:var(--primary);stroke-width:1.6;stroke-linecap:round}.model-demo-query p{position:relative;flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.6;color:var(--ink);text-wrap:pretty}.model-demo-query-typed{display:none;position:absolute;inset:0;overflow:hidden}.model-demo-encoding{display:flex;align-items:center;flex-direction:column}.model-demo-join,.model-demo-output{display:block;width:100%;height:32px;stroke:#bdafda;stroke-width:1;overflow:visible}.model-demo-output{height:28px}[dir=rtl] .model-demo-join{transform:scaleX(-1)}.model-demo-encoder{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,280px);min-height:46px;padding:10px 12px;border:1px solid #cfc6e0;border-radius:5px;background:#fff;color:#3d305d;font-family:var(--font-heading);font-size:17px;font-weight:600;line-height:1.5}.model-demo-embedding-label{color:#7a6c92;font-family:var(--font-sans);font-size:10px;font-weight:400;padding-inline-start:10px;border-inline-start:1px solid #dfd8e9}.model-demo-vector-symbol{display:flex;align-items:center;gap:2px;height:20px}.model-demo-vector-symbol>i{width:2px;height:8px;background:#9982c7}.model-demo-vector-symbol>i:nth-child(2n){height:17px}.model-demo-vector-symbol>i:nth-child(3){height:12px}.model-demo-flow{stroke:var(--primary);stroke-width:1.8;stroke-dasharray:100;stroke-dashoffset:100;opacity:0}.model-demo-space{position:relative;padding:16px 18px;border:1px solid #2c3b50;border-radius:5px;background:#14202e;color:#e0e3ed;overflow:hidden}.model-demo-space-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6}.model-demo-space-key{display:flex;gap:4px;flex-shrink:0}.model-demo-space-key>i{width:3px;height:3px;border-radius:50%;background:#aa9ac9}.model-demo-space-key>i:nth-child(2){opacity:.5}.model-demo-space-key>i:nth-child(3){opacity:.25}.model-demo-field{position:relative;height:210px;margin-top:8px;direction:ltr;background:radial-gradient(ellipse at 54% 48%,#78618d24,transparent 62%)}.model-demo-field-lines{position:absolute;inset:0;width:100%;height:100%}.model-demo-contour{stroke:#a69cc022;stroke-width:1}.model-demo-contour+.model-demo-contour{stroke:#ac9dcc30}.model-demo-neighbor-link{stroke:#c7b8e0;stroke-width:1;stroke-dasharray:2 5;opacity:.35}.model-demo-background-vector{position:absolute;width:5px;height:5px;transform:translate(-50%,-50%);background:#66758a;border-radius:50%}.model-demo-node,.model-demo-query-node{position:absolute;display:grid;place-items:center;width:30px;height:30px;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:1px solid #8e7aaa;border-radius:50%;background:#2b2a42;color:#d0c2ec}.model-demo-node svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.model-demo-query-node{left:54%;top:48%;width:34px;height:34px;background:#cbbded;color:#32234f;border:1px solid #e6dcfa;box-shadow:0 0 0 7px #c9b9ea0c,0 0 32px #c9b9ea18}.model-demo-query-node svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.model-embedding-demo[data-demo-enhanced] .model-demo-node{opacity:0;left:var(--from-x);top:var(--from-y);transition:opacity .4s,left 1s cubic-bezier(.22,.65,.25,1),top 1s cubic-bezier(.22,.65,.25,1),border-color .5s,background .5s,color .5s}.model-embedding-demo[data-demo-enhanced] [data-demo-encoded=true]{opacity:.65}.model-embedding-demo[data-demo-enhanced]:is([data-demo-phase=aligning],[data-demo-phase=typing],[data-demo-phase=querying],[data-demo-phase=complete]) .model-demo-node{left:var(--x);top:var(--y);opacity:1}.model-embedding-demo[data-demo-enhanced] :is(.model-demo-query-node,.model-demo-neighbor-link){opacity:0;transition:opacity .5s}.model-embedding-demo[data-demo-phase=complete] .model-demo-query-node{opacity:1}.model-embedding-demo[data-demo-phase=complete] .model-demo-neighbor-link{opacity:.35}.model-embedding-demo[data-demo-phase=complete] .model-demo-node{border-color:#b4a0d8;background:#3a304e;color:#e1d4f6}.model-embedding-demo[data-demo-enhanced]:is([data-demo-phase=idle],[data-demo-phase=encoding],[data-demo-phase=aligning]) .model-demo-query-original{opacity:0}.model-embedding-demo[data-demo-phase=typing] .model-demo-query-original{opacity:0}.model-embedding-demo[data-demo-phase=typing] .model-demo-query-typed{display:block}.model-embedding-demo[data-demo-phase=typing] .model-demo-query-typed:after{content:"";display:inline-block;width:1px;height:1em;margin-inline-start:2px;vertical-align:-.1em;background:var(--primary)}.model-embedding-demo[data-demo-phase=encoding] .model-demo-content-flow{animation:model-vector-flow .65s ease both}.model-embedding-demo[data-demo-phase=encoding] .model-demo-output-flow{animation:model-vector-flow .45s .35s ease both}.model-embedding-demo:is([data-demo-phase=encoding],[data-demo-phase=querying]) .model-demo-encoder{animation:model-encoder-pulse .85s ease both}.model-embedding-demo[data-demo-phase=querying] .model-demo-query-flow{animation:model-vector-flow .45s ease both}.model-embedding-demo[data-demo-phase=querying] .model-demo-output-flow{animation:model-vector-flow .4s .4s ease both}@keyframes model-vector-flow{0%{opacity:0;stroke-dashoffset:100}30%{opacity:1}to{opacity:.8;stroke-dashoffset:0}}@keyframes model-encoder-pulse{50%{border-color:#9277bd;box-shadow:0 0 0 4px #bba9d71a}}@media(max-width:600px){.model-embedding-demo{padding:16px}.model-demo-inputs,.model-demo-input-labels{grid-template-columns:1fr;gap:14px}.model-demo-input-labels>.model-demo-query-label{display:none}.model-demo-inputs{border-inline-start:1px solid #bdafda;padding-inline-start:12px}.model-demo-sources{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px;padding:2px 0}.model-demo-sources>li{flex:0 0 calc((100% - 16px) / 3);flex-direction:column;justify-content:start;gap:5px;font-size:10px}.model-demo-sources svg{width:17px;height:17px}.model-demo-input-sample{width:100%;height:44px;padding:4px}.input-sample-image,.input-sample-video{padding:0}.input-sample-video{padding-block:6px}.model-demo-input-excerpt{font-size:9px}.model-demo-query-label-mobile{display:block;margin-bottom:6px;font-size:10px;color:var(--quiet)}.model-demo-query:after{display:none}.model-demo-join>path:not(.model-demo-mobile-join){display:none}.model-demo-join>.model-demo-mobile-join{display:block}.model-demo-query-entry{gap:6px;padding:10px 8px}.model-demo-query-entry>svg{width:14px;height:14px}.model-demo-query p{font-size:12px}.model-demo-encoder{gap:8px;font-size:15px;padding:10px 8px}.model-demo-embedding-label{padding-inline-start:8px;font-size:9px}.model-demo-vector-symbol{gap:1px}.model-demo-space{padding:14px 8px 8px}.model-demo-space-heading{padding-inline:4px;font-size:11px}.model-demo-field{height:180px}.model-demo-node{width:25px;height:25px}.model-demo-node svg{width:13px;height:13px}.model-demo-query-node{width:28px;height:28px}.model-demo-query-node svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.model-embedding-demo *,.model-embedding-demo *:after{animation:none!important;transition:none!important}.model-embedding-demo[data-demo-enhanced] .model-demo-node{opacity:1!important;left:var(--x)!important;top:var(--y)!important}.model-embedding-demo[data-demo-enhanced] :is(.model-demo-query-node,.model-demo-query-original){opacity:1!important}.model-embedding-demo[data-demo-enhanced] .model-demo-neighbor-link{opacity:.35!important}.model-demo-query-typed,.model-demo-flow,.model-demo-controls{display:none!important}}