.uil-page{--lab-ui-paper: oklch(.98 .008 255);--product-preview-width: 640px;--hbl-plus: var(--lab-ui-paper);--uil-demo-bg: var(--fresh-raised);--uil-demo-fg: var(--fresh-paper);--uil-demo-muted: var(--fresh-muted);--uil-demo-line: var(--fresh-line);color-scheme:dark;overflow-x:clip}.uil-page ::selection{background:var(--lab-ui-paper);color:var(--fresh-ink)}.uil-page :is(button,a):focus-visible{outline:2px solid var(--lab-ui-paper);outline-offset:3px}.uil-page .product-site-nav a[href="/ui"]{color:var(--lab-ui-paper)}.uil-page .product-site-nav a[href="/studio"]{color:inherit}.uil-page #product-main>.slb-section{margin-block:var(--product-section-gap) 0}.uil-page #product-main>.product-hero+.slb-section{margin-top:calc(2 * var(--content-space-major))}.uil-page .slb-section,.uil-page .slb-section h2{scroll-margin-top:112px}.uil-included{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:var(--fresh-muted);font-size:13px;text-decoration:none}.uil-included:hover{color:var(--fresh-paper)}.uil-included svg:last-child{width:12px}.uil-trailer{position:relative;width:100%;margin:0;overflow:hidden;border:1px solid var(--fresh-line);border-radius:6px;background:var(--fresh-ink)}.uil-trailer video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.uil-trailer figcaption{position:absolute;left:14px;bottom:14px;padding:6px 10px;background:var(--fresh-ink);color:var(--fresh-paper);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}.uil-trailer-playback{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--fresh-line);background:var(--fresh-ink);color:var(--fresh-paper);cursor:pointer}.uil-trailer-playback:hover{background:var(--fresh-raised)}.uil-section-head{margin-bottom:var(--content-space-block)}.uil-section-head h2{margin-bottom:var(--content-space-detail)}.uil-section-head .slb-features-intro{margin-bottom:0}.uil-block{position:relative;scroll-margin-top:112px}.uil-stage{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:var(--uil-demo-bg);color:var(--uil-demo-fg)}.uil-stage-tag{position:absolute;top:16px;left:50%;z-index:2;display:inline-flex;align-items:center;gap:8px;color:var(--uil-demo-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.12em;text-transform:uppercase;transform:translate(-50%)}.uil-stage-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lab-watermelon)}.uil-block-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.uil-block-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.uil-block-title h3{margin:0;color:var(--fresh-paper);font-size:clamp(28px,3.6vw,40px);font-variation-settings:"opsz" 48,"wght" 720;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}.uil-block-blurb{max-width:46ch;margin:0;color:var(--fresh-muted);font-size:16px;line-height:1.55;text-wrap:balance}.uil-status{padding:3px 7px;border:1px solid var(--fresh-line);color:var(--fresh-paper);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.1em;text-transform:uppercase}.uil-install-line{display:flex;align-items:stretch;width:100%;max-width:440px;min-height:40px;padding-left:12px;border:1px solid var(--fresh-line);background:var(--fresh-ink)}.uil-install-line code{flex:1;min-width:0;align-self:center;overflow-x:auto;color:var(--fresh-paper);font-family:var(--font-mono);font-size:12px;white-space:nowrap;scrollbar-width:none}.uil-install-line .copy-cmd-btn{align-self:stretch;padding:0 12px;border:0;border-left:1px solid var(--fresh-line);background:transparent;color:var(--fresh-muted);font-size:var(--fresh-min-mono);letter-spacing:.1em}.uil-install-line .copy-cmd-btn:hover,.uil-install-line .copy-cmd-btn:focus-visible{background:var(--lab-ui-paper);color:var(--fresh-ink)}.uil-install-line .copy-cmd-btn-icon-inner[data-icon=idle]{color:var(--fresh-muted)}.uil-links{display:flex;flex-wrap:wrap;gap:24px;margin:0}.uil-links a{display:inline-flex;align-items:center;gap:6px;color:var(--fresh-paper);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.11em;text-decoration:none;text-transform:uppercase}.uil-links a:hover{color:var(--lab-ui-paper);text-decoration:underline;text-underline-offset:4px}.uil-links svg{width:10px}.uil-examples{min-width:0;padding-top:20px;border-top:1px solid var(--fresh-line)}.uil-examples-label{margin:0 0 16px;color:var(--fresh-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.12em;text-transform:uppercase}.uil-page .uil-catalogue{--fresh-grid-gap: 24px;margin:0;padding:0;max-width:none;background:transparent}.uil-examples .ex-list{grid-template-columns:repeat(4,minmax(0,1fr))}.uil-blocks{display:grid;gap:calc(2 * var(--content-space-major))}.uil-blocks .uil-block{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px 48px}.uil-blocks .uil-stage{--uil-demo-bg: var(--lab-ui-paper);--uil-demo-fg: var(--lab-ink);--uil-demo-muted: color-mix(in oklch, var(--lab-ink) 55%, var(--lab-ui-paper));--uil-demo-line: color-mix(in oklch, var(--lab-ink) 14%, transparent);grid-column:1 / -1;margin-inline:calc(50% - 50vw);min-height:clamp(520px,78svh,820px)}.uil-blocks .uil-stage-tag{top:24px}.uil-blocks .uil-examples{padding-top:0;border:0}.uil-blocks .uil-examples .ex-list{grid-template-columns:repeat(2,minmax(0,1fr))}.uil-page-cursor{z-index:80;display:grid;place-items:center;background:#000;color:#fff;font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.uil-stage .hbl-gallery-demo{width:100%;border:0;background:transparent;padding-bottom:32px}.uil-stage .hbl-demo-toolbar{justify-content:center;border:0;padding:56px 0 16px}.uil-stage .hbl-gallery-picker button{min-height:36px;padding:0 14px;color:var(--uil-demo-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.12em;text-transform:uppercase}.uil-stage .hbl-gallery-picker button:hover{color:var(--uil-demo-fg)}.uil-stage .hbl-gallery-picker button[aria-pressed=true]{color:var(--uil-demo-bg)}.uil-stage .hbl-gallery-picker-mark{background:var(--uil-demo-fg)}.uil-stage .hbl-gallery-code{display:none}.uil-stage .hbl-gallery-stage{height:clamp(440px,60svh,640px)}.uil-stage .hbl-gallery-hint{display:none}.uil-stage .hbl-gallery-caption{color:var(--uil-demo-fg)}.uil-stage .hbl-gallery-caption button{border-color:var(--uil-demo-line);background:var(--uil-demo-bg);color:var(--uil-demo-fg)}.uil-demo-cursor{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:20px;padding:64px 32px}.uil-demo-cursor-tile{display:grid;gap:10px;color:var(--uil-demo-fg);font-size:13px;text-decoration:none;cursor:none}.uil-demo-cursor-tile img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;background:var(--uil-demo-line)}.uil-demo-carousel{width:100%;padding:64px 0 32px}.uil-demo-carousel>:first-child{padding-inline:clamp(24px,6vw,96px)}.uil-demo-card{width:clamp(200px,22vw,280px);margin:0;-webkit-user-select:none;user-select:none}.uil-demo-card img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;background:var(--uil-demo-line);pointer-events:none}.uil-demo-card figcaption{display:flex;gap:12px;margin-top:12px;color:var(--uil-demo-fg);font-size:14px}.uil-demo-card figcaption span{color:var(--uil-demo-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);line-height:20px}.uil-demo-pager{display:flex;justify-content:center;gap:8px;margin-top:24px}.uil-demo-pager button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--uil-demo-line);background:transparent;color:var(--uil-demo-fg);cursor:pointer}.uil-demo-pager button:hover{background:var(--uil-demo-fg);color:var(--uil-demo-bg)}.uil-demo-ticker{display:grid;gap:8px;width:100%}.uil-demo-ticker-item{display:inline-flex;align-items:center;gap:20px;color:var(--uil-demo-fg);font-size:clamp(34px,5vw,60px);font-variation-settings:"opsz" 60,"wght" 680;letter-spacing:-.035em;line-height:1.02;white-space:nowrap}.uil-demo-ticker-item img{width:auto;height:.78em;aspect-ratio:2 / 3;object-fit:cover;border-radius:999px}.uil-demo-number{display:grid;justify-items:center;gap:28px;padding:64px 24px;color:var(--uil-demo-fg)}.uil-demo-segment{display:flex;padding:3px;border:1px solid var(--uil-demo-line)}.uil-demo-segment button{min-height:36px;padding:0 16px;border:0;background:transparent;color:var(--uil-demo-muted);font:inherit;font-size:13px;cursor:pointer}.uil-demo-segment button[aria-pressed=true]{background:var(--uil-demo-fg);color:var(--uil-demo-bg)}.uil-demo-price{font-size:clamp(34px,5vw,60px);font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 60,"wght" 680;letter-spacing:-.035em;line-height:1.02}.uil-demo-seats{display:flex;align-items:center;gap:16px;color:var(--uil-demo-muted);font-size:14px}.uil-demo-seats button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--uil-demo-line);background:transparent;color:var(--uil-demo-fg);font-size:18px;cursor:pointer}.uil-demo-seats button:disabled{opacity:.35;cursor:default}.uil-demo-chat{display:grid;gap:20px;width:min(560px,calc(100% - 48px));padding:64px 0}.uil-demo-chat-thread{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;height:300px;margin:0;padding:0;overflow:hidden;list-style:none;-webkit-mask-image:linear-gradient(transparent,#000 56px);mask-image:linear-gradient(transparent,#000 56px)}.uil-demo-chat-thread li{max-width:80%;padding:12px 16px;font-size:16px;line-height:1.55;text-wrap:pretty}.uil-demo-chat-thread li[data-from=user]{align-self:flex-end;background:var(--uil-demo-fg);color:var(--uil-demo-bg)}.uil-demo-chat-thread li[data-from=assistant]{align-self:flex-start;border:1px solid var(--uil-demo-line);color:var(--uil-demo-fg)}.uil-demo-chat-composer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 8px 8px 16px;border:1px solid var(--uil-demo-line);color:var(--uil-demo-fg);font-size:16px;line-height:1.55;transition:border-color .2s}.uil-demo-chat-composer[data-drafting]{border-color:var(--uil-demo-fg)}.uil-demo-chat-caret{translate:0 1px}.uil-demo-chat-placeholder{color:var(--uil-demo-muted)}.uil-demo-chat-send{display:grid;flex:none;place-items:center;width:40px;height:40px;background:var(--uil-demo-fg);color:var(--uil-demo-bg);opacity:.3;transition:opacity .2s}.uil-demo-chat-send[data-ready]{opacity:1}.uil-demo-scramble{width:min(720px,calc(100% - 48px));margin:0;padding:48px 0;list-style:none}.uil-demo-scramble li+li{border-top:1px solid var(--uil-demo-line)}.uil-demo-scramble a{display:flex;align-items:baseline;gap:24px;padding-block:14px;color:var(--uil-demo-fg);font-family:var(--font-mono);font-size:clamp(28px,3.6vw,40px);font-variation-settings:"wght" 680;letter-spacing:-.02em;line-height:1.1;text-decoration:none;text-transform:uppercase}.uil-demo-scramble-index{color:var(--uil-demo-muted);font-size:12px;font-variation-settings:"wght" 400;letter-spacing:.1em}.uil-demo-split{display:grid;justify-items:start;gap:32px;width:min(880px,calc(100% - 48px));padding:64px 0;color:var(--uil-demo-fg)}.uil-demo-split p{margin:0;color:var(--uil-demo-fg);font-size:clamp(34px,5vw,60px);font-variation-settings:"opsz" 60,"wght" 680;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.uil-demo-split p span{display:inline-block;will-change:transform}.uil-demo-split button{min-height:40px;padding:0 14px;border:1px solid var(--uil-demo-line);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}.uil-demo-split button:hover{background:var(--uil-demo-fg);color:var(--uil-demo-bg)}.uil-demo-curtains{display:grid;justify-items:center;gap:24px;width:min(880px,calc(100% - 48px));padding:64px 0 48px}.uil-demo-curtains-page{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--uil-demo-line);color:var(--uil-demo-fg)}.uil-demo-curtains-page img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;background:var(--uil-demo-line)}.uil-demo-curtains-copy{display:grid;align-content:end;justify-items:start;gap:12px;padding:32px}.uil-demo-curtains-copy span{color:var(--uil-demo-muted);font-family:var(--font-mono);font-size:var(--fresh-min-mono);letter-spacing:.12em}.uil-demo-curtains-copy strong{font-size:clamp(34px,5vw,60px);font-variation-settings:"opsz" 60,"wght" 680;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.uil-demo-curtains-copy button{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:12px;padding:0 14px;border:1px solid var(--uil-demo-line);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}.uil-demo-curtains-copy button:hover{background:var(--uil-demo-fg);color:var(--uil-demo-bg)}.uil-demo-curtains .motion-curtain{background:var(--uil-demo-fg)}.uil-section-frame{margin-bottom:var(--content-space-block);overflow:hidden;border:1px solid var(--fresh-line);background:var(--fresh-raised);aspect-ratio:16 / 9}.uil-section-frame iframe{display:block;width:100%;height:100%;border:0}.uil-feel h2{margin-bottom:0}.uil-feel .slb-feature-notes code{color:var(--fresh-paper);font-family:var(--font-mono)}.uil-plus{--fresh-accent: var(--lab-rind);position:relative;isolation:isolate;display:grid;justify-items:center;gap:48px;text-align:center}.uil-page #product-main>.uil-plus{padding-top:var(--content-space-major)}.uil-plus .plb-flow-field{position:absolute;inset:0 calc(50% - 50vw) 30%;z-index:-1;overflow:hidden;pointer-events:none}.uil-plus .plb-flow-field canvas{display:block;width:100%;height:100%}.uil-plus-trailer{width:min(880px,100%);border:0;border-radius:12px}.uil-plus-trailer-controls{position:absolute;right:14px;bottom:14px;display:flex;gap:6px}.uil-plus-trailer-controls .uil-trailer-playback{position:static}.uil-plus-copy .fresh-motion-plus-lockup{margin:0 auto 28px}.uil-plus h2{margin-bottom:var(--content-space-detail)}.uil-plus .slb-features-intro{max-width:540px;margin:0 auto}.uil-plus-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:30px}.uil-plus-actions .fresh-section-action{margin-left:0}.uil-plus .fresh-primary-action{--fresh-primary-background: var(--lab-rind);--fresh-primary-foreground: var(--fresh-ink)}.uil-plus-note{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:20px 0 0;color:var(--fresh-muted);font-size:12px}.uil-plus-note strong{color:var(--fresh-paper);font-variation-settings:"wght" 560}@media(max-width:960px){.uil-blocks .uil-block{grid-template-columns:minmax(0,1fr)}.uil-examples .ex-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.uil-demo-cursor{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:56px 16px 24px}.uil-section-frame{aspect-ratio:3 / 4}}