@layer components{.e_gSOa_container{container-type:inline-size}.e_gSOa_skeleton-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.e_gSOa_skeleton-card-wrapper{flex-direction:column;display:flex}.e_gSOa_skeleton-card{border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.e_gSOa_skeleton-thumbnail{aspect-ratio:2/3;background-color:var(--gray-3);width:100%}.e_gSOa_skeleton-info{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.e_gSOa_skeleton-name{background-color:var(--gray-3);border-radius:4px;width:60%;height:16px}.e_gSOa_skeleton-summary{background-color:var(--gray-3);border-radius:4px;width:100%;height:14px}@container (min-width:500px){.e_gSOa_skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@container (min-width:800px){.e_gSOa_skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@container (min-width:1100px){.e_gSOa_skeleton-grid{grid-template-columns:repeat(5,1fr)}}@container (min-width:1400px){.e_gSOa_skeleton-grid{grid-template-columns:repeat(6,1fr)}}}
@layer components{.M2IbPG_container{container-type:inline-size}.M2IbPG_grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.M2IbPG_loading-area,.M2IbPG_empty-area{min-height:200px;color:var(--color-text-tertiary);justify-content:center;align-items:center;margin-top:40px;font-size:14px;display:flex}.M2IbPG_skeleton-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.M2IbPG_skeleton-card-wrapper{flex-direction:column;display:flex}.M2IbPG_skeleton-card{border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.M2IbPG_skeleton-thumbnail{aspect-ratio:2/3;background-color:var(--gray-3);width:100%}.M2IbPG_skeleton-info{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.M2IbPG_skeleton-name{background-color:var(--gray-3);border-radius:4px;width:60%;height:16px}.M2IbPG_skeleton-summary{background-color:var(--gray-3);border-radius:4px;width:100%;height:14px}.M2IbPG_card{background-color:var(--gray-8);cursor:pointer;border-radius:16px;flex-direction:column;width:100%;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.M2IbPG_background-layer{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.M2IbPG_background-layer:after{content:"";z-index:1;background:#0000008a;width:100%;height:100%;position:absolute;top:0;left:0}.M2IbPG_background-layer img{object-fit:cover;opacity:.8;filter:blur(20px);z-index:0;transform:scale(1.2)}.M2IbPG_content-layer{z-index:1;flex-direction:column;gap:14px;width:100%;height:100%;padding:16px;display:flex;position:relative}.M2IbPG_main-image-wrapper{aspect-ratio:2/3;background-color:#ffffff1a;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.M2IbPG_main-image-wrapper img{object-fit:contain;transition:transform .3s}.M2IbPG_card:hover .M2IbPG_main-image-wrapper img{transform:scale(1.05)}.M2IbPG_main-image-wrapper .M2IbPG_image-placeholder{background-color:var(--gray-2);width:100%;height:100%;color:var(--gray-8);justify-content:center;align-items:center;display:flex}.M2IbPG_main-image-wrapper .M2IbPG_image-placeholder svg{width:40px;height:40px}.M2IbPG_info-area{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.M2IbPG_name{color:var(--gray-12);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.M2IbPG_creator-row{align-items:center;gap:8px;display:flex}.M2IbPG_creator{color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.M2IbPG_badge{color:#000;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.M2IbPG_description{color:#fffc;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}@container (min-width:500px){.M2IbPG_grid,.M2IbPG_skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@container (min-width:800px){.M2IbPG_grid,.M2IbPG_skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@container (min-width:1100px){.M2IbPG_grid,.M2IbPG_skeleton-grid{grid-template-columns:repeat(5,1fr)}}@container (min-width:1400px){.M2IbPG_grid,.M2IbPG_skeleton-grid{grid-template-columns:repeat(6,1fr)}}}
@layer components{.Srrbyq_container{container-type:inline-size}.Srrbyq_skeleton-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.Srrbyq_skeleton-card-wrapper{flex-direction:column;display:flex}.Srrbyq_skeleton-card{border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.Srrbyq_skeleton-thumbnail{aspect-ratio:2/3;background-color:var(--gray-3);width:100%}.Srrbyq_skeleton-info{flex-direction:column;gap:8px;padding:12px 8px;display:flex}.Srrbyq_skeleton-name{background-color:var(--gray-3);border-radius:4px;width:60%;height:16px}.Srrbyq_skeleton-summary{background-color:var(--gray-3);border-radius:4px;width:100%;height:14px}@container (min-width:500px){.Srrbyq_skeleton-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@container (min-width:800px){.Srrbyq_skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@container (min-width:1100px){.Srrbyq_skeleton-grid{grid-template-columns:repeat(5,1fr)}}@container (min-width:1400px){.Srrbyq_skeleton-grid{grid-template-columns:repeat(6,1fr)}}}