.bi-snapshots{--bi-rust:var(--color-orange-500,#b9381a);--bi-card:#fff;--bi-line:#b9381a47;--bi-line-soft:var(--color-secondary-300,#dce1d6);--bi-text:var(--color-gray-900,#0e0e0f);--bi-paper:#fff;--bi-chip:#0e0e0f0f;--bi-shadow:0 1px 2px #2729250f, 0 8px 24px #27292514}.uc-dark .bi-snapshots{--bi-rust:var(--color-orange-400,#ce745f);--bi-card:var(--color-gray-800,#1c1c1e);--bi-line:#ce745f66;--bi-line-soft:#37373d;--bi-text:var(--color-gray-25,#f6f6f6);--bi-chip:#ffffff14;--bi-shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}.bi-snapshots .bi-masthead{margin:0}.bi-snapshots .bi-cover-wrap,.bi-snapshots .bi-main-wrap{z-index:0;padding:4px 4px 22px;position:relative}.bi-snapshots .bi-cover{color:#1c1b18;background:#fff;flex-direction:column;gap:10px;padding:26px 30px 28px;display:flex;position:relative}.bi-snapshots .bi-cover,.bi-snapshots .bi-card.is-main{border:1px solid #1c1b181f;border-radius:0;box-shadow:0 1px 3px #1c1b182e}.bi-snapshots .bi-cover-wrap:before,.bi-snapshots .bi-cover-wrap:after,.bi-snapshots .bi-main-wrap:before,.bi-snapshots .bi-main-wrap:after{content:"";z-index:-1;background:#1c1b188c;width:48%;max-width:420px;position:absolute;top:70%;bottom:36px;left:16px;transform:rotate(-3deg);box-shadow:0 16px 12px #1c1b188c}.bi-snapshots .bi-cover-wrap:after,.bi-snapshots .bi-main-wrap:after{left:auto;right:16px;transform:rotate(3deg)}.uc-dark .bi-snapshots .bi-cover-wrap:before,.uc-dark .bi-snapshots .bi-cover-wrap:after,.uc-dark .bi-snapshots .bi-main-wrap:before,.uc-dark .bi-snapshots .bi-main-wrap:after{background:#ffffff29;box-shadow:0 16px 14px #ffffff29}.uc-dark .bi-snapshots .bi-cover,.uc-dark .bi-snapshots .bi-card.is-main{border-color:#ffffff2e;box-shadow:0 1px 3px #0009}.bi-snapshots .bi-cover-mark{width:117px;height:auto;position:absolute;top:24px;right:30px}.bi-snapshots .bi-cover-title{letter-spacing:-.015em;color:#1c1b18;margin:0;padding-right:140px;font-size:clamp(26px,1.2rem + 1.6vw,38px);font-weight:700;line-height:1.15}.bi-snapshots .bi-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-orange-500,#b9381a);font-size:12px;font-weight:600}.bi-snapshots .bi-chips{flex-wrap:wrap;gap:6px 8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.bi-snapshots .bi-chips li{color:#1c1b18;background:#1c1b180f;border-radius:999px;padding:6px 10px;font-size:13px;line-height:1}.bi-snapshots .bi-chips li.is-project{font-weight:600}.bi-snapshots .bi-intro{color:var(--bi-text);margin:0 0 32px;font-size:clamp(20px,1.05rem + .9vw,28px);font-weight:500;line-height:1.4}.bi-snapshots .bi-intro-prompt{font-weight:700;display:block}.bi-snapshots .bi-term{display:inline-block;position:relative}.bi-snapshots .bi-term-word{all:unset;cursor:help;font:inherit;color:inherit;-webkit-text-decoration:underline dotted var(--bi-rust);text-decoration:underline dotted var(--bi-rust);text-underline-offset:.18em;text-decoration-thickness:2px;transition:color .16s}.bi-snapshots .bi-term-word:hover,.bi-snapshots .bi-term-word:focus-visible,.bi-snapshots .bi-term.is-open .bi-term-word{color:var(--bi-rust)}.bi-snapshots .bi-term-word:focus-visible{outline:2px solid var(--bi-rust);outline-offset:4px}.bi-snapshots .bi-term-tip{z-index:5;color:#1c1b18;text-align:left;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #1c1b181f;flex-direction:column;gap:6px;width:max-content;max-width:min(340px,100vw - 32px);padding:14px 16px 15px;font-size:15px;font-weight:400;line-height:1.5;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-6px);box-shadow:0 1px 3px #1c1b182e,0 12px 28px #1c1b1829}.bi-snapshots .bi-term-tip:after{content:"";background:#fff;border-top:1px solid #1c1b181f;border-left:1px solid #1c1b181f;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.bi-snapshots .bi-term-title{letter-spacing:.1em;text-transform:uppercase;color:var(--bi-rust);font-size:12px;font-weight:600}.bi-snapshots .bi-term-body{display:block}.bi-snapshots .bi-term:hover .bi-term-tip,.bi-snapshots .bi-term-word:focus-visible+.bi-term-tip,.bi-snapshots .bi-term.is-open .bi-term-tip{opacity:1;visibility:visible;transition:opacity .18s,transform .18s,visibility;transform:translate(-50%)}@media (hover:none){.bi-snapshots .bi-intro{position:relative}.bi-snapshots .bi-term{position:static}.bi-snapshots .bi-term-tip{width:auto;max-width:none;left:0;right:0;transform:translateY(-6px)}.bi-snapshots .bi-term-tip:after{display:none}.bi-snapshots .bi-term:hover .bi-term-tip{opacity:0;visibility:hidden}.bi-snapshots .bi-term.is-open .bi-term-tip{opacity:1;visibility:visible;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bi-snapshots .bi-term-tip{transition:none}}.bi-snapshots .bi-section{flex-direction:column;gap:24px;display:flex}.bi-snapshots .bi-aspect{flex-direction:column;gap:8px;max-width:64ch;display:flex}.bi-snapshots .bi-aspect p{color:var(--bi-text);margin:0;font-size:16px;line-height:1.55}.bi-snapshots .bi-group{letter-spacing:.1em;text-transform:uppercase;color:var(--bi-rust);font-size:12px;font-weight:600}.bi-snapshots .bi-link{color:var(--bi-rust);align-self:flex-start;font-size:15px;font-weight:600;text-decoration:none}.bi-snapshots .bi-link:hover{text-decoration:underline}.bi-snapshots .bi-deep{background:var(--color-secondary-600,#9da495);--bi-line:#b9381a73;--bi-chip:#00000014}.uc-dark .bi-snapshots .bi-deep{background:color-mix(in srgb, var(--color-green-700,#1f6532) 45%, #0b0f0c);--bi-text:#f6f6f6;--bi-card:#1e1e21;--bi-line-soft:#34343a}.bi-snapshots .bi-deep .section-outer{background:0 0}.bi-snapshots .bi-deep h3{color:var(--bi-text)}.bi-snapshots .bi-deep .bi-card.is-agent{--bi-card:#1e1e21;--bi-text:#f6f6f6;--bi-line-soft:#34343a}.bi-snapshots .bi-strip{gap:12px;overflow:hidden}.bi-snapshots .bi-strip-text{z-index:1;flex-direction:column;gap:12px;max-width:64ch;display:flex;position:relative}.bi-snapshots .bi-strip p{color:#1c1b18;margin:0;font-size:17px;line-height:1.55}.bi-snapshots .bi-strip-data{object-fit:cover;object-position:right top;pointer-events:none;width:46%;height:100%;position:absolute;top:0;bottom:0;right:0;mask-image:linear-gradient(90deg,#0000 0,#000000b3 40%)}.bi-snapshots .bi-strip .bi-strip-lead{font-size:clamp(20px,1.05rem + .7vw,26px);font-weight:700;line-height:1.3}.bi-snapshots .bi-builder{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"figure aspect";align-items:start;gap:24px 56px;display:grid}.bi-snapshots .bi-builder .bi-aspect{grid-area:aspect;max-width:none}.bi-snapshots .bi-builder .bi-note,.bi-snapshots .bi-builder .bi-notify{opacity:0;margin-top:40px;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transform:translate(-120px)}.bi-snapshots .bi-builder.is-in .bi-note{opacity:1;transition-delay:.7s;transform:none}.bi-snapshots .bi-builder.is-in .bi-notify{opacity:1;transition-delay:1.6s;transform:none}@media (prefers-reduced-motion:reduce){.bi-snapshots .bi-builder .bi-note,.bi-snapshots .bi-builder .bi-notify{opacity:1;transition:none;transform:none}}.bi-snapshots .bi-builder .is-agent{grid-area:figure}.bi-snapshots .bi-builder .bi-figbtn.is-dark{padding:0}.bi-snapshots .bi-builder .bi-card.is-agent{border:0}.bi-snapshots .bi-notify{flex-direction:column;gap:8px;display:flex}.bi-snapshots .bi-notify img{border:1px solid var(--bi-line-soft);border-radius:12px;width:100%;height:auto;display:block}.bi-snapshots .bi-notify figcaption{color:var(--bi-text);opacity:.72;font-size:14px;font-weight:500;line-height:1.5}.bi-snapshots .bi-note{color:var(--bi-text);background:0 0;margin:0;padding:0}.bi-snapshots .bi-note-title{letter-spacing:-.01em;margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.25}.bi-snapshots .bi-note p{margin:0;font-size:16px;font-weight:400;line-height:1.6}.bi-snapshots .bi-agent{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"aspect figure""callout figure";align-items:start;gap:24px 40px;display:grid}.bi-snapshots .bi-agent .bi-aspect{grid-area:aspect;max-width:none}.bi-snapshots .bi-agent .is-agent{grid-area:figure}.bi-snapshots .bi-callout{grid-area:callout}.bi-snapshots .bi-chat{height:380px;margin-top:8px}.bi-snapshots .bi-chat .agent-chat{border-radius:12px;min-height:0;max-height:none}.bi-snapshots .bi-callout{color:#1c1b18;background:#fff;border-radius:12px;margin:0;padding:18px 22px;position:relative}.bi-snapshots .bi-callout p{margin:0;font-size:16px;font-weight:500;line-height:1.55}.bi-snapshots .bi-callout:after{content:"";border:14px solid #0000;border-left-color:#fff;border-right:0;position:absolute;top:28px;right:-14px}.bi-snapshots .bi-chat .agent-chat__msg--note{border-left-color:var(--bi-rust);font-family:var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:.74rem}.bi-snapshots .bi-card.is-agent{min-width:0}.bi-snapshots .bi-figbtn{background:var(--bi-paper);cursor:zoom-in;border:0;width:100%;padding:0;display:block}.bi-snapshots .bi-figbtn.is-dark{background:#1e1e21;padding:8px 8px 0}.bi-snapshots .bi-figbtn img{width:100%;height:auto;display:block}.bi-snapshots .bi-figbtn:focus-visible{outline:2px solid var(--bi-rust);outline-offset:2px}.bi-snapshots .bi-card{background:var(--bi-card);border:1px solid var(--bi-line);border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.bi-snapshots .bi-fig{background:var(--bi-paper)}.bi-snapshots .bi-fig img{width:100%;height:auto;display:block}.bi-snapshots .bi-caption{border-top:1px solid var(--bi-line-soft);color:var(--bi-text);padding:12px 16px 14px;font-size:13.5px;line-height:1.5;display:block}.bi-snapshots .bi-title{color:var(--bi-text);font-weight:600}.bi-snapshots .bi-name{font-size:12px;font-family:var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);margin-left:8px}.bi-snapshots .bi-desc{display:block}.bi-snapshots .bi-thumbs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.bi-snapshots .bi-thumb{text-align:left;border:1px solid var(--bi-line-soft);background:var(--bi-card);width:100%;color:var(--bi-text);cursor:pointer;border-radius:10px;flex-direction:column;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.bi-snapshots .bi-thumb:hover,.bi-snapshots .bi-thumb:focus-visible{border-color:var(--bi-rust);box-shadow:var(--bi-shadow);outline:none;transform:translateY(-2px)}.bi-snapshots .bi-thumb-fig{background:var(--bi-paper);aspect-ratio:16/9;display:block;overflow:hidden}.bi-snapshots .bi-thumb-fig img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.bi-snapshots .bi-thumb-title{padding:10px 12px 0;font-size:13.5px;font-weight:600;line-height:1.3;display:block}.bi-snapshots .bi-thumb-code{color:var(--bi-text);font-size:11.5px;font-family:var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);padding:2px 12px 10px;display:block}@media (max-width:991px){.bi-snapshots .bi-agent{grid-template-columns:minmax(0,1fr);grid-template-areas:"aspect""figure""callout"}.bi-snapshots .bi-builder{grid-template-columns:minmax(0,1fr);grid-template-areas:"aspect""figure"}.bi-snapshots .bi-callout:after{border:14px solid #0000;border-top:0;border-bottom-color:#fff;top:-14px;left:32px;right:auto}}@media (max-width:640px){.bi-snapshots .bi-cover{padding:20px 18px 22px}.bi-snapshots .bi-cover-mark{width:96px;margin-bottom:4px;position:static}.bi-snapshots .bi-cover-title{padding-right:0}.bi-snapshots .bi-strip-data{width:100%;height:180px;margin-top:4px;position:static;mask-image:linear-gradient(#000000b3 0,#0000 100%)}.bi-snapshots .bi-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}