.page_root__IM4zT{max-width:1320px;margin:0 auto;padding:0 24px 80px}.page_header__oazBr{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:48px 0 36px;border-bottom:1px solid #e8eaed;margin-bottom:40px;flex-wrap:wrap}.page_headerText__WGHMb{flex:1 1;min-width:240px}.page_heading__LDAZ8{font-size:36px;font-weight:800;color:#111;margin:0 0 8px}.page_subheading__o5ZBT{font-size:15px;color:#666;margin:0;max-width:520px;line-height:1.6}.page_searchWrap__2Ocxn{position:relative;flex-shrink:0}.page_searchIcon__AKqx3{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#999;pointer-events:none}.page_searchInput__10yff{width:260px;padding:10px 36px;border:1px solid #e0e3e8;border-radius:10px;font-size:14px;background:#fff;color:#111;outline:none;transition:border-color .15s,box-shadow .15s}.page_searchInput__10yff:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}.page_searchClear__YWbBl{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#aaa;line-height:1;padding:0 2px}.page_searchClear__YWbBl:hover{color:#555}.page_group__bPkoo{margin-bottom:48px}.page_groupTitle__iD_Yk{font-size:18px;font-weight:700;color:#111;margin:0 0 18px;padding-bottom:8px;border-bottom:2px solid #e8eaed}.page_colorGrid__ERzm9{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px}@media (max-width:480px){.page_colorGrid__ERzm9{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}}.page_colorCard__xwL0f{border:1px solid #e8eaed;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.page_colorCard__xwL0f:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.page_colorSwatch__TBZvn{aspect-ratio:1/1;position:relative;display:flex;align-items:flex-end;padding:8px}.page_colorHex__aVE6m{font-size:11px;font-weight:600;font-family:Fira Code,monospace;letter-spacing:.03em}.page_colorInfo__FPNAQ{padding:8px 10px 10px;background:#fff}.page_colorName__iFxTS{font-size:12px;font-weight:600;color:#222;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page_skeletonGroupTitle__IQcT_{height:22px;width:140px;border-radius:4px;margin-bottom:18px}.page_skeletonGroupTitle__IQcT_,.page_skeletonSwatch__mtbE0{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:page_shimmer___yopi 1.4s infinite}.page_skeletonSwatch__mtbE0{aspect-ratio:1/1}.page_skeletonLine__jO5Ga{height:12px;margin:4px 0;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:page_shimmer___yopi 1.4s infinite}@keyframes page_shimmer___yopi{0%{background-position:200% 0}to{background-position:-200% 0}}.page_empty__s2Scr{text-align:center;padding:80px 0;color:#888;font-size:15px}