.layout-demo-module__CCJTSW__page{--accent:var(--seed-primary);--accent-soft:color-mix(in oklch, var(--seed-primary) 14%, transparent);--ink:#1d2738;--muted:#737d8d;--line:#e1e6ed;--fill:#eef1f5;--surface:#fff;--canvas:#f7f8fa;background:var(--canvas);min-height:100svh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.layout-demo-module__CCJTSW__toolbar{z-index:40;align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:16px}.layout-demo-module__CCJTSW__trigger,.layout-demo-module__CCJTSW__controlButton{height:40px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #d6dde7;box-shadow:0 8px 24px #2332501a}.layout-demo-module__CCJTSW__trigger{padding-inline:18px}.layout-demo-module__CCJTSW__controlButton{width:40px}.layout-demo-module__CCJTSW__languageButton{width:48px;font-family:var(--seed-font-mono);font-size:12px;font-weight:700}.layout-demo-module__CCJTSW__trigger:hover,.layout-demo-module__CCJTSW__controlButton:hover{background:#fff;border-color:#b9c3d0}.layout-demo-module__CCJTSW__sheetContent{width:min(92vw,416px)!important;max-width:416px!important;color:var(--ink)!important;background:#f8fafc!important;border-left:0!important;gap:0!important;padding:0!important}.layout-demo-module__CCJTSW__sheetHeader{border-bottom:1px solid var(--line);background:#fff;gap:6px;padding:28px 56px 22px 24px}.layout-demo-module__CCJTSW__sheetKicker{color:var(--accent);font-family:var(--seed-font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:700}.layout-demo-module__CCJTSW__sheetTitle{color:var(--ink);font-size:20px}.layout-demo-module__CCJTSW__sheetDescription{color:var(--muted)}.layout-demo-module__CCJTSW__patternList{scrollbar-width:none;flex:1;align-content:start;gap:8px;min-height:0;padding:16px;display:grid;overflow-y:auto}.layout-demo-module__CCJTSW__patternList::-webkit-scrollbar{display:none}.layout-demo-module__CCJTSW__patternOption{border:1px solid var(--line);width:100%;height:auto;min-height:66px;color:var(--ink);text-align:left;background:#fff;border-radius:11px;justify-content:flex-start;gap:12px;padding:10px 12px}.layout-demo-module__CCJTSW__patternOption:hover{background:#f4f6f8;border-color:#c2cad6}.layout-demo-module__CCJTSW__selected{border-color:color-mix(in oklch, var(--accent) 54%, var(--line));background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.layout-demo-module__CCJTSW__optionNumber{color:#7d8796;width:32px;height:32px;font-family:var(--seed-font-mono);border:1px solid #d8dee7;border-radius:8px;flex:0 0 32px;place-items:center;font-size:10px;display:grid}.layout-demo-module__CCJTSW__optionText{flex:1;gap:2px;min-width:0;display:grid}.layout-demo-module__CCJTSW__optionText strong{color:var(--ink);font-size:13px;font-weight:650}.layout-demo-module__CCJTSW__optionText span{color:var(--muted);text-overflow:ellipsis;font-size:11px;font-weight:400;overflow:hidden}.layout-demo-module__CCJTSW__check{width:16px;color:var(--accent)}.layout-demo-module__CCJTSW__viewport{background:var(--canvas);width:100%;min-height:100svh;display:grid}.layout-demo-module__CCJTSW__region{border:0 solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:120px;display:flex;position:relative;overflow:hidden}.layout-demo-module__CCJTSW__regionHeader{border-bottom:1px solid var(--line);color:#657083;min-height:40px;font-family:var(--seed-font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding-inline:16px;font-size:9px;display:flex}.layout-demo-module__CCJTSW__regionHeader strong{flex:1;font-size:9px;font-weight:700}.layout-demo-module__CCJTSW__regionHeader>span:last-child,.layout-demo-module__CCJTSW__regionMark{display:none}.layout-demo-module__CCJTSW__regionBody{flex:1;align-content:center;gap:16px;min-height:0;padding:24px;display:grid}.layout-demo-module__CCJTSW__brand{font-family:var(--seed-font-mono);letter-spacing:.13em;font-size:13px;display:none}.layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__secondaryLine{background:#dfe4eb;border-radius:999px;width:min(72%,360px);height:9px;display:block}.layout-demo-module__CCJTSW__secondaryLine{background:#e8ebf0;width:min(48%,220px);height:6px}.layout-demo-module__CCJTSW__primaryShape{background:var(--fill);border:1px solid #dce2ea;border-radius:12px;width:100%;min-height:150px}.layout-demo-module__CCJTSW__supportShapes{grid-template-columns:1fr;gap:10px;display:none}.layout-demo-module__CCJTSW__supportShapes i{background:#f6f7f9;border:1px solid #e0e5ec;border-radius:10px;min-height:64px;display:block}.layout-demo-module__CCJTSW__region[data-region=navigation],.layout-demo-module__CCJTSW__region[data-region=minimalHeader]{border-bottom-width:1px;min-height:64px}.layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__regionHeader,.layout-demo-module__CCJTSW__region[data-region=minimalHeader] .layout-demo-module__CCJTSW__regionHeader{display:none}.layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=minimalHeader] .layout-demo-module__CCJTSW__regionBody{align-items:center;gap:24px;padding:0 240px 0 20px;display:flex}.layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__brand,.layout-demo-module__CCJTSW__region[data-region=minimalHeader] .layout-demo-module__CCJTSW__brand{display:block}.layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=minimalHeader] .layout-demo-module__CCJTSW__primaryShape{background:#e8ecf1;border:0;border-radius:8px;width:min(36%,320px);min-height:28px;display:none}.layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__region[data-region=minimalHeader] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=minimalHeader] .layout-demo-module__CCJTSW__secondaryLine{display:none}.layout-demo-module__CCJTSW__region[data-region=footer]{background:#fafbfc;border-top-width:1px;min-height:76px}.layout-demo-module__CCJTSW__region[data-region=footer] .layout-demo-module__CCJTSW__regionHeader,.layout-demo-module__CCJTSW__region[data-region=footer] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=footer] .layout-demo-module__CCJTSW__secondaryLine{display:none}.layout-demo-module__CCJTSW__region[data-region=footer] .layout-demo-module__CCJTSW__primaryShape{background:#e5e9ee;border:0;border-radius:999px;justify-self:center;width:min(52%,440px);min-height:14px}.layout-demo-module__CCJTSW__region[data-region=hero],.layout-demo-module__CCJTSW__region[data-region=featured],.layout-demo-module__CCJTSW__region[data-region=scene]{background:#f1f3f6;min-height:560px}.layout-demo-module__CCJTSW__region[data-region=hero] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=featured] .layout-demo-module__CCJTSW__regionBody{padding:clamp(32px,8vw,110px)}.layout-demo-module__CCJTSW__region[data-region=hero] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=featured] .layout-demo-module__CCJTSW__primaryShape{background:#e3e7ec;min-height:260px}.layout-demo-module__CCJTSW__region[data-region=section],.layout-demo-module__CCJTSW__region[data-region=left],.layout-demo-module__CCJTSW__region[data-region=right],.layout-demo-module__CCJTSW__region[data-region=text],.layout-demo-module__CCJTSW__region[data-region=detail],.layout-demo-module__CCJTSW__region[data-region=articleBody],.layout-demo-module__CCJTSW__region[data-region=feed],.layout-demo-module__CCJTSW__region[data-region=form]{min-height:380px}.layout-demo-module__CCJTSW__region[data-region=section] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=featured] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=primary] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=detail] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=related] .layout-demo-module__CCJTSW__supportShapes{display:grid}.layout-demo-module__CCJTSW__region[data-region=visual],.layout-demo-module__CCJTSW__region[data-region=gallery],.layout-demo-module__CCJTSW__region[data-region=scene]{background:#eef1f4;min-height:420px}.layout-demo-module__CCJTSW__region[data-region=visual] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=visual] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__region[data-region=gallery] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=gallery] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__region[data-region=scene] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=scene] .layout-demo-module__CCJTSW__secondaryLine{display:none}.layout-demo-module__CCJTSW__region[data-region=visual] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=gallery] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=scene] .layout-demo-module__CCJTSW__primaryShape{background:#dfe4ea;min-height:320px}.layout-demo-module__CCJTSW__region[data-region=card],.layout-demo-module__CCJTSW__region[data-region=secondary],.layout-demo-module__CCJTSW__region[data-region=story],.layout-demo-module__CCJTSW__region[data-region=result]{border:1px solid var(--line);border-radius:12px;min-height:260px}.layout-demo-module__CCJTSW__region[data-region=card] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=secondary] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=story] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=result] .layout-demo-module__CCJTSW__primaryShape{min-height:126px}.layout-demo-module__CCJTSW__region[data-region=primary]{background:#edf1f5;min-height:480px}.layout-demo-module__CCJTSW__region[data-region=wide]{min-height:220px}.layout-demo-module__CCJTSW__region[data-region=rail],.layout-demo-module__CCJTSW__region[data-region=sidebar],.layout-demo-module__CCJTSW__region[data-region=filters],.layout-demo-module__CCJTSW__region[data-region=related]{background:#fafbfc}.layout-demo-module__CCJTSW__region[data-region=rail] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=sidebar] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=filters] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=related] .layout-demo-module__CCJTSW__primaryShape{background:#f0f2f5;min-height:260px}.layout-demo-module__CCJTSW__region[data-region=feed] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=rail] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=sidebar] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=filters] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=form] .layout-demo-module__CCJTSW__supportShapes{display:grid}.layout-demo-module__CCJTSW__region[data-region=feed] .layout-demo-module__CCJTSW__supportShapes i,.layout-demo-module__CCJTSW__region[data-region=rail] .layout-demo-module__CCJTSW__supportShapes i,.layout-demo-module__CCJTSW__region[data-region=sidebar] .layout-demo-module__CCJTSW__supportShapes i,.layout-demo-module__CCJTSW__region[data-region=filters] .layout-demo-module__CCJTSW__supportShapes i,.layout-demo-module__CCJTSW__region[data-region=form] .layout-demo-module__CCJTSW__supportShapes i{background:#f8f9fb;min-height:48px}.layout-demo-module__CCJTSW__region[data-region=content]{min-height:620px}.layout-demo-module__CCJTSW__region[data-region=content] .layout-demo-module__CCJTSW__primaryShape{min-height:280px}.layout-demo-module__CCJTSW__region[data-region=content] .layout-demo-module__CCJTSW__supportShapes{display:grid}.layout-demo-module__CCJTSW__region[data-region=category],.layout-demo-module__CCJTSW__region[data-region=pagination],.layout-demo-module__CCJTSW__region[data-region=steps],.layout-demo-module__CCJTSW__region[data-region=purchase],.layout-demo-module__CCJTSW__region[data-region=search]{min-height:92px}.layout-demo-module__CCJTSW__region[data-region=category] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=pagination] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=steps] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=purchase] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=search] .layout-demo-module__CCJTSW__regionBody{align-items:center;gap:16px;padding:18px 20px;display:flex}.layout-demo-module__CCJTSW__region[data-region=category] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=pagination] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=steps] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=purchase] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=search] .layout-demo-module__CCJTSW__primaryShape{width:min(64%,620px);min-height:38px}.layout-demo-module__CCJTSW__region[data-region=category] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=category] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__region[data-region=pagination] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=pagination] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__region[data-region=steps] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=steps] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__region[data-region=purchase] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=purchase] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__region[data-region=search] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__region[data-region=search] .layout-demo-module__CCJTSW__secondaryLine{display:none}.layout-demo-module__CCJTSW__region[data-region=cta]{background:#eef3fb;min-height:220px}.layout-demo-module__CCJTSW__region[data-region=headline]{min-height:280px}.layout-demo-module__CCJTSW__region[data-region=headline] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=articleBody] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=text] .layout-demo-module__CCJTSW__primaryShape{display:none}.layout-demo-module__CCJTSW__region[data-region=shelf]{min-height:260px}.layout-demo-module__CCJTSW__region[data-region=shelf] .layout-demo-module__CCJTSW__primaryShape{display:none}.layout-demo-module__CCJTSW__region[data-region=shelf] .layout-demo-module__CCJTSW__regionBody{overflow-x:auto}.layout-demo-module__CCJTSW__region[data-region=shelf] .layout-demo-module__CCJTSW__supportShapes{grid-template-columns:repeat(3,190px);width:max-content;display:grid}.layout-demo-module__CCJTSW__region[data-region=shelf] .layout-demo-module__CCJTSW__supportShapes i{min-height:130px}.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail] .layout-demo-module__CCJTSW__region[data-region=gallery] .layout-demo-module__CCJTSW__supportShapes{display:grid}.layout-demo-module__CCJTSW__region[data-region=overlayNav],.layout-demo-module__CCJTSW__region[data-region=overlayCta],.layout-demo-module__CCJTSW__region[data-region=controls],.layout-demo-module__CCJTSW__region[data-region=overlayContent],.layout-demo-module__CCJTSW__region[data-region=floatingCard]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #d5dce6;border-radius:12px;min-height:64px;box-shadow:0 12px 32px #2332501a}.layout-demo-module__CCJTSW__region[data-region=overlayNav] .layout-demo-module__CCJTSW__regionHeader,.layout-demo-module__CCJTSW__region[data-region=overlayCta] .layout-demo-module__CCJTSW__regionHeader,.layout-demo-module__CCJTSW__region[data-region=controls] .layout-demo-module__CCJTSW__regionHeader,.layout-demo-module__CCJTSW__region[data-region=overlayContent] .layout-demo-module__CCJTSW__regionHeader,.layout-demo-module__CCJTSW__region[data-region=floatingCard] .layout-demo-module__CCJTSW__regionHeader{display:none}.layout-demo-module__CCJTSW__region[data-region=overlayNav] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=overlayCta] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=controls] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=overlayContent] .layout-demo-module__CCJTSW__regionBody,.layout-demo-module__CCJTSW__region[data-region=floatingCard] .layout-demo-module__CCJTSW__regionBody{padding:16px}.layout-demo-module__CCJTSW__region[data-region=overlayNav] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=overlayCta] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=controls] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=overlayContent] .layout-demo-module__CCJTSW__primaryShape,.layout-demo-module__CCJTSW__region[data-region=floatingCard] .layout-demo-module__CCJTSW__primaryShape{min-height:34px}.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section]{min-height:400px}.layout-demo-module__CCJTSW__viewport[data-layout=centeredColumn]>[data-region=headline],.layout-demo-module__CCJTSW__viewport[data-layout=centeredColumn]>[data-region=articleBody],.layout-demo-module__CCJTSW__viewport[data-layout=centeredColumn]>[data-region=related]{justify-self:center;width:calc(100% - 32px);max-width:760px}.layout-demo-module__CCJTSW__viewport[data-layout=centeredColumn]>[data-region=articleBody]{min-height:920px}.layout-demo-module__CCJTSW__viewport[data-layout=splitScreen],.layout-demo-module__CCJTSW__viewport[data-layout=alternatingSplit]{grid-template-columns:1fr}.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid],.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid],.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid],.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial],.layout-demo-module__CCJTSW__viewport[data-layout=searchFilterResults]{grid-template-columns:1fr;gap:14px;padding:14px}.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]>[data-region=category],.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]>[data-region=pagination],.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]>[data-region=footer],.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid]>[data-region=featured],.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid]>[data-region=footer],.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid]>[data-region=footer],.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=footer],.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]>[data-region=featured],.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]>[data-region=footer],.layout-demo-module__CCJTSW__viewport[data-layout=searchFilterResults]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=searchFilterResults]>[data-region=search],.layout-demo-module__CCJTSW__viewport[data-layout=searchFilterResults]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]{column-count:2;column-gap:14px;padding:14px;display:block}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=footer]{column-span:all}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=navigation]{margin:-14px -14px 14px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=footer]{margin:0 -14px -14px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery]{break-inside:avoid;width:100%;height:260px;min-height:0;margin-bottom:14px;display:inline-flex}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery]:nth-child(3n){height:420px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery]:nth-child(4n){height:330px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery]:nth-child(5n){height:480px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery] .layout-demo-module__CCJTSW__regionBody{grid-template-rows:1fr;height:100%}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery] .layout-demo-module__CCJTSW__primaryShape{height:100%;min-height:0}.layout-demo-module__CCJTSW__viewport[data-layout=feedRail]>[data-region=rail],.layout-demo-module__CCJTSW__viewport[data-layout=searchFilterResults]>[data-region=filters],.layout-demo-module__CCJTSW__viewport[data-layout=sidebarContent]>[data-region=sidebar],.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail]>[data-region=rail],.layout-demo-module__CCJTSW__viewport[data-layout=fPattern]>[data-region=sidebar]{display:none}.layout-demo-module__CCJTSW__viewport[data-layout=sidebarContent],.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail],.layout-demo-module__CCJTSW__viewport[data-layout=fPattern],.layout-demo-module__CCJTSW__viewport[data-layout=zPattern]{grid-template-columns:1fr}.layout-demo-module__CCJTSW__viewport[data-layout=fPattern]>[data-region=hero]{min-height:460px}.layout-demo-module__CCJTSW__viewport[data-layout=horizontalShelves]>[data-region=hero]{min-height:500px}.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail]{grid-template-columns:1fr}.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail]>[data-region=gallery]{min-height:560px}.layout-demo-module__CCJTSW__viewport[data-layout=centeredFocus]{grid-template-columns:1fr;align-content:start}.layout-demo-module__CCJTSW__viewport[data-layout=centeredFocus]>[data-region=steps],.layout-demo-module__CCJTSW__viewport[data-layout=centeredFocus]>[data-region=form],.layout-demo-module__CCJTSW__viewport[data-layout=centeredFocus]>[data-region=purchase]{justify-self:center;width:calc(100% - 32px);max-width:560px}.layout-demo-module__CCJTSW__viewport[data-layout=layeredOverlap]{min-height:1100px;display:block;position:relative}.layout-demo-module__CCJTSW__viewport[data-layout=layeredOverlap]>[data-region=navigation]{z-index:3;position:relative}.layout-demo-module__CCJTSW__viewport[data-layout=layeredOverlap]>[data-region=visual]{min-height:700px}.layout-demo-module__CCJTSW__viewport[data-layout=layeredOverlap]>[data-region=overlayContent],.layout-demo-module__CCJTSW__viewport[data-layout=layeredOverlap]>[data-region=floatingCard]{width:calc(100% - 32px);margin:-40px auto 72px;position:relative}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]{min-height:100svh;display:block;position:relative}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=scene]{min-height:100svh}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=overlayNav],.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=overlayCta],.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=controls]{z-index:2;position:absolute;left:18px;right:18px}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=overlayNav]{top:18px}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=overlayCta]{bottom:92px}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=controls]{bottom:18px}@media (min-width:768px){.layout-demo-module__CCJTSW__toolbar{right:24px}.layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__primaryShape{display:block}.layout-demo-module__CCJTSW__supportShapes{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-demo-module__CCJTSW__region[data-region=feed] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=rail] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=filters] .layout-demo-module__CCJTSW__supportShapes,.layout-demo-module__CCJTSW__region[data-region=form] .layout-demo-module__CCJTSW__supportShapes{grid-template-columns:1fr}.layout-demo-module__CCJTSW__region[data-region=shelf] .layout-demo-module__CCJTSW__supportShapes{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section] .layout-demo-module__CCJTSW__regionBody{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section] .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section] .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section] .layout-demo-module__CCJTSW__supportShapes{grid-column:1}.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section] .layout-demo-module__CCJTSW__primaryShape{grid-area:1/2/4;min-height:280px}.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section]:nth-child(4) .layout-demo-module__CCJTSW__titleLine,.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section]:nth-child(4) .layout-demo-module__CCJTSW__secondaryLine,.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section]:nth-child(4) .layout-demo-module__CCJTSW__supportShapes{grid-column:2}.layout-demo-module__CCJTSW__viewport[data-layout=sectionStack]>[data-region=section]:nth-child(4) .layout-demo-module__CCJTSW__primaryShape{grid-column:1}.layout-demo-module__CCJTSW__viewport[data-layout=splitScreen],.layout-demo-module__CCJTSW__viewport[data-layout=alternatingSplit]{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-demo-module__CCJTSW__viewport[data-layout=splitScreen]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=splitScreen]>[data-region=footer],.layout-demo-module__CCJTSW__viewport[data-layout=alternatingSplit]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=alternatingSplit]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid],.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid],.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid],.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid]>[data-region=featured],.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid]>[data-region=primary]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]{column-count:3;column-gap:18px;padding:18px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=navigation]{margin:-18px -18px 18px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=footer]{margin:0 -18px -18px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery]{margin-bottom:18px}.layout-demo-module__CCJTSW__viewport[data-layout=feedRail]{grid-template:64px 1fr auto/minmax(0,2fr) minmax(240px,1fr)}.layout-demo-module__CCJTSW__viewport[data-layout=feedRail]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=feedRail]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=feedRail]>[data-region=rail]{border-left-width:1px;display:flex}.layout-demo-module__CCJTSW__viewport[data-layout=sidebarContent]{grid-template:64px minmax(0,1fr) auto/220px minmax(0,1fr)}.layout-demo-module__CCJTSW__viewport[data-layout=sidebarContent]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=sidebarContent]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=sidebarContent]>[data-region=sidebar]{border-right-width:1px;display:flex}.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail]{grid-template:64px minmax(0,1fr) auto/200px minmax(0,1fr)}.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail]>[data-region=rail]:nth-child(2){border-right-width:1px;display:flex}.layout-demo-module__CCJTSW__viewport[data-layout=fPattern]{grid-template:64px auto repeat(2,minmax(280px,1fr)) auto/220px minmax(0,1fr)}.layout-demo-module__CCJTSW__viewport[data-layout=fPattern]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=fPattern]>[data-region=hero],.layout-demo-module__CCJTSW__viewport[data-layout=fPattern]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=fPattern]>[data-region=sidebar]{border-right-width:1px;grid-row:3/5;display:flex}.layout-demo-module__CCJTSW__viewport[data-layout=zPattern]{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-demo-module__CCJTSW__viewport[data-layout=zPattern]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=zPattern]>[data-region=wide],.layout-demo-module__CCJTSW__viewport[data-layout=zPattern]>[data-region=cta],.layout-demo-module__CCJTSW__viewport[data-layout=zPattern]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail]{grid-template:auto auto auto/minmax(0,1.2fr) minmax(300px,.8fr)}.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail]>[data-region=navigation],.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail]>[data-region=related],.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail]>[data-region=footer]{grid-column:1/-1}.layout-demo-module__CCJTSW__viewport[data-layout=galleryDetail]>[data-region=gallery]{grid-row:2/4}.layout-demo-module__CCJTSW__viewport[data-layout=searchFilterResults]{grid-template-columns:220px minmax(0,1fr)}.layout-demo-module__CCJTSW__viewport[data-layout=searchFilterResults]>[data-region=filters]{grid-row:span 6;display:flex}.layout-demo-module__CCJTSW__viewport[data-layout=layeredOverlap]>[data-region=overlayContent]{width:min(40%,480px);margin:0;position:absolute;top:260px;left:8%}.layout-demo-module__CCJTSW__viewport[data-layout=layeredOverlap]>[data-region=floatingCard]{width:min(32%,380px);margin:0;position:absolute;top:620px;right:8%}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=overlayCta]{width:min(400px,40vw);bottom:34px;left:34px;right:auto}.layout-demo-module__CCJTSW__viewport[data-layout=immersiveFullscreen]>[data-region=controls]{width:min(400px,40vw);bottom:34px;left:auto;right:34px}}@media (min-width:1024px){.layout-demo-module__CCJTSW__viewport[data-layout=masonry]{column-count:4}.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid],.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid]{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid]>[data-region=featured]{grid-area:span 2/span 2}.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]{grid-template-rows:64px repeat(3,minmax(190px,auto)) 76px;grid-template-columns:repeat(4,minmax(0,1fr))}.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]>[data-region=featured]{grid-area:span 2/span 2}.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]>[data-region=story]:nth-child(3),.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]>[data-region=story]:nth-child(6){grid-column:span 2}.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid]{grid-template:repeat(2,minmax(260px,1fr))/repeat(4,1fr)}.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid]>[data-region=primary]{grid-area:span 2/span 2}.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid]>[data-region=wide]{grid-column:span 2}}@media (min-width:1280px){.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail]{grid-template:64px minmax(0,1fr) auto/220px minmax(0,1fr) 280px}.layout-demo-module__CCJTSW__viewport[data-layout=holyGrail]>[data-region=rail]:nth-child(4){border-left-width:1px;display:flex}}@media (min-width:1440px){.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]{grid-template-columns:repeat(4,minmax(0,1fr));padding:28px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]{column-count:5;column-gap:24px;padding:28px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=navigation]{margin:-28px -28px 24px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=footer]{margin:0 -28px -28px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]>[data-region=gallery]{margin-bottom:24px}}@media (min-width:1920px){.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:2560px){.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid],.layout-demo-module__CCJTSW__viewport[data-layout=featuredGrid],.layout-demo-module__CCJTSW__viewport[data-layout=bentoGrid],.layout-demo-module__CCJTSW__viewport[data-layout=masonry],.layout-demo-module__CCJTSW__viewport[data-layout=asymmetricEditorial]{max-width:2300px;margin-inline:auto}.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]{grid-template-columns:repeat(6,minmax(0,1fr))}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]{column-count:6}}@media (min-width:3840px){.layout-demo-module__CCJTSW__viewport[data-layout=uniformGrid]{grid-template-columns:repeat(8,minmax(0,1fr));max-width:3100px}.layout-demo-module__CCJTSW__viewport[data-layout=masonry]{column-count:8;max-width:3100px}}.dark .layout-demo-module__CCJTSW__page{--ink:var(--seed-fg);--muted:var(--seed-fg-secondary);--line:var(--seed-border);--fill:var(--seed-surface-2);--surface:var(--seed-surface);--canvas:var(--seed-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is(.dark .layout-demo-module__CCJTSW__trigger,.dark .layout-demo-module__CCJTSW__controlButton,.dark .layout-demo-module__CCJTSW__patternOption,.dark .layout-demo-module__CCJTSW__sheetHeader){border-color:var(--seed-border);background:color-mix(in oklch, var(--seed-surface) 94%, transparent);color:var(--ink)}:is(.dark .layout-demo-module__CCJTSW__trigger:hover,.dark .layout-demo-module__CCJTSW__controlButton:hover,.dark .layout-demo-module__CCJTSW__patternOption:hover){border-color:color-mix(in oklch, var(--seed-primary) 44%, var(--seed-border));background:var(--seed-surface-2)}.dark .layout-demo-module__CCJTSW__sheetContent{background:var(--seed-bg)!important;color:var(--ink)!important}.dark .layout-demo-module__CCJTSW__sheetTitle{color:var(--ink)}.dark .layout-demo-module__CCJTSW__optionText strong{color:var(--ink)}.dark .layout-demo-module__CCJTSW__selected{border-color:color-mix(in oklch, var(--seed-primary) 58%, var(--seed-border));background:color-mix(in oklch, var(--seed-primary) 12%, var(--seed-surface))}.dark .layout-demo-module__CCJTSW__region{background:var(--surface)}.dark .layout-demo-module__CCJTSW__region[data-region=footer]{background:var(--surface)}.dark .layout-demo-module__CCJTSW__region[data-region=rail]{background:var(--surface)}.dark .layout-demo-module__CCJTSW__region[data-region=sidebar]{background:var(--surface)}.dark .layout-demo-module__CCJTSW__region[data-region=filters]{background:var(--surface)}.dark .layout-demo-module__CCJTSW__region[data-region=related]{background:var(--surface)}:is(.dark .layout-demo-module__CCJTSW__region[data-region=hero],.dark .layout-demo-module__CCJTSW__region[data-region=featured],.dark .layout-demo-module__CCJTSW__region[data-region=visual],.dark .layout-demo-module__CCJTSW__region[data-region=gallery],.dark .layout-demo-module__CCJTSW__region[data-region=scene],.dark .layout-demo-module__CCJTSW__region[data-region=primary],.dark .layout-demo-module__CCJTSW__region[data-region=cta]){background:color-mix(in oklch, var(--seed-surface-2) 90%, var(--seed-primary))}.dark .layout-demo-module__CCJTSW__regionHeader{color:var(--seed-fg-secondary)}.dark .layout-demo-module__CCJTSW__titleLine{background:color-mix(in oklch, var(--seed-border) 82%, var(--seed-fg-muted))}.dark .layout-demo-module__CCJTSW__secondaryLine{background:var(--seed-border-subtle)}.dark .layout-demo-module__CCJTSW__primaryShape{border-color:var(--seed-border);background:var(--seed-surface-2)}.dark .layout-demo-module__CCJTSW__supportShapes i{border-color:var(--seed-border);background:var(--seed-surface-2)}.dark .layout-demo-module__CCJTSW__region[data-region=rail] .layout-demo-module__CCJTSW__primaryShape{border-color:var(--seed-border);background:var(--seed-surface-2)}.dark .layout-demo-module__CCJTSW__region[data-region=sidebar] .layout-demo-module__CCJTSW__primaryShape{border-color:var(--seed-border);background:var(--seed-surface-2)}.dark .layout-demo-module__CCJTSW__region[data-region=filters] .layout-demo-module__CCJTSW__primaryShape{border-color:var(--seed-border);background:var(--seed-surface-2)}.dark .layout-demo-module__CCJTSW__region[data-region=related] .layout-demo-module__CCJTSW__primaryShape{border-color:var(--seed-border);background:var(--seed-surface-2)}:is(.dark .layout-demo-module__CCJTSW__region[data-region=navigation] .layout-demo-module__CCJTSW__primaryShape,.dark .layout-demo-module__CCJTSW__region[data-region=minimalHeader] .layout-demo-module__CCJTSW__primaryShape,.dark .layout-demo-module__CCJTSW__region[data-region=footer] .layout-demo-module__CCJTSW__primaryShape,.dark .layout-demo-module__CCJTSW__region[data-region=hero] .layout-demo-module__CCJTSW__primaryShape,.dark .layout-demo-module__CCJTSW__region[data-region=featured] .layout-demo-module__CCJTSW__primaryShape,.dark .layout-demo-module__CCJTSW__region[data-region=visual] .layout-demo-module__CCJTSW__primaryShape,.dark .layout-demo-module__CCJTSW__region[data-region=gallery] .layout-demo-module__CCJTSW__primaryShape,.dark .layout-demo-module__CCJTSW__region[data-region=scene] .layout-demo-module__CCJTSW__primaryShape){border-color:var(--seed-border);background:var(--seed-surface-3)}:is(.dark .layout-demo-module__CCJTSW__region[data-region=feed] .layout-demo-module__CCJTSW__supportShapes i,.dark .layout-demo-module__CCJTSW__region[data-region=rail] .layout-demo-module__CCJTSW__supportShapes i,.dark .layout-demo-module__CCJTSW__region[data-region=sidebar] .layout-demo-module__CCJTSW__supportShapes i,.dark .layout-demo-module__CCJTSW__region[data-region=filters] .layout-demo-module__CCJTSW__supportShapes i,.dark .layout-demo-module__CCJTSW__region[data-region=form] .layout-demo-module__CCJTSW__supportShapes i){border-color:var(--seed-border);background:var(--seed-surface-2)}:is(.dark .layout-demo-module__CCJTSW__region[data-region=overlayNav],.dark .layout-demo-module__CCJTSW__region[data-region=overlayCta],.dark .layout-demo-module__CCJTSW__region[data-region=controls],.dark .layout-demo-module__CCJTSW__region[data-region=overlayContent],.dark .layout-demo-module__CCJTSW__region[data-region=floatingCard]){border-color:var(--seed-border);background:color-mix(in oklch, var(--seed-surface) 90%, transparent)}@media (prefers-reduced-motion:reduce){.layout-demo-module__CCJTSW__trigger,.layout-demo-module__CCJTSW__controlButton{transition:none}}