@layer base{._gridItem_9osow_2{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1;cursor:pointer;background:var(--muted)}._image_9osow_11{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}._gridItem_9osow_2:hover ._image_9osow_11{transform:scale(1.1)}._overlay_9osow_22{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-4)}._gridItem_9osow_2:hover ._overlay_9osow_22{opacity:1}._overlayContent_9osow_41{display:flex;justify-content:space-between;align-items:center}._creatorName_9osow_47{color:#fff;font-weight:600;font-size:.875rem}._cityBadge_9osow_53{display:flex;gap:4px;font-size:.7rem}._playIcon_9osow_59{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#ffffff4d;backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}}._container_1xntg_1{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)}._header_1xntg_8{text-align:center;margin-bottom:var(--spacing-10);display:flex;flex-direction:column;align-items:center}._title_1xntg_16{font-family:var(--font-family-heading);font-size:3rem;font-weight:800;margin-bottom:var(--spacing-2)}._subtitle_1xntg_23{font-size:1.25rem;color:var(--muted-foreground);margin-bottom:var(--spacing-8)}._filterGroup_1xntg_29{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}._filters_1xntg_36{display:flex;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap}._grid_1xntg_43{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media(min-width:768px){._grid_1xntg_43{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){._grid_1xntg_43{grid-template-columns:repeat(4,1fr)}}._skeletonItem_1xntg_61{border-radius:var(--radius-md);aspect-ratio:1;width:100%;height:auto}._emptyState_1xntg_68,._errorState_1xntg_69{text-align:center;padding:var(--spacing-12);color:var(--muted-foreground);background:var(--surface);border-radius:var(--radius-lg);border:1px dashed var(--border);grid-column:1 / -1}._errorState_1xntg_69{color:var(--error);border-color:var(--error)}