main.fb-shell{min-height:calc(100vh - var(--fb-header-height))}.hero{border-bottom:1px solid var(--fb-line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.hero__copy:before{--fb-mark-left:transparent}.hero__copy{padding:clamp(40px, 7vw, 96px) var(--fb-gutter);border-right:1px solid var(--fb-line);align-content:center;gap:22px;display:grid}.hero h1{letter-spacing:-.04em;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.04}.hero__package{color:var(--fb-muted);font-family:var(--fb-font-mono);margin:0;font-size:12.5px}.hero__lede{max-width:560px;color:var(--fb-muted);margin:0;font-size:16px}.hero__actions{flex-wrap:wrap;gap:10px;display:flex}.hints{color:var(--fb-faint);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.hints li{align-items:center;gap:4px;display:flex}.hero .fb-grid{--fb-columns:2;border:0;align-content:stretch}.hero .fb-grid>:nth-child(2n){border-right:0}.hero .fb-grid>:nth-last-child(-n+2){border-bottom:0}.hero .fb-grid>:nth-child(2n):after,.hero .fb-grid>:nth-last-child(-n+2):after{display:none}.feature{align-content:start;gap:6px;display:grid}.feature h3{letter-spacing:-.01em;font-size:14.5px}.feature p{color:var(--fb-muted);margin:0;font-size:13.5px}.page-head{padding:clamp(36px, 6vw, 72px) var(--fb-gutter) clamp(28px, 4vw, 44px);border-bottom:1px solid var(--fb-line);gap:14px;display:grid}.page-head h1{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.page-head p:last-child{max-width:680px;color:var(--fb-muted);margin:0;font-size:16px}.section{border-bottom:1px solid var(--fb-line)}.section:last-child{border-bottom:0}.section__head{padding:40px var(--fb-gutter) 24px;justify-items:start;gap:10px;display:grid}.section__head>.fb-rule-title{justify-self:stretch}.section__head>p{max-width:680px;color:var(--fb-muted);margin:0}.stage{padding:24px var(--fb-gutter) 28px}.section>.fb-code,.section>.fb-grid{margin:0 var(--fb-gutter) 32px}.integration{align-content:start;gap:8px;min-height:150px;text-decoration:none;transition:background .12s ease-out;display:grid}.integration:hover{background:var(--fb-surface)}.integration h3{justify-content:space-between;font-size:15px;display:flex}.integration__name{align-items:center;gap:8px;display:inline-flex}.integration h3 span:not(.integration__name){color:var(--fb-faint);font-weight:400}.integration p{color:var(--fb-muted);margin:0;font-size:13.5px}.playground{padding:24px var(--fb-gutter) 40px;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:24px;display:grid}.mosaic{flex-wrap:wrap;gap:8px;display:flex}.mosaic:after{content:"";flex:999 1 0}.mosaic fluidbox-item{flex:var(--ratio) 1 calc(var(--ratio) * clamp(120px, 16vw, 200px));position:relative}.mosaic [slot=trigger]{border-radius:var(--fb-image-radius);background:var(--fb-surface-2);overflow:hidden}.mosaic img{width:100%;height:auto;aspect-ratio:var(--ratio);object-fit:cover;display:block}.controls{top:calc(var(--fb-header-height) + 16px);border:1px solid var(--fb-line);background:var(--fb-bg);accent-color:var(--fb-fg);gap:18px;padding:16px;font-size:13.5px;display:grid;position:sticky;box-shadow:0 10px 30px #0000000f}.controls fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.controls legend{margin-bottom:8px;padding:0;font-weight:500}.controls label{align-items:center;gap:8px;display:flex}.controls input:is([type=radio],[type=checkbox]){margin:0}.controls .controls__field{color:var(--fb-muted);grid-template-columns:1fr auto;gap:6px 8px;display:grid}.controls__field select{min-width:0;font:inherit}.controls__field input[type=range]{grid-column:1/-1;width:100%;margin:0}.controls__field:has(:disabled){opacity:.5}.controls output{font-family:var(--fb-font-mono);font-size:12px}:root[data-backdrop=blur]{--fluidbox-backdrop-background:color-mix(in srgb, var(--fb-bg) 55%, transparent);--fluidbox-backdrop-filter:blur(24px) saturate(1.6)}:root:is([data-sheet-photo=fit],[data-sheet-photo=round]) [data-fluidbox-dialog]{--fluidbox-sheet-photo:fit}:root[data-sheet-photo=round] [data-fluidbox-dialog]{--fluidbox-sheet-fit-inset:16px}:root[data-sheet-photo=round] [data-fluidbox-dialog] [data-fluidbox-frame]{border-radius:calc(var(--fluidbox-sheet-progress,0) * 24px)}.info-toggle{z-index:3;left:50%;bottom:max(20px, env(safe-area-inset-bottom));min-height:var(--fb-control-height);border:1px solid var(--fb-line-strong);background:var(--fb-bg);color:var(--fb-fg);font:inherit;cursor:pointer;pointer-events:auto;opacity:calc(1 - var(--fluidbox-sheet-progress,0) * 3 - var(--fluidbox-sheet-dismiss,0) * 3);padding:0 16px;font-size:13.5px;position:absolute;translate:-50%}[data-fluidbox-dialog][data-sheet-raised] .info-toggle{pointer-events:none}[data-fluidbox-dialog]:has([data-fluidbox-filmstrip]) .info-toggle{bottom:calc(var(--fluidbox-filmstrip-space) + 4px)}[data-fluidbox-dialog]:has(.info-card){--fluidbox-sheet-background:transparent;--fluidbox-sheet-max-width:520px;--fluidbox-sheet-fade:0}[data-fluidbox-sheet]:has(>.info-card){box-shadow:none;padding-inline:12px;overflow:visible}.info-card{background:var(--fb-bg);color:var(--fb-fg);box-shadow:0 0 0 1px var(--fb-line), 0 12px 40px #00000047;gap:10px;margin-bottom:12px;padding:10px 20px 20px;display:grid}.info-card__grabber{background:var(--fb-line-strong);border-radius:3px;justify-self:center;width:36px;height:5px}.info-card h3{letter-spacing:-.02em;font-size:1.1rem}.info-card__credit{color:var(--fb-muted);margin:0}.info-card__credit a{color:var(--fb-fg)}.info-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:4px 0 0;font-size:13px;display:grid}.info-card dt{color:var(--fb-faint)}.info-card dd{font-family:var(--fb-font-mono);margin:0}.jump{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.jump .fb-input{width:120px}.jump__window{color:var(--fb-faint);font-family:var(--fb-font-mono);letter-spacing:.04em;margin-left:auto;font-size:11.5px}.virtual-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.virtual-card{text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0}.virtual-card img{aspect-ratio:1;object-fit:cover;border-radius:var(--fb-image-radius);width:100%;height:auto;display:block}.virtual-card span{color:var(--fb-faint);font-family:var(--fb-font-mono);padding-top:6px;font-size:11px;display:block}.headless-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.4fr 1fr 1fr;gap:8px;height:clamp(300px,40vw,480px);display:grid}.headless-thumb{border-radius:var(--fb-image-radius);background:var(--fb-surface-2);cursor:zoom-in;border:0;padding:0;overflow:hidden}.headless-thumb:first-child{grid-row:span 2}.headless-thumb:nth-child(2){grid-column:span 2}.headless-thumb img{object-fit:cover;width:100%;height:100%;display:block}.caption-bar{z-index:2;left:50%;bottom:max(20px, env(safe-area-inset-bottom));border:1px solid var(--fb-line-strong);background:var(--fb-bg);width:min(100% - 32px,520px);color:var(--fb-fg);pointer-events:auto;align-items:stretch;display:flex;position:fixed;transform:translate(-50%)}.caption-bar button{border:0;border-left:1px solid var(--fb-line);cursor:pointer;background:0 0;flex:none;place-items:center;width:44px;display:grid}.caption-bar button:first-child{border-left:0;border-right:1px solid var(--fb-line)}.caption-bar button:hover:not(:disabled){background:var(--fb-surface-2)}.caption-bar button:disabled{color:var(--fb-faint);cursor:default}.caption-bar__text{flex:1;min-width:0;padding:8px 12px;line-height:1.35;display:grid}.caption-bar__text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.caption-bar__text span{color:var(--fb-faint);font-family:var(--fb-font-mono);font-size:11px}.react-grid{--fb-columns:2}.react-card{grid-template-rows:1fr auto;gap:16px;padding:20px;display:grid}.react-card__text{gap:4px;display:grid}.react-card__text h3{font-size:14.5px}.react-card__text p{color:var(--fb-muted);margin:0;font-size:13.5px}:where(.react-card button){text-align:left;cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.product{border:1px solid var(--fb-line);background:var(--fb-bg);align-self:start}.product__image{background:#f7efe9;display:block;position:relative;overflow:hidden}.product__image img{width:100%;height:auto;display:block}.product__layer{pointer-events:none;position:absolute;inset:0}.product__badge{color:#fff;font-family:var(--fb-font-mono);letter-spacing:.06em;text-transform:uppercase;transform-origin:0 0;background:#0a0a0a;padding:3px 8px;font-size:10.5px;position:absolute;top:12px;left:12px}.product__details{border-top:1px solid var(--fb-line);justify-content:space-between;align-items:end;padding:12px 14px;display:flex}.product__details small{color:var(--fb-muted);display:block}.product__price{font-family:var(--fb-font-mono);font-size:15px}.map{align-self:start;position:relative}.map__preview{border-radius:var(--fb-image-radius);display:block;position:relative;overflow:hidden}.map__preview img{width:100%;height:auto;display:block}.map__pin{background:#0a0a0a;border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 5px #0a0a0a2e}.map__credit{color:#333;font-size:10px;position:absolute;bottom:6px;left:8px}.map__pill{color:#0a0a0a;font-family:var(--fb-font-mono);letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid #0a0a0a;padding:4px 9px;font-size:10.5px;position:absolute;top:10px;right:10px}.album{border:1px solid var(--fb-line-strong);background:repeating-linear-gradient(-45deg, transparent 0 9px, color-mix(in srgb, var(--fb-line) 70%, transparent) 9px 10px), var(--fb-surface);align-content:end;gap:4px;height:100%;min-height:220px;padding:20px;display:grid}.album:hover{border-color:var(--fb-fg)}.album__count{font-family:var(--fb-font-mono);margin-bottom:auto;font-size:2.4rem;line-height:1}.album__title{letter-spacing:-.03em;font-size:1.3rem;font-weight:500}.album__hint{color:var(--fb-muted);font-family:var(--fb-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.cover__preview{border-radius:var(--fb-image-radius);aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.cover__preview img{object-fit:cover;width:100%;height:100%;display:block}.cover__count{color:#fff;font-family:var(--fb-font-mono);opacity:var(--fluidbox-closed,1);background:#0a0a0a;padding:4px 9px;font-size:12px;position:absolute;bottom:10px;right:10px}.framework-grid{--fb-columns:3}.framework-slot{min-height:200px}.framework-slot[aria-busy=true]{background:var(--fb-surface)}.framework-panel{gap:14px;height:100%;padding:20px;display:grid}.framework-panel__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.framework-panel__head h3{font-size:14.5px}.framework-panel__api{color:var(--fb-faint);background:0 0;border:0;justify-self:start;padding:0;font-size:11.5px}.thumb-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:560px;display:grid}.thumb-row .fb-thumb img{aspect-ratio:3/4;object-fit:cover}.library-frame{border:1px solid var(--fb-line);height:min(78vh,760px)}.fixture-list .fb-cell{gap:4px;text-decoration:none;display:grid}.fixture-list .fb-cell:hover{background:var(--fb-surface)}.fixture-list h3{font-family:var(--fb-font-mono);font-size:13px;font-weight:450}.fixture-list p{color:var(--fb-muted);margin:0;font-size:13.5px}@media (width<=900px){.hero,.playground{grid-template-columns:1fr}.controls{box-shadow:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));position:static}.hero__copy{border-right:0;border-bottom:1px solid var(--fb-line)}.hero__copy:after{--fb-mark-right:transparent;width:var(--fb-mark-half)}.framework-grid,.integrations{--fb-columns:1}.virtual-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=680px){.react-grid,.fixture-list{--fb-columns:1}.virtual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.headless-grid{grid-template-rows:2fr 1fr 1fr;grid-template-columns:1fr 1fr;height:520px}.headless-thumb:first-child{grid-area:auto/span 2}.headless-thumb:nth-child(2){grid-column:auto}.headless-thumb:last-child{grid-column:span 2}.jump__window{width:100%;margin-left:0}}