.page_root__uvJUA{min-height:100vh;display:flex;flex-direction:column;background:#f5f4f0}.page_breadcrumb__sgc0c{display:flex;align-items:center;gap:8px;padding:14px 32px;background:#fff;border-bottom:1px solid #e8e6e2;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.04em}.page_breadcrumbLink__V_xsL{color:#888;text-decoration:none;text-transform:uppercase;transition:color .15s}.page_breadcrumbLink__V_xsL:hover{color:#111}.page_breadcrumbSep__4q7gL{color:#ccc}.page_breadcrumbCurrent__eGS6M{color:#111;font-weight:500;text-transform:uppercase}.page_hero__NQWH1{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;padding:40px 32px 0}.page_heroContent__IObvd{flex:1}.page_heroFamily__7gI1N{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}.page_heroShade__An63E{font-family:Syne,sans-serif;font-size:clamp(64px,12vw,120px);font-weight:800;line-height:.9;letter-spacing:-.04em;margin:0}.page_heroHex__NfXvo{font-size:20px;font-weight:400;margin:12px 0 6px}.page_heroClass__5YnXD,.page_heroHex__NfXvo{font-family:DM Mono,monospace;letter-spacing:.04em}.page_heroClass__5YnXD{font-size:13px;margin:0}.page_shadeStrip__kkXb4{display:flex;gap:3px;margin-top:32px;align-self:stretch}.page_shadeChip__bV7Cq{flex:1;height:36px;position:relative;text-decoration:none;transition:flex .15s ease}.page_shadeChip__bV7Cq:hover{flex:1.6}.page_shadeChipActive__okIzi{position:absolute;inset:4px;border:2px solid;pointer-events:none}.page_body__rSL6W{padding:0 32px 48px;display:flex;flex-direction:column;gap:0}.page_section__v_mAl{padding:40px 0;border-bottom:1px solid #e8e6e2}.page_section__v_mAl:last-child{border-bottom:none}.page_sectionTitle__0jdvg{font-family:Syne,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#111;margin:0 0 20px;display:flex;align-items:baseline;gap:12px}.page_sectionSub__VppJa{font-family:DM Mono,monospace;font-size:11px;font-weight:400;color:#999;letter-spacing:.04em;text-transform:uppercase}.page_codesGrid__CQZCZ{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2px}.page_codeCard__zFno1{background:#fff;border:1px solid #e8e6e2;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s}.page_codeCard__zFno1:hover{border-color:#111}.page_codeLabel__X3mKW{font-family:DM Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#aaa}.page_codeValue__V5g6_{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:#111;letter-spacing:-.01em;word-break:break-all}.page_codeValueMono__I6aqk{font-family:DM Mono,monospace;font-size:13px;font-weight:400}.page_classGrid__kb9Vl{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px}.page_classRow__FOmu_{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e8e6e2;padding:10px 16px}.page_classLabel__2UcV_{font-family:DM Mono,monospace;font-size:11px;color:#999;letter-spacing:.04em}.page_classValue__cITWg{font-family:DM Mono,monospace;font-size:12px;color:#111;font-weight:500;letter-spacing:.01em}.page_previewGrid__Wx59x{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px}.page_previewCard2__oN37B{background:#fff;border:1px solid #e8e6e2;padding:16px;display:flex;flex-direction:column;gap:12px}.page_previewCardDark__cZ_CR{background:#111;border-color:#333}.page_previewLabel__WEVTU{font-family:DM Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#aaa}.page_previewCardDark__cZ_CR .page_previewLabel__WEVTU{color:#555}.page_previewContent__xsGGA{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.page_previewBtn__ieVLM{font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.04em;padding:9px 20px;cursor:pointer;border-radius:0;transition:opacity .15s}.page_previewBtn__ieVLM:hover{opacity:.85}.page_previewBadge__SVLzD{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px}.page_previewText__BuSK0{display:flex;flex-direction:column;gap:4px}.page_previewTextLg__9sWqw{font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin:0;letter-spacing:-.01em}.page_previewTextSm__RcV9L{font-family:DM Mono,monospace;font-size:12px;margin:0}.page_previewCard__24gI_{width:100%;border:1px solid #e8e6e2;overflow:hidden}.page_previewCardHeader__JSJCL{padding:10px 14px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.04em}.page_previewCardBody__dMvte{padding:10px 14px;font-family:DM Mono,monospace;font-size:11px;color:#666;line-height:1.5}.page_previewAlert__HgSFv{display:flex;align-items:center;gap:10px;border-left:3px solid;padding:10px 14px;width:100%}.page_previewAlertIcon__X_fip{font-size:8px;flex-shrink:0}.page_previewAlertText__VUlsN{font-family:DM Mono,monospace;font-size:11px;color:#444;line-height:1.4}.page_previewProgress__wvomv{display:flex;align-items:center;gap:12px;width:100%}.page_previewProgressTrack___gUHo{flex:1;height:6px;background:#e8e6e2}.page_previewProgressBar__vQjRy{height:100%;transition:width .3s ease}.page_previewProgressLabel__nWmhN{font-family:DM Mono,monospace;font-size:11px;font-weight:500;min-width:32px}.page_previewInput__d3Otl{width:100%;font-family:DM Mono,monospace;font-size:12px;padding:9px 12px;border:2px solid;outline:4px solid transparent;outline-offset:0;background:#fff;color:#111;border-radius:0;transition:outline .15s}.page_previewInput__d3Otl:focus{outline-color:var(--focus-color)}.page_previewGradient__xLgjo{width:100%;height:72px}.page_colorChips__Cglyr{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2px}.page_colorChip__aQJ0B{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:#fff;border:1px solid #e8e6e2;padding:10px 12px;transition:border-color .15s}.page_colorChip__aQJ0B:hover{border-color:#111}.page_colorChipSwatch___k6WK{width:100%;height:44px}.page_colorChipName__kKEwd{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:#111;letter-spacing:.02em}.page_colorChipHex__JD9_x{font-family:DM Mono,monospace;font-size:10px;color:#aaa}.page_familyFullStrip__xlL9e{display:flex;gap:2px;flex-wrap:nowrap}.page_familyFullChip__JBmnz{flex:1;min-height:96px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px 6px;text-decoration:none;transition:flex .2s ease;position:relative}.page_familyFullChip__JBmnz:hover{flex:1.8}.page_familyFullChipActive__HloNo{flex:2;outline:3px solid #111;outline-offset:-3px}.page_familyFullChipLabel__ns1Jz{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.02em;display:block;line-height:1}.page_familyFullChipHex__tzNVI{font-family:DM Mono,monospace;font-size:8px;display:block;margin-top:3px;line-height:1}.page_footer__Ke1KU{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-top:2px solid #111;background:#111;font-family:DM Mono,monospace;font-size:11px;color:#555;letter-spacing:.05em;margin-top:auto}.page_footerBack__606cS{color:#888;text-decoration:none;transition:color .15s}.page_footerBack__606cS:hover{color:#f5f4f0}@media (max-width:900px){.page_hero__NQWH1{padding:28px 20px 0}.page_body__rSL6W{padding:0 20px 32px}.page_breadcrumb__sgc0c{padding:12px 20px}.page_footer__Ke1KU{padding:14px 20px}.page_familyFullChip__JBmnz{min-height:72px}.page_familyFullChipHex__tzNVI{display:none}}@media (max-width:600px){.page_codesGrid__CQZCZ,.page_previewGrid__Wx59x{grid-template-columns:1fr 1fr}.page_familyFullChipLabel__ns1Jz{font-size:8px}}.family_root__izOmz{min-height:100vh;display:flex;flex-direction:column;background:#f5f4f0}.family_breadcrumb__h0LJl{display:flex;align-items:center;gap:8px;padding:14px 32px;background:#fff;border-bottom:1px solid #e8e6e2;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.04em}.family_breadcrumbLink__qxLYH{color:#888;text-decoration:none;text-transform:uppercase;transition:color .15s}.family_breadcrumbLink__qxLYH:hover{color:#111}.family_breadcrumbSep__LV6_O{color:#ccc}.family_breadcrumbCurrent__Y7N3Y{color:#111;font-weight:500;text-transform:uppercase}.family_hero__JWPOa{background:#fff;border-bottom:2px solid #111}.family_heroSwatchStrip__8XgGh{display:flex;height:12px}.family_heroStripCell__Mgb4x{flex:1}.family_heroText__YQAS2{padding:32px 32px 28px}.family_heroEyebrow__nbkvv{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aaa;margin:0 0 6px}.family_heroTitle__uUDPQ{font-family:Syne,sans-serif;font-size:clamp(48px,10vw,96px);font-weight:800;letter-spacing:-.04em;color:#111;line-height:.9;margin:0 0 10px;text-transform:capitalize}.family_heroSub__oZL9S{font-family:DM Mono,monospace;font-size:12px;color:#aaa;letter-spacing:.04em;margin:0}.family_legend__pSaWe{display:grid;grid-template-columns:repeat(11,1fr);padding:6px 32px;border-bottom:1px solid #d9d7d1;background:#f5f4f0;position:sticky;top:0;z-index:50}.family_legendShade__X37A2{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#bbb;text-align:center}.family_main__7b1II{padding:8px 32px 0}.family_grid__WcrOE{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.family_cell__XDn7q{display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:10px;text-decoration:none;transition:transform .1s ease;outline:2px solid transparent;outline-offset:-2px;position:relative}.family_cell__XDn7q:hover{transform:scale(1.03);outline:2px solid #111;z-index:10}.family_cellShade__DvEXS{font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.04em}.family_cellBottom__w9Ywx{display:flex;flex-direction:column;gap:2px}.family_cellName__zZDHS{font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.02em}.family_cellHex__OjesZ{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.01em}.family_emptyCell___yCrM{min-height:160px;background:transparent}.family_tableSection__TaQzV{padding:40px 32px;border-top:1px solid #e8e6e2}.family_tableTitle__ZDOfq{font-family:Syne,sans-serif;font-size:18px;font-weight:700;color:#111;margin:0 0 16px;letter-spacing:-.01em}.family_table__WWx4b{border:1px solid #e8e6e2;overflow:hidden}.family_tableHeader__6EM80{display:grid;grid-template-columns:100px 1fr 1fr 1fr 1fr;padding:8px 16px;background:#f5f4f0;border-bottom:2px solid #111}.family_tableHeader__6EM80 span{font-family:DM Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#888}.family_tableRow__oR3Cb{display:grid;grid-template-columns:100px 1fr 1fr 1fr 1fr;padding:10px 16px;border-bottom:1px solid #f0ede8;text-decoration:none;align-items:center;transition:background .1s}.family_tableRow__oR3Cb:last-child{border-bottom:none}.family_tableRow__oR3Cb:hover{background:#faf9f7}.family_tableSwatchWrap__joupg{display:flex;align-items:center;gap:8px}.family_tableSwatch__xLW2D{width:20px;height:20px;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.family_tableShade__EadIY{font-family:DM Mono,monospace;font-size:12px;font-weight:500;color:#111}.family_tableCode__yMh7C{color:#444}.family_tableCode__yMh7C,.family_tableMono__RZpRy{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.01em}.family_tableMono__RZpRy{color:#666}.family_otherSection__lcuI1{padding:0 32px 48px}.family_otherGrid__icV2C{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2px}.family_otherCard__dBAJQ{display:flex;flex-direction:column;text-decoration:none;border:1px solid #e8e6e2;overflow:hidden;transition:border-color .15s}.family_otherCard__dBAJQ:hover{border-color:#111}.family_otherStrip__Zb8Nh{display:flex;height:32px}.family_otherStripCell__dxpPl{flex:1}.family_otherName__Vg_jd{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:#111;padding:8px 10px;letter-spacing:.02em;text-transform:capitalize;background:#fff}.family_footer__VRkB3{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-top:2px solid #111;background:#111;font-family:DM Mono,monospace;font-size:11px;color:#555;letter-spacing:.05em;margin-top:auto}.family_footerBack__VjsM1{color:#888;text-decoration:none;transition:color .15s}.family_footerBack__VjsM1:hover{color:#f5f4f0}@media (max-width:900px){.family_breadcrumb__h0LJl{padding:12px 20px}.family_heroText__YQAS2{padding:24px 20px 20px}.family_legend__pSaWe{padding:5px 20px}.family_main__7b1II{padding:6px 20px 0}.family_tableSection__TaQzV{padding:32px 20px}.family_otherSection__lcuI1{padding:0 20px 36px}.family_footer__VRkB3{padding:14px 20px}.family_cell__XDn7q{min-height:120px}.family_cellHex__OjesZ{display:none}}@media (max-width:600px){.family_cellName__zZDHS{display:none}.family_cell__XDn7q{min-height:80px;padding:6px}.family_tableHeader__6EM80,.family_tableRow__oR3Cb{grid-template-columns:80px 1fr 1fr}.family_tableHeader__6EM80 span:nth-child(n+4),.family_tableRow__oR3Cb>:nth-child(n+4){display:none}}.ButtonPreviewCard_card__n6xkz{background:#fff;border:1px solid #e8e6e2;display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s}.ButtonPreviewCard_card__n6xkz:hover{border-color:#ccc}.ButtonPreviewCard_cardLabel__e0lZO{font-family:DM Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#aaa;padding:14px 16px 0}.ButtonPreviewCard_preview__Za22q{flex:1;display:flex;align-items:center;padding:16px 16px 20px}.ButtonPreviewCard_btn__oQGIH{font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.04em;padding:9px 22px;cursor:default;border-radius:0;pointer-events:none;user-select:none}.ButtonPreviewCard_chips__wwydn{display:flex;flex-wrap:wrap;gap:2px;border-top:1px solid #f0ede8;padding:10px}.ButtonPreviewCard_chip__99jKW{display:inline-flex;align-items:center;gap:5px;background:#f5f4f0;border:1px solid #e4e1dc;padding:4px 8px;cursor:pointer;font-family:DM Mono,monospace;transition:background .12s,border-color .12s;border-radius:0}.ButtonPreviewCard_chip__99jKW:hover{background:#eceae5;border-color:#bbb}.ButtonPreviewCard_chipCopied__n4ygT{background:#111;border-color:#111}.ButtonPreviewCard_chipCopied__n4ygT .ButtonPreviewCard_chipLabel__GBJs1,.ButtonPreviewCard_chipCopied__n4ygT .ButtonPreviewCard_chipValue__5AAcW{color:#f5f4f0}.ButtonPreviewCard_chipLabel__GBJs1{font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#aaa;line-height:1}.ButtonPreviewCard_chipValue__5AAcW{font-size:10px;color:#333;letter-spacing:.02em;line-height:1;white-space:nowrap}