.photo-effect-catalog{width:100%;min-width:0;padding:0 12px 32px}.photo-effect-catalog-featured{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 9%, var(--card)), var(--card));min-width:0;box-shadow:0 6px 24px color-mix(in oklch, var(--primary) 8%, transparent);border-radius:24px;padding:16px;position:relative}.photo-effect-catalog-featured-cards{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.photo-effect-catalog-featured-card{background:var(--muted);border-radius:16px;min-width:0;display:block;position:relative;overflow:hidden}.photo-effect-catalog-featured-card:nth-child(n+2){display:none}.photo-effect-catalog-featured-card img,.photo-effect-catalog-preview img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.photo-effect-catalog-featured-title{color:#fff;background:linear-gradient(#0000,#000c);padding:48px 20px 18px;font-size:24px;font-weight:600;line-height:1.2;position:absolute;inset:auto 0 0}.photo-effect-catalog-arrow{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .3s;display:grid;position:absolute;top:calc(50% - 32px)}.photo-effect-catalog-arrow:hover{background:#000c}.photo-effect-catalog-arrow-previous{left:6px}.photo-effect-catalog-arrow-next{right:6px}.photo-effect-catalog-dots{justify-content:center;gap:4px;margin-top:8px;display:flex}.photo-effect-catalog-dots button{cursor:pointer;background:0 0;border:0;width:24px;height:24px;position:relative}.photo-effect-catalog-dots button:after{background:color-mix(in oklch, var(--foreground) 25%, transparent);content:"";border-radius:50%;position:absolute;inset:8px}.photo-effect-catalog-dots button[aria-pressed=true]:after{background:var(--primary)}.photo-effect-catalog-heading{flex-direction:column;gap:16px;min-width:0;margin:32px 0 24px;display:flex}.photo-effect-catalog-heading h1{margin:0;font-size:28px;font-weight:600;line-height:1.2}.photo-effect-catalog-search{border:1px solid var(--border);background:var(--card);min-width:0;color:var(--muted-foreground);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.photo-effect-catalog-search svg{flex-shrink:0}.photo-effect-catalog-search input{width:100%;min-width:0;color:var(--foreground);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.photo-effect-catalog-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.photo-effect-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.photo-effect-catalog-grid li{min-width:0}.photo-effect-catalog-card{background:var(--card);border:2px solid #e5e7eb;border-radius:12px;transition:border-color .3s;display:block;overflow:hidden}.photo-effect-catalog-card:hover,.photo-effect-catalog-card:focus-visible{border-color:var(--primary)}.photo-effect-catalog-preview{background:var(--muted);position:relative}.photo-effect-catalog-title{color:var(--foreground);overflow-wrap:anywhere;margin:0;padding:12px;font-size:14px;font-weight:500;line-height:20px}.photo-effect-catalog-use{z-index:1;background:var(--card);max-width:calc(100% - 16px);color:var(--primary);text-align:center;opacity:0;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000026}.photo-effect-catalog-card:hover .photo-effect-catalog-use,.photo-effect-catalog-card:focus-visible .photo-effect-catalog-use,.photo-effect-catalog-featured-card:hover .photo-effect-catalog-use,.photo-effect-catalog-featured-card:focus-visible .photo-effect-catalog-use{opacity:1}.photo-effect-catalog a:focus-visible,.photo-effect-catalog button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.photo-effect-catalog-empty{border:1px dashed var(--border);text-align:center;color:var(--muted-foreground);border-radius:16px;padding:60px 20px}.photo-effect-catalog-empty button{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:0;border-radius:12px;margin-top:16px;padding:10px 18px}@media (width>=640px){.photo-effect-catalog{padding-inline:24px}.photo-effect-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.photo-effect-catalog{padding-inline:40px}.photo-effect-catalog-featured-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-effect-catalog-featured-cards[data-count="1"]{grid-template-columns:minmax(0,1fr)}.photo-effect-catalog-featured-cards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-effect-catalog-featured-card:nth-child(n+2){display:block}.photo-effect-catalog-heading{flex-direction:row;justify-content:space-between;align-items:center}.photo-effect-catalog-heading h1{font-size:32px}.photo-effect-catalog-search{width:100%;max-width:448px}.photo-effect-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media (prefers-reduced-motion:reduce){.photo-effect-catalog *,.photo-effect-catalog :after{transition:none!important}}